@charset "utf-8";
/* ----------------------------------------------------------------
* reset
* common
* main
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* reset
---------------------------------------------------------------- */
*,
*:before,
*:after {
box-sizing:border-box;
}
div.l-body {
width:100%;
}
.l-body-main {
padding-bottom:0;
}
.l-footer {
margin-top:0;
}

body {
padding-top:30px;
}
body.is_modal_open {
overflow:hidden;
}

.mp_wrapper {
line-height:1.6;
word-break:break-all;
}

/* ----------------------------------------------------------------
* common
　* テンプレート
　* モジュール
　* カセット
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* common - テンプレート
---------------------------------------------------------------- */
#mp_main {
background-color:#cfe4fd;
}
.mp_main_inner {
position:relative;
z-index:20;
margin:-97px auto -70px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJwAAAAKAQMAAADLkNbSAAAAA1BMVEX///+nxBvIAAAAE0lEQVR4XmMYJmAUjIJRMApGAQAF0gABEOihGwAAAABJRU5ErkJggg==);
background-repeat:repeat-y;
background-position:center top;
}
.mp_main_inner > .mp_df {
width:980px;
margin:0 auto;
padding:40px 0 50px;
}
.mp_jsOff_alert {
margin:30px 0;
padding:17px 20px;
background:#fdedee;
color:#e84d4d;
}

/* ----------------------------------------------------------------
* common - モジュール
---------------------------------------------------------------- */
.mp_c_g {
color:#808080!important;
}
.mp_of_h {
overflow:hidden;
}
.mp_df_ws_nr {
white-space:nowrap;
}
.mp_df_wr_wr {
flex-wrap:wrap;

-webkit-flex-wrap:wrap;
}
.mp_df_jc_sb {
justify-content:space-between;
-webkit-justify-content:space-between;
}
.mp_df_jc_fs {
justify-content:flex-start;
-webkit-justify-content:flex-start;
}
.mp_df_jc_fe {
justify-content:flex-end;
-webkit-justify-content:flex-end;
}
.mp_df_jc_c {
justify-content:center;
-webkit-justify-content:center;
}
.mp_df_ai_s {
align-items:stretch;
-webkit-align-items:stretch;
}
.mp_df_ai_c {
align-items:center;
-webkit-align-items:center;
}
.mp_df_ai_fs {
align-items:flex-start;
-webkit-align-items:flex-start;
}
.mp_df_ai_fe {
align-items:flex-end;
-webkit-align-items:flex-end;
}
.mp_df_2col {
flex:1 1 50%;

-webkit-flex:1 1 50%;
}
.mp_df_fd_c {
flex-direction:column;
-webkit-flex-direction:column;
}
.mp_btn_orange_h {
display:-webkit-flex !important;
display:flex !important;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
padding:0;
}
.mp_btn_orange_inner {
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
position:relative;
top:-1px;
margin-left:8px;
padding:1px 9px;
border-radius:2px;
background:#fff;
color:#ff9422;
font-size:17px;
line-height:1;
}
.mp_btn_orange:hover .mp_btn_orange_inner {
color:#ffbf7a !important;
}
.mp_btn_orange_inner > span {
margin-top:2px;
}
.mp_ico_alert:before {
height:22px!important;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAh1BMVEUAAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADeQEDkYGDxsLD////WEBDhUFDWFBTXGBjYHh7cNzfbLCzCgMy9AAAAIXRSTlMAAQIECQwQERcxOERQWmZrcHx9iLO5wMjT3OLr7PDy+/2o9RuoAAAAnUlEQVR4Xm3MxwKCMBAA0aUpHZTQ61Ls//99RpJIKHN8h4F/QdMEsMvqEDtrxwRpZKs2ztkbThgna3WQ58iqpIJTRWKXwn2aeuruomq2cKb+2cOF0ROq5TLnGmcfZUafqV6sudBnDnHNGP7UqBi/x/HDuDQoX3HXBeBcc3j0/Y1zfYIIUXrzIqiOuIRW8GsYnoJbIHgQATPuttjF5henXSfs7IDwegAAAABJRU5ErkJggg==)!important;
}
.mp_attention {
margin-bottom:20px;
padding:15px 20px 15px 52px;
background-color:#fdedee;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAh1BMVEUAAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADeQEDkYGDxsLD////WEBDhUFDWFBTXGBjYHh7cNzfbLCzCgMy9AAAAIXRSTlMAAQIECQwQERcxOERQWmZrcHx9iLO5wMjT3OLr7PDy+/2o9RuoAAAAnUlEQVR4Xm3MxwKCMBAA0aUpHZTQ61Ls//99RpJIKHN8h4F/QdMEsMvqEDtrxwRpZKs2ztkbThgna3WQ58iqpIJTRWKXwn2aeuruomq2cKb+2cOF0ROq5TLnGmcfZUafqV6sudBnDnHNGP7UqBi/x/HDuDQoX3HXBeBcc3j0/Y1zfYIIUXrzIqiOuIRW8GsYnoJbIHgQATPuttjF5henXSfs7IDwegAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:20px 16px;
}
.mp_attention2 {
background-image:url(/2026/media/stu/img/common/ico_info.png);
}
.mp_attention p:not(:last-child) {
margin-bottom:16px;
}
.mp_alert .mp_attention:last-of-type {
margin-bottom:40px;
}

.mp_input_wrap {
position:relative;
float:left;
width:360px;
border-top:solid 1px #aaa;
border-bottom:solid 1px #aaa;
border-left:solid 1px #aaa;
border-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:4px;
background:#fff;
}
.mp_input,
.mp_input_ph {
width:100%;
height:38px;
margin:0;
padding:0 10px;
font-size:16px;
line-height:46px;
}
.mp_input {
position:relative;
z-index:1;
border:none;
background:none;
font:inherit;
}
.mp_input_ph {
display:none;
overflow:hidden;
position:absolute;
top:-3px;
right:0;
bottom:0;
left:0;
color:#aaa;
white-space:nowrap;
}
.mp_input_submit {
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
float:left;
width:100px;
height:40px;
padding:0;
border:none;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
background-color:#0087e6;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
color:#fff;
font-size:18px;
text-align:center;
text-align:center;
line-height:1;
cursor:pointer;
}
.mp_input_submit:hover {
opacity:0.6;
text-decoration:none;
}

.mp_normal_box {
padding:10px 15px;
border-radius:4px;
background:#f2f5f9;
}

.mp_column_box,
.mp_column_box2 {
margin-top:-10px;
}

.mp_column_box > li,
.mp_column_box2 > li {
min-width:345px;
width:345px;
margin-top:10px;
line-height:1.4;
}
.mp_column_box > li > a,
.mp_column_box2 > li > a {
display:-webkit-flex;
display:flex;
height:100%;
border-radius:4px;
background:#f2f5f9;
}
.mp_column_box > li > a {
align-items:center;
-webkit-align-items:center;
padding:10px;
}
.mp_column_box2 > li > a {
padding:15px 15px 10px;
}
.mp_column_box > li > a:hover,
.mp_column_box2 > li > a:hover {
background-color:#e7f5ff;
}
.mp_column_box2 > li > a:hover {
text-decoration:none;
}
.mp_column_box > li > a:visited,
.mp_column_box2 > li > a:visited {
color:#63c;
}
.mp_column_box_ico {
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
width:40px;
height:40px;
margin-right:10px;
}
.mp_column_box_img {
min-width:120px;
margin-right:10px;
}
.mp_column_box2 > li > a:hover .mp_column_box_img img {
opacity:0.6;
}
.mp_column_box_label {
display:inline-block;
margin-bottom:7px;
padding:3px 9px;
border-radius:10px;
background:#aaa;
color:#fff;
font-size:12px;
}
.mp_column_box_ttl {
margin-bottom:2px;
}
.mp_column_box2 > li > a:hover .mp_column_box_ttl {
text-decoration:underline;
}
.mp_column_box2 > li > a:visited .mp_column_box_ttl {
color:#63c;
}
.mp_column_box_txt {
color:#222;
line-height:1.6;
}

.mp_list_box,
.mp_list_box_border {
border-radius:4px;
background:#f2f5f9;
}
.mp_list_box {
padding:8px 14px;
}
.mp_list_box > li {
padding:4px 0;
}
.mp_list_box_border {
padding:8px 14px;
}
.mp_list_box_border > li {
padding:6px 0;
}
.mp_list_box_border > li:not(:last-child) {
border-bottom:1px solid #e7e9eb;
}
.mp_list_box_border > li a {
line-height:1.4;
}
.mp_list_box_border > li.mp_df a:last-child {
margin-left:10px;
padding:0 10px ;
white-space:nowrap;
}
.mp_list_box_border > li.mp_df a.mp_ico_arrow {
width:100%;
}

/* ----------------------------------------------------------------
* common - カセット
---------------------------------------------------------------- */
.mp_carousel_lst_wrap {
position:relative;
width:100%;
margin-bottom:30px;
}
.mp_carousel_lst {
flex-wrap:nowrap;
transition:margin 0.5s ease;

-webkit-flex-wrap:nowrap;
}
.mp_carousel_lst > li {
position:relative;
min-width:144px;
width:144px;
margin-right:10px;
padding:10px 10px 52px;
border-radius:4px;
}
.mp_carousel_lst > li:not(.is_more) {
background-color:#f2f5f9;
}
.mp_carousel_lst > li:not(.is_more).is_hover {
background-color:#e7f5ff;
cursor:pointer;
}
.mp_carousel_lst > li.is_more {
padding-bottom:10px!important;
background:none;
}
.mp_cassette_header {
display:-webkit-flex;
display:flex;
align-items:flex-end;
-webkit-align-items:flex-end;
height:37px;
margin-bottom:10px;
line-height:1;
}
.mp_carousel_lst > li .mp_lst_img {
margin-bottom:8px;
}
.mp_carousel_lst > li .mp_lst_cname {
font-size:12px;
line-height:1.4;
}
.mp_carousel_lst > li .mp_lst_cname a:visited {
color:#63c;
}
.mp_carousel_lst:not(.mp_reflection_lst) > li:not(.is_more).is_hover .mp_lst_cname a {
text-decoration:underline!important;
}
.mp_carousel_lst > li .mp_lst_btn {
position:absolute;
bottom:10px;
width:calc(100% - 20px);
height:32px;
}
.mp_carousel_lst > li .mp_lst_btn > p {
position:absolute;
}
.mp_carousel_lst > li .mp_lst_btn > p.mp_lst_btn_web {
top:0;
}
.mp_carousel_lst > li .mp_lst_btn > p.mp_lst_btn_ex {
bottom:0;
}
.mp_carousel_lst > li .mp_lst_btn > p.mp_lst_btn_ex .mp_btn_orange {
padding:10px 0;
line-height:1.2;
}
.mp_carousel_lst > li .mp_lst_btn > p.mp_lst_btn_ex .mp_btn_orange.mp_btn_dis {
padding:4px 0;
}
.mp_carousel_lst > li .mp_btn_blue {
width:124px !important;
height:32px !important;
padding:7px 10px;
font-size:12px;
}
.mp_carousel_prev,
.mp_carousel_next {
position:absolute;
top:30px;
width:33px;
height:52px;
background-image:url(/2026/media/stu/img/navg/top/spr_carousel.png);
background-repeat:no-repeat;
cursor:pointer;
}
.mp_carousel_prev {
left:-10px;
background-position:-91px -5px;
}
.mp_carousel_prev:hover {
background-position:-5px -67px;
}
.mp_carousel_next {
right:-10px;
background-position:-5px -5px;
}
.mp_carousel_next:hover {
background-position:-48px -5px;
}
.mp_carousel_pager li {
display:block;
width:12px;
height:12px;
margin:0 5px;
border-radius:50%;
background:#ddd;
cursor:pointer;
}
.mp_carousel_pager li.is_active {
background:#05c3c8;
}
.mp_carousel_lst_wrap .mp_btn_orange {
width:124px;
height:32px !important;
padding:7px 0;
font-size:12px !important;
}
.mp_carousel_lst_wrap .mp_btn_orange.mp_btn_2line {
padding:3px 0;
}
.mp_carousel_lst_wrap .mp_btn_orange.mp_btn_dis.mp_btn_2line {
padding:2px 0;
}

/* ----------------------------------------------------------------
* main
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* SMP版をみる
---------------------------------------------------------------- */
.mp_look_smp {
margin:30px 0;
padding:0 20px;
}
.mp_look_smp .mp_btn_light {
width:980px;
width:100%;
height:120px !important;
margin:15px auto;
padding:30px 0;
border-width:5px !important;
border-radius:7px !important;
font-size:36px;
line-height:1.5;
}

/* ----------------------------------------------------------------
* IE注記
---------------------------------------------------------------- */
.mp_forIE {
box-sizing:content-box !important;
width:962px;
margin:30px 0;
padding:18px 0 13px 18px;
background:#fdedee;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAADTAAD///+wzzOsAAAAF3RSTlMA+vEZ9q6MgSof86ehmpOHMSQTDtPQsh3zBesAAAB3SURBVBjTZctZFoMgEETRBhWcxyTP/a80Bw0B2vd5T5XEjtf7EJ0Hr223YHeFC8BSWtUD9FWBjitXDGs4T6jz6cyNzMk6E9F0f5yIyJSGCc32w5GEjLdtJkfTXjhQNARrUYVpA/kdGpEVjaxhqPuIfWIt/qHWfQHS/RP9uKjXrQAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:18px 18px;
font-size:16px;
text-align:left;
line-height:1.5;
}

/* ----------------------------------------------------------------
* メインビジュアル
---------------------------------------------------------------- */
.mp_mv {
position:relative;
width:100%;
height:530px;
background-color:#cfe4fd;
}
.mp_mv_bg {
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
}
.mp_mv_bg li {
position:absolute;
z-index:1;
top:0;
left:0;
width:inherit;
height:inherit;
margin:0 auto;
background-repeat:no-repeat;
background-position:center;
background-size:auto 530px;
opacity:0;
transition:opacity 2s;
}
.mp_mv_bg li.is_active {
z-index:2;
opacity:1;
}
.mp_mv_bg_01 {
background-image:url(/2026/media/stu/img/navg/top/bg_mv_01.jpg);
}
.mp_mv_bg_02 {
background-image:url(/2026/media/stu/img/navg/top/bg_mv_02.jpg);
}
.mp_mv_bg a {
display:block;
width:100%;
height:100%;
}
.mp_mv_bg .mp_mv_copy_img {
position:absolute;
left:50%;
background-repeat:no-repeat;
background-size:0 0;
content:"";
}
.mp_mv_bg .mp_mv_copy_img:hover img {
opacity:0;
}
.mp_mv_bg li[data-item="mv_01"] .mp_mv_copy_img {
bottom:145px;
width:470px;
height:145px;
margin:0 0 0 64px;
background-image:url(/2026/media/stu/img/navg/top/img_mv_copy_hover_01.png);
}
.mp_mv_bg li[data-item="mv_02"] .mp_mv_copy_img {
bottom:146px;
width:329px;
height:171px;
margin:0 0 0 135px;
background-image:url(/2026/media/stu/img/navg/top/img_mv_copy_hover_02.png);
}
.mp_mv_bg li[data-item="mv_01"] .mp_mv_copy_img:hover,
.mp_mv_bg li[data-item="mv_02"] .mp_mv_copy_img:hover {
background-size:100% auto;
opacity:1;
}
.mp_mv_bg_wrap .mp_mv_pager {
position:absolute;
z-index:2;
bottom:117px;
left:50%;
margin:0 0 0 277px;
}
.mp_mv_bg_wrap .mp_mv_pager li {
display:block;
width:12px;
height:12px;
margin:0 5px;
border:1px solid #fff;
border-radius:50%;
background:#aaa;
cursor:pointer;
}
.mp_mv_bg_wrap .mp_mv_pager li.is_active {
background-color:#06c3c8;
pointer-events:none;
transition:background-color 2s ease;
}

.mp_mv_inner {
position:absolute;
z-index:10;
left:50%;
width:500px;
height:auto;
margin:19px 0 0 -490px;
}

/* ----------------------------------------------------------------
* 検索パネル
---------------------------------------------------------------- */
.mp_sp {
position:relative;
z-index:2;
width:500px;
}
.mp_sp_body {
background:#fff;
}
.mp_sp_01 {
margin-bottom:13px;
box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.1);
}
.mp_sp_01 .mp_sp_body {
padding:20px 20px 13px;
border-radius:5px;
}
.mp_sp_01 .mp_input_wrap {
width:363px;
}
.mp_sp_01 .mp_input {
height:44px;
}
.mp_sp_01 .mp_input_ph {
top:0;
height:44px;
padding-left:44px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABZUlEQVQ4jY3TMUgUUBjA8d9daWLqdSCBkwmB5KCIWSINEQiJOCmJCKGD4iIKLbqkBU0thUPUkOCiBk0icqmgg6K65NCa0pYkkUIEF9bygsfB5f3X997v+5aX8OyrqGL0oxeNSOEYu5jFO5wBwFT2lSQAmvEJr3EXRfiCy2jHHHZQI6ck4DbWcR3LuINyVKMC9wNwE9u4louUYAGleIoObEZrZ5EJ8FtcxRwSMTIUJi5hEn8AAEK/MYx9tKAzRroBz/M8jsviBaArRm6E6VsFILABqIuRUmSRLRD5CSiLkQMUo7ZApAHwOUYygIcFIgOADzEyjV94hBb8ry704BgzMXKIcVzCKgZxAQBQggnMI4ExnABcBLzEFTzGG0xiHd9QhXuoBMAIFvEDkgB4glZkUIU+jOIBUngfzvdwC8uogETOLwaoRD3SOMJHnAJSWEMTNtGeDzmvdIAasZI853K+vqMNu0j/BfBGS6zSbpH5AAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-position:15px center;
font-size:14px;
}
.mp_sp_01 .mp_input_submit {
width:97px;
height:46px;
font-size:20px;
}
.mp_sp_02 .mp_sp_body {
padding:20px 20px 10px;
border-radius:0 0 5px 5px;
box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.1);
}
/* IEハック */
_:-ms-lang(x)::-ms-backdrop,
.mp_sp_02 .mp_sp_body {
margin-top:-1px;
}
/* Edgeハック */
_:-ms-lang(x)::backdrop,
.mp_sp_02 .mp_sp_body {
margin-top:-1px;
}
.mp_sp_tab {
overflow:hidden;
position:relative;
z-index:1;
}
.mp_sp_tab li {
position:relative;
width:248px;
border-radius:5px 5px 0 0;
background:#f5f5f5;
box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.1);
color:#0087e6;
font-size:18px;
text-align:center;
cursor:pointer;
}
.mp_sp_tab li:first-child {
margin-right:10px;
}
.mp_sp_tab li:hover {
background:#0087e6;
color:#fff;
}
.mp_sp_tab .is_active {
background:#fff !important;
color:#222 !important;
cursor:default;
}
.mp_sp_tab li span {
display:block;
height:43px;
padding-top:11px;
box-shadow:0 -1px 5px 0 rgba(0, 0, 0, 0.1) inset;
line-height:1.4;
}
.mp_sp_tab li:hover span,
.mp_sp_tab .is_active span {
box-shadow:none;
}
.mp_sp_tab li:after {
display:block;
position:absolute;
bottom:0;
left:50%;
width:204px;
margin-left:-102px;
content:"";
}
.mp_sp_tab li:hover:after,
.mp_sp_tab .is_active:after {
height:4px;
}
.mp_sp_tab li:hover:after {
background:transparent;
}
.mp_sp_tab .is_active:after {
background:#05c3c8 !important;
}
.mp_sp_body .mp_btn_blue,
.mp_sp_body .mp_btn_light {
width:100px;
height:40px !important;
padding:0;
}
.mp_sp_body .mp_btn_light {
padding:0 7px;
font-size:18px;
text-align:center;
line-height:1.3;
}
.mp_sp_body .mp_btn_light.mp_ha {
height:auto !important;
}
.mp_sp_body .mp_btn_light.is_select {
font-size:12px;
}
.mp_sp_body .mp_btn_light.is_select > div {
width:100%;
text-align:left;
}
.mp_sp_body .mp_btn_light.is_select > div:nth-child(2) {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.mp_sp_body .mp_btn_light:hover .mp_c_g {
color:#fff !important;
}
.mp_sp_times {
display:block;
min-width:12px;
width:12px;
height:11px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALBAMAAAC5XnFsAAAAIVBMVEUAAACqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqujnURAAAACnRSTlMAEe7MM7tVqogivgO0cQAAAERJREFUCNdj4BBgYGAsZJhkyMAgrMLAoizAaOTAwOBkCOQwALlADhBkLQORjEbKAgwgZU6GII4DC5ALUgbkijoAFQcCACeaB5ARAB/eAAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-size:12px 11px;
content:"";
}
.mp_sp_checkbox label {
display:block;
padding:0 8px 0 30px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAFVBMVEWqqqqqqqqqqqr///+qqqr39/fFxcU6RFLbAAAAA3RSTlPQDMhO9fRgAAAAKElEQVQI12MQcIECRga2YGMwME1icDWGghAGZxjTZLAxEY5EdjrCQwD+zinbKHfnEgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:0;
color:#666;
font-size:14px;
cursor:pointer;
}
.mp_sp_checkbox :checked + label {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAVFBMVEWqqqqqqqqqqqqqqqr///+qqqoAh+b39/eOyvRDp+3V7PuVzvWBxPN3v/IMjefFxcXExMT5/P7w+P7q9f3j8vzF5PnE4/mx2veGxvNbsu80n+sclOlC1RjyAAAABHRSTlP+0AzIYak3sAAAAGhJREFUGNOdkTcSwCAMBIUNZzDROf3/n6YkVeyMmi0UTjQwEhnEBmJh4hlTGImiKyyR4BWiV25qruT6QqXyiLUofHsiLTTnD9yc9jSAtHBnPuhG5CqnS0DXK0nTd1Et29ExX4bsx+Y7fnSjB84QUVKGAAAAAElFTkSuQmCC);
}
.mp_sp_words_wrap {
margin-bottom:15px;
}
.mp_sp_words_ttl {
margin-bottom:3px;
color:#666;
font-size:16px;
}
.mp_sp_words {
overflow:hidden;
position:relative;
width:400px;
height:50px;
}
.mp_sp_words ul {
position:relative;
font-size:0;
}
.mp_sp_words li {
display:inline-block;
margin:0 8px 8px 0;
font-size:14px;
}
.mp_sp_words a {
display:block;
height:21px;
padding:2px 15px;
border-radius:4px;
background:#eee;
line-height:20px;
}
.mp_sp_words a:hover {
background:#0087e6;
color:#fff !important;
text-decoration:none;
}
.mp_sp_words a:visited {
color:#63c;
}
.mp_sp_btn {
width:22px;
height:48px;
border-radius:4px;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.4);
cursor:pointer;
}
.mp_sp_btn:hover {
opacity:0.6;
}
.mp_sp_btn_prev {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAMAAAAin3oiAAAAclBMVEUAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YKjOfs9v0Bh+bK5vre7/wVkegkmOrj8vzl8/x4v/KHx/OWzvU3oetCpuxOrO5bsu8DiObx+f7y+f7z+f6x2vey2vfl8/3o9P3F5PnJ5vqm1fas2PeczxitAAAACXRSTlMAJScore/x8vOThETtAAAAfklEQVR4Xu2TRw7DUAhExxi+w3dJ773d/4pZW4PlHMBv+RYzgARQaPIeSQtAzAkTqAcoUqRn8JARPenD6xvo3eW6Z72oz0cOmXf1mrNz+9xyZXNb3k+sN6s2+9+6+YQhnt8PquQBeZ3x5flUzKRDBt516LlLY2slIFr1ZaWCH4QRJziTZmfhAAAAAElFTkSuQmCC);
}
.mp_sp_btn_next {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAMAAAAin3oiAAAAclBMVEUAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YAh+YKjOeWzvXK5vrs9v0Vkeim1fas2PckmOre7/zj8vzl8/w3oevx+f7y+f7z+f6y2vfF5PnJ5vpOrO5bsu94v/KHx/Pl8/3o9P0Bh+YDiOZCpuyx2veXb5q1AAAACXRSTlMAJScore/x8vOThETtAAAAfUlEQVR4Xu2UOQ7DMAwE1zIth5Kd+77P/38xtZFRk9pbTjEgCSylyqIPEq2SQuM/aYLMIaYJ4SjHlPGI58cz4fd+tyHJZdsvyH3tl1PAnh9dAvw6rD5PGDB161sBo2QGknw/JR6Q1+Hl+VT/3XvEXNdSuWt6BbUUrB3C1oK+wb0nUdkjG9sAAAAASUVORK5CYII=);
}

.mp_sp dl {
padding-top:2px;
font-size:12px;
}
.mp_sp dl:first-of-type {
padding-top:18px;
}
.mp_sp dl dt {
min-width:92px;
width:92px;
padding-top:2px;
color:#666;
}
.mp_sp dl dd {
width:368px;
}
.mp_sp dl dd ul li {
display:inline-block;
margin:0 8px 8px 0;
}
.mp_sp dl dd ul li a {
display:block;
min-width:58px;
height:21px;
padding:2px 11px;
border-radius:4px;
background:#eee;
text-align:center;
line-height:20px;
}
.mp_sp dl dd ul li a:hover {
background:#0087e6;
color:#fff !important;
text-decoration:none;
}
.mp_sp dl dd ul li a:visited {
color:#63c;
}

/* ----------------------------------------------------------------
* 検索条件モーダル
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* 検索条件モーダル - モジュール
---------------------------------------------------------------- */
.mp_di {
display:inline !important;
}
.mp_w140p {
width:140px !important;
}
.mp_w100p {
width:100% !important;
}
.mp_r0 {
right:0 !important;
}
.mp_fn {
float:none !important;
}

/* ----------------------------------------------------------------
* 検索条件モーダル - モーダル
---------------------------------------------------------------- */
.mp_mdlOpen {
overflow:hidden;
}
/* 背景 */
.mp_mdl_bg {
position:fixed;
z-index:200;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}
.mp_mdl_header,
.mp_mdl_footer {
position:fixed;
left:0;
width:100%;
background:rgba(255,255,255,0.9);
}

/* ----------------------------------------------------------------
* 検索条件モーダル - ヘッダー
---------------------------------------------------------------- */
.mp_mdl_header {
z-index:220;
top:0;
box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
}
.mp_mdl_headerTabs {
width:980px;
margin:0 auto;
}
.mp_mdl_headerTab {
display:none;
border-collapse:collapse;
width:100%;
height:55px;
}
.mp_mdl_headerTab_item {
display:table-cell;
width:14.2%;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
background:#f8f8f8;
color:#0068b7;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
.mp_mdl_headerTab_item:hover,
.mp_mdl_headerTab_item.is_active {
background:#0068b7;
color:#fff;
}
.mp_mdl_close {
position:fixed;
top:0;
right:0;
width:55px;
height:55px;
background:#aaa no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAElBMVEWqqqq0tLTf39/g4ODp6ens7OykqoAAAAAASklEQVQI12NQZIACYQYRAQiL0RGEwAAkBBEGi0CEIQIgEqoMRME0iwjA9AKFYYIMDKKBDJhMJAUIbUiGIaxAshjhHCRHIjkd4SEAQQMHlXh0c9YAAAAASUVORK5CYII=);
cursor:pointer;
}
.mp_mdl_close:hover {
opacity:0.6;
}

/* ----------------------------------------------------------------
* 検索条件モーダル - フッター
---------------------------------------------------------------- */
.mp_mdl_footer {
z-index:220;
bottom:0;
padding:20px;
border-top:1px solid #ddd;
}
.mp_selected_conditions {
overflow:hidden;
width:980px;
margin:0 auto;
padding:0 20px;
white-space:nowrap;
text-overflow:ellipsis;
}
.mp_selected_conditions:not(:empty) {
margin-bottom:20px;
}
.mp_mdl_footer_funcs {
display:table;
width:980px;
margin:0 auto;
}
.mp_mdl_result,
.mp_mdl_button,
.mp_mdl_clear {
display:table-cell;
width:33%;
}
.mp_mdl_result,
.mp_mdl_button {
vertical-align:middle;
}
.mp_mdl_clear {
padding-right:20px;
text-align:right;
vertical-align:bottom;
}
.mp_mdl_result {
padding:5px 0 0 20px;
color:#aaa;
font-size:16px;
text-align:left;
}
.mp_mdl_result span {
display:none;
color:#e84d4d;
font-family:Arial,Helvetica;
font-size:40px;
}
.mp_mdl_result div {
display:inline;
position:relative;
top:1px;
font-size:16px;
}

/* ----------------------------------------------------------------
* 検索条件モーダル - メイン
---------------------------------------------------------------- */
.mp_mdl_body {
position:fixed;
z-index:210;
top:55px;
right:-100%;
bottom:0;
left:-100%;
width:980px;
margin:0 auto;
padding:0;
padding-bottom:110px; /* 20 + フッタ高さ */
border-top:1px solid #ddd;
background:#fff;
}
.mp_mdl_body_items {
display:none;
}
.mp_mdl_body_item:after {
display:block !important;
visibility:hidden !important;
clear:both !important;
height:0 !important;
content:"." !important;
}
.mp_mdl_body_item {
display:none;
}
.mp_mdl_sideMenu,
.mp_mdl_contents {
float:left;
}
.mp_mdl_sideMenu {
overflow:auto;
width:255px;
padding:20px 0;
}
.mp_mdl_sideMenu_item {
padding:17px 15px;
color:#0087e6;
line-height:1;
cursor:pointer;
}
.mp_mdl_sideMenu_item:hover {
background:#f5fcff;
}
.mp_mdl_sideMenu_item.is_active {
background:#0068b7;
color:#fff;
}
.mp_mdl_contents {
overflow:auto;
width:725px;
height:100%;
padding:20px;
border-left:1px solid #ddd;
}
.mp_mdl_content {
display:none;
}
.mp_mdl_check_list {
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
padding:10px 0 10px 10px;

-webkit-flex-wrap:wrap;
}
.mp_mdl_check {
display:inline-block;
}
.mp_mdl_check input {
display:none;
}
.mp_mdl_contents .mp_mdl_check {
width:calc(50% - 17px);
margin:0 0 10px 20px;
}
.mp_w100p .mp_mdl_check {
width:48%;
}
.mp_mdl_contents .mp_mdl_check:nth-child(odd) {
clear:left;
margin-left:0;
}
.mp_mdl_check label {
display:block;
min-height:30px;
padding:10px 10px 10px 39px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAFVBMVEWqqqqqqqqqqqr///+qqqr39/fFxcU6RFLbAAAAA3RSTlPQDMhO9fRgAAAAKElEQVQI12MQcIECRga2YGMwME1icDWGghAGZxjTZLAxEY5EdjrCQwD+zinbKHfnEgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:10px 9px;
color:#0087e6;
cursor:pointer;
}
.mp_mdl_contents ul .mp_mdl_check label {
padding:6px 9px 4px 39px;
background-position:8px 5px;
}
.mp_mdl_check:hover label {
background-color:#f5fcff;
}
.mp_mdl_check :checked + label {
background-color:#0068b7;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAVFBMVEWqqqqqqqqqqqqqqqr///+qqqoAh+b39/eOyvRDp+3V7PuVzvWBxPN3v/IMjefFxcXExMT5/P7w+P7q9f3j8vzF5PnE4/mx2veGxvNbsu80n+sclOlC1RjyAAAABHRSTlP+0AzIYak3sAAAAGhJREFUGNOdkTcSwCAMBIUNZzDROf3/n6YkVeyMmi0UTjQwEhnEBmJh4hlTGImiKyyR4BWiV25qruT6QqXyiLUofHsiLTTnD9yc9jSAtHBnPuhG5CqnS0DXK0nTd1Et29ExX4bsx+Y7fnSjB84QUVKGAAAAAElFTkSuQmCC);
color:#fff !important;
}
.mp_mdl_check_footer {
padding:10px 25px;
border-top:1px solid #ddd;
font-size:0;
}
.mp_mdl_check_footer .mp_mdl_check:nth-child(n + 2) {
margin-left:20px;
}
.mp_mdl_cal_bulk .mp_mdl_check label,
.mp_mdl_check_footer .mp_mdl_check label {
color:#222;
font-size:16px;
}
.mp_mdl_cal_bulk .mp_mdl_check label {
width:auto;
}
.mp_mdl_cal_bulk {
float:right;
margin-top:10px;
}
.mp_mdl_cal_bulk .mp_mdl_check {
width:auto;
}
.mp_mdl_radio {
margin-bottom:20px;
}
.mp_mdl_radio li:first-child {
margin-right:25px;
}
.mp_mdl_radio span {
display:block;
padding:2px 0 2px 24px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAJFBMVEUAAAC8vLywsLDGxsbKysrPz8/AwMD////4+Pjn5+fl5eXPz89JDrNiAAAAB3RSTlMA8v7ApF37d3yvQQAAAERJREFUCNdjYGA1VBIOYGBgcNzZMVuEgYElq7y8fJkDQ+ByIF0lymBdDgKbGSTB9EQGDTDdBKNh4jB1MH0wc2DmwuwBAMIhI5nE6EYbAAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-position:0 3px;
font-size:14px;
cursor:pointer;
}
.mp_mdl_radio .is_checked {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAMFBMVEUAAAC8vLywsLDGxsbKysrPz8/AwMD///8Ah+b4+Ph/w/Iqm+rn5+fl5eXPz8/l8/zXCxrDAAAAB3RSTlMA8v7ApF37d3yvQQAAAE5JREFUCNdjYGA1VBIOYGBgcHwz85wIAwNLbnl5+TUHhsDrQLpWlMGu/Nfu9eWPGWTKV3R0lR9k0Czf0dFdPglGw8Rh6mD6YObAzIXZAwAXFSm1lFUhCwAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
}

/* ----------------------------------------------------------------
* 検索条件モーダル - エリア
---------------------------------------------------------------- */
.mp_mdl_area {
overflow:auto;
height:100%;
padding-top:20px;
}
.mp_mdl_area_inner {
position:relative;
height:425px;
margin:0 20px;
}
.mp_mdl_area_region {
position:absolute;
padding:1px;
background:#eee;
}
.mp_mdl_area_tohoku {
top:60px;
left:719px;
}
.mp_mdl_area_kanto {
top:184px;
left:649px;
}
.mp_mdl_area_hokuriku {
top:36px;
left:361px;
}
.mp_mdl_area_tokai {
top:307px;
left:558px;
}
.mp_mdl_area_kinki {
top:130px;
left:326px;
}
.mp_mdl_area_chushikoku {
top:130px;
left:100px;
}
.mp_mdl_area_kyushu {
top:255px;
left:7px;
}
.mp_mdl_area_oversea {
top:130px;
left:-5px;
padding-top:0;
padding-left:0;
}
.mp_mdl_area_region_2col {
width:140px;
}
.mp_mdl_area_region_3col {
width:210px;
}
.mp_mdl_area_region_4col {
width:280px;
}

.mp_mdl_area_kk {
position:absolute;
top:-2px;
left:-5px;
width:351px;
padding:10px 8px;
background:#f5f5f5;
}
.mp_mdl_area_kk ul {
position:relative;
}
.mp_mdl_area_kk ul li {
display:inline-block;
margin:1px;
}
.mp_mdl_area_kk span {
display:block;
padding:3px 0 3px 23px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAdVBMVEX///+qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqrq6urq6uqqqqqqqqurq6urq6urq6qqqqxsbG4uLjBwcHCwsLMzMzj4+Pp6enx8fH29vb39/f+/v7////M+pSbAAAAGnRSTlMABAUPExYpKjE2N0Fihoi72tvl6Ons7fT19s1DpvUAAAB9SURBVBhXbY/ZEoIwEASbyyuBCAjKJcth/v8TfUAklPZj19bsDACeNkVdGO3x4XTtZLazdOl5EeoudkEeCiDIB7sy5AEQ93ajj4FsdMyYQdRYlybi0O5Me/xz85tDsvuVAKHb5xYCqOrbuVLbruk1yTO9rFN9bcq6NNoHeAPi4xh1FWhglAAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:1px center;
font-size:12px;
cursor:pointer;
}
.mp_mdl_area_kk span.is_checked {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAArlBMVEX///+qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqrq6urq6uqqqqqqqqurq6urq6urq7////j4+MAh+a4uLjBwcHMzMyqqqrp6enx8fH29vb39/exsbEGiue+4Pm/4fkdlenB4vnCwsLC4vkeleni8fwfluk4oetFp+1lt/ABh+b6/f/7/f/+/v4DiOaAw/OBxPO9rfaJAAAAGnRSTlMABAUPExYpKjE2N0Fihoi72tvl6Ons7fT19s1DpvUAAACbSURBVHheZY/XEoIwFERDsxGIgKBs6MXeu///Y4aiMuN5PHNndy+pkChzE5dRibQMxhEvUPDIGjZCn3I08JleCcVJ8SF1FGGMGMDyOD+8bkBsCGNnwPYRCM5AZhOilQBOQcVlD5Qa6YUAdkHNAgj7/zdNzrqbQ8y2a/W8ArEpjNrdM1Hrzf53s6///srvOd9YI9IiU+YlHqNyJd5KRxWOj55EpQAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
}
.mp_mdl_area_kk_ico {
position:absolute;
top:50%;
right:10px;
margin-top:-11px;
}
.mp_mdl_area_region .mp_mdl_check {
display:block;
}
.mp_mdl_area_region .mp_mdl_check label {
min-height:inherit;
height:24px;
padding:0 0 0 26px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEWnp6enp6eurq6urq6urq6urq67u7u7u7u9vb29vb3r6+v///+2UHYGAAAACnRSTlMkJr6/wMLx8/X258zgogAAAC5JREFUCNdjEEkDAweGqN1gsIihG8LYyVANYWxnyIYwtlHKgBsItwJq6WIGmDMAN21SuitJPS8AAAAASUVORK5CYII=);
background-repeat:no-repeat;
background-position:4px center;
color:#222;
font-size:12px;
line-height:2;
}
.mp_mdl_area_region div.mp_mdl_check label,
.mp_mdl_area_region.mp_mdl_area_oversea .mp_mdl_check label {
font-size:14px;
}
.mp_mdl_area_region .mp_mdl_check :checked + label {
background-color:#0068b7;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAhFBMVEWnp6enp6eurq6urq6urq6urq67u7u7u7u9vb29vb0Ab+EAcOEAceIAcuEAdeIAeOM4n+s9oOs+oOs+pexLp+1NrO5TrO5ds+9ltfBpuPFwu/FyvPF0vPJ6wPJ/xPOHx/Tm8/zr6+vy+f7y+v7z+v70+/71+v72+/78/f78/v/9/v/////CcbKkAAAACnRSTlMkJr6/wMLx8/X258zgogAAAG1JREFUGNNlz8kOgkAQBNBWhwFEZBFQZFEWl6H+//84zV6nzks6qaID40YYUTDByHSkCFZiCm0Iiat7FQC4hm9x/0vYfoCo005Bmy94JE+ol+FS9dcGGvDKzrfZBIzlGxbgAwleMa+6M+5E7vwd9nAf6DQbgNQAAAAASUVORK5CYII=);
}
.mp_mdl_area_region.is_active div.mp_mdl_check input:not(:checked) + label {
background-color:#f5fcff;
}
.mp_mdl_area_region div.mp_mdl_check {
padding:1px;
}
.mp_mdl_area_region li.mp_mdl_check {
flex-basis:68px;
float:none;
margin:1px;
background:#fff;
}
.mp_mdl_area_oversea li.mp_mdl_check {
width:68px;
margin:0 1px 1px 0;
}
.mp_mdl_area_map {
position:absolute;
top:42px;
left:217px;
width:503px;
height:336px;
}
.mp_mdl_area_map_svg_path {
opacity:0.4;
cursor:pointer;

fill:#0068b7;
}
.mp_mdl_area_map_svg_path:hover,
.mp_mdl_area_map_svg_path.is_active,
.mp_mdl_area_map_svg_path.is_selected {
opacity:1;
}
.mp_mdl_area_map_svg_line {
fill:#eee;
}

/* ----------------------------------------------------------------
* 検索条件モーダル - カレンダー
---------------------------------------------------------------- */
.mp_mdl_cal_month {
overflow:hidden;
position:relative;
}
.mp_mdl_cal_month > ul {
position:relative;
left:0;
font-size:0;
white-space:nowrap;
}
.mp_mdl_cal_month > ul > li {
display:inline-block;
position:relative;
width:100%;
vertical-align:top;
}
.mp_mdl_cal_day {
font-size:14px;
text-align:center;
vertical-align:middle;
}
.mp_mdl_cal_day input {
display:none;
}
.mp_mdl_cal_day label {
display:block;
width:100%;
text-align:center;
line-height:45px;
cursor:pointer;
}
.mp_mdl_cal_day label:hover {
background:#f5fcff;
}
.mp_mdl_cal_grey label:hover {
background:#fff;
cursor:default;
}
.mp_mdl_cal_day :checked + label {
background-color:#0068b7;
color:#fff;
}
.mp_mdl_cal_red {
color:#c00;
}
.mp_mdl_cal_blue {
color:#03c;
}
.mp_mdl_cal_grey.mp_mdl_cal_day,
.mp_mdl_cal_grey .mp_mdl_cal_day {
color:#ccc;
}
.mp_mdl_cal_date {
width:100%;
}
.mp_mdl_cal_date td {
width:134px;
font-size:12px;
text-align:center;
}
.mp_mdl_cal_mds2 .mp_mdl_cal_date td {
padding:10px 0;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}
.mp_mdl_cal_mds1 {
position:relative;
height:30px;
margin-bottom:20px;
text-align:center;
line-height:30px;
}
.mp_mdl_cal_prev,
.mp_mdl_cal_next {
display:block;
overflow:hidden;
position:absolute;
top:0;
width:30px;
height:30px;
background:#aaa;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
text-indent:100%;
cursor:pointer;
}
.mp_mdl_cal_prev:hover,
.mp_mdl_cal_next:hover {
opacity:0.7;
}
.mp_mdl_cal_prev:after,
.mp_mdl_cal_next:after {
display:block;
position:absolute;
top:50%;
left:50%;
width:8px;
height:8px;
margin:-4px 0 0 -4px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
content:"";
}

.mp_mdl_cal_prev:after {
transform:rotate(225deg);
}
.mp_mdl_cal_next {
right:0;
}
.mp_mdl_cal_next:after {
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
* 検索条件モーダル - ダイアログ
---------------------------------------------------------------- */
.mp_dlg_container {
position:fixed;
z-index:300;
top:0;
left:0;
width:100%;
height:100%;
}
.mp_dlg_bg {
position:fixed;
z-index:21;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}
.mp_dlg_wrap {
position:fixed;
z-index:22;
top:-100%;
right:-100%;
bottom:-100%;
left:-100%;
width:332px;
height:179px;
margin:auto;
padding:40px;
background:#fff;
}
.mp_dlg_close {
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:#aaa no-repeat 13px 14px url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAEJkUm4gkH9eJWvboAAAATUlEQVQI1yXNsRGAIAwF0HAswHkuYKO9G7gBbmHp/hW8kIJw7/KTeEPVHlvzuVuUA8wHgUAgCaATqO9fvV6PJrKbESlJIsgOlIBcR30AroEGiMG96HEAAAAASUVORK5CYII=);
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);
cursor:pointer;
}
.mp_dlg_close:hover {
opacity:0.6;
}
.mp_dlg_container .mp_dtb {
width:212px;
margin:0 auto;
}
.mp_dlg_container .mp_dtc {
width:50%;
}
.mp_dlg_container .mp_dtc span {
width:96px;
height:40px !important;
font-size:18px;
cursor:pointer;
}
.mp_dlg_container .mp_dtc .mp_btn_blue {
padding:6px 0 !important;
}
.mp_dlg_container .mp_dtc .mp_btn_light {
padding:3px 0 !important;
}

/* ----------------------------------------------------------------
* 左カラム共通
---------------------------------------------------------------- */
.mp_left_col .mp_section {
margin-bottom:55px;
}
.mp_left_col .mp_section:last-child {
margin-bottom:20px;
}
.mp_left_col .mp_mds2 {
margin-bottom:15px;
font-size:26px !important;
font-weight:bold !important;
line-height:1.4;
}
.mp_left_col .mp_mds3 {
margin-bottom:10px;
font-size:20px;
line-height:1.4;
}

/* ----------------------------------------------------------------
* 登録・ログイン訴求
---------------------------------------------------------------- */
.mp_pr_base {
width:980px;
margin:0 auto;
padding:15px 4px 10px 20px;
}
.mp_pr_base a:visited {
color:#63c;
}
.mp_pr_base .mp_btn_orange,
.mp_pr_base .mp_btn_blue {
display:-webkit-flex !important;
display:flex !important;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
width:220px;
height:48px !important;
padding:0;
font-size:20px;
}
.mp_pr_base .mp_btn_orange .mp_btn_orange_inner {
font-size:18px;
}
.mp_pr_base .mp_pr_right_inner {
width:476px;
height:48px;
margin-bottom:10px;
padding:10px 10px 0 10px;
background-color:#eee;
}
.mp_pr_base .mp_ico_arrow {
display:block;
padding-left:0 !important;
text-indent:0 !important;
}
.mp_pr_base .mp_ico_arrow:before {
padding-left:12px !important;
}
.mp_pr_base .mp_btn_light {
height:30px !important;
padding:7px 0;
border:2px solid #0087e6 !important;
font-size:11px;
line-height:1;
}

/* ----------------------------------------------------------------
* プレエントリー候補リスト
---------------------------------------------------------------- */
.mp_wrapper:not(.is_notlogin) .mp_left_col .mp_reflection {
margin-bottom:50px;
}
.is_notlogin .mp_reflection .mp_normal_box {
position:relative;
background-color:#e5f0f8;
}
.is_notlogin .mp_reflection .mp_normal_box:before {
position:absolute;
top:-66px;
right:30px;
width:82px;
height:66px;
background:url(/2026/media/stu/img/navg/top/bg_reflection_notlogin.png) no-repeat 0 0;
content:"";
}
.mp_reflection_inner {
padding:10px 0 20px;
background-color:#e5f0f8;
}
.mp_reflection .mp_mds2 {
margin-bottom:10px;
}
.mp_wrapper:not(.is_notlogin) .mp_reflection .mp_mds2 {
margin-bottom:0;
padding:15px 20px 0;
color:#0068b7;
font-size:24px!important;
text-align:center;
}
.mp_wrapper .mp_reflection .mp_reflection_note {
overflow:hidden;
width:160px;
height:0;
margin:5px auto 10px;
padding-top:36px;
background:url(/2026/media/stu/img/navg/top/txt_reflection_note.png) no-repeat 0 0;
opacity:0;
transition:opacity 1s;
}
.mp_wrapper .mp_reflection .mp_reflection_note.is_show {
opacity:1;
}
.mp_reflection_lst > li:not(.is_more) {
background-color:#fff;
}
.mp_reflection_lst > li:not(.is_more).is_hover {
background-color:#f5fcff;
}
.mp_reflection_lst > li:first-child {
margin-left:15px;
}
.mp_reflection_lst > li .mp_lst_chk {
margin:4px 0 14px;
}
.mp_reflection_lst > li .mp_lst_chk input {
display:none;
}
.mp_reflection_lst > li .mp_lst_chk span {
display:block;
width:20px;
height:20px;
margin:0 auto;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAFVBMVEWqqqqqqqqqqqr///+qqqr39/fFxcU6RFLbAAAAA3RSTlPQDMhO9fRgAAAAKElEQVQI12MQcIECRga2YGMwME1icDWGghAGZxjTZLAxEY5EdjrCQwD+zinbKHfnEgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
background-position:0;
}
.mp_reflection_lst > li .mp_lst_chk input:checked + span {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAVFBMVEWqqqqqqqqqqqqqqqr///+qqqoAh+b39/eOyvRDp+3V7PuVzvWBxPN3v/IMjefFxcXExMT5/P7w+P7q9f3j8vzF5PnE4/mx2veGxvNbsu80n+sclOlC1RjyAAAABHRSTlP+0AzIYak3sAAAAGhJREFUGNOdkTcSwCAMBIUNZzDROf3/n6YkVeyMmi0UTjQwEhnEBmJh4hlTGImiKyyR4BWiV25qruT6QqXyiLUofHsiLTTnD9yc9jSAtHBnPuhG5CqnS0DXK0nTd1Et29ExX4bsx+Y7fnSjB84QUVKGAAAAAElFTkSuQmCC);
}
.mp_reflection_lst > li:hover .mp_lst_cname {
text-decoration:none;
}
.is_noikkatsu .mp_carousel_lst > li:not(.is_more).is_hover .mp_lst_cname a {
text-decoration:underline;
}
.mp_reflection_lst > li .mp_btn_orange {
width:100%;
font-size:12px;
}
.mp_reflection .mp_carousel_prev,
.mp_reflection .mp_carousel_next {
top:68px;
}
.mp_reflection .mp_reflection_submit {
width:320px;
font-size:20px;
}
.mp_reflection .mp_reflection_submit.mp_btn_dis {
cursor:default;
}

/* ----------------------------------------------------------------
* 説明会未予約企業リスト
---------------------------------------------------------------- */
.mp_seminar h3 {
font-size:26px;
font-weight:bold;
line-height:1.4;
}
.mp_seminar .mp_label_list {
font-size:12px;
}
.mp_seminar .mp_label_list li {
margin-bottom:6px;
padding:6px 0 6px 34px;
background-color:#fff;
}
.mp_seminar .mp_label_list li:first-child {
margin-top:10px;
}
.mp_seminar .mp_label_list li:last-child {
margin-bottom:0;
}
.mp_seminar .mp_label_list li.mp_label_seminarPlusInterview {
height:39px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABC0lEQVQ4jZ2TsUoDQRCGv5O0iq0QU42PICjEvEDWIlYpBEtLxRdwtLQy6VIGrG08fABD7CzEMgdXWNjaiI1wMpqAt7eXw/uLWXbnn6+YmY2yLMOXxskxcAhsAq/AjToZ+b4oiigANE6ugZMCFYbqJPdeAGic7AEPgeKFOupk8hew4hl6S4qDeR+wXgFYqwI8VwBeqgBjIC0pTuf5coA6eQf6wMzz2b0/z+cU3AN+J3IAbABv6uQ25AmNsQV0gW2gYR7ADF/AE3CvTtIgQOPkzA5gtaQHpg/gUp1c5QBLtq9MA3Vy+gM4v5vtAo//KF6ofbG/NbUp2KepoyMLBmjXBOxYsE43gc8aAAH4BgsMUAtqVkm3AAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-position:9px 4px;
line-height:1.3;
}
.mp_seminar .mp_label_list li.mp_label_video {
height:24px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAz0lEQVQ4ja3Tv0qCURjA4UdxTRJsbAnn2uwCQnDwBqr7aGnIpaW9WyibXQLB2dXW4Ftay8IuoHhBl6jTOfD95vc8cP41rqbPcIBrDLGrrA884nI86lUBBrbAXiH0s1ccN3FTAxZ1wwpwkBj6xEsBOgiwnRh4xxHuM8F2M2Mo0DOcby4gWQ647Q6HmNcFbvuqCzzFEiepoVYGFA/9dnOO/xbgOnHTHTxhP3MX69jyLDGwU4BFswAv8Faw6K9WYQVYxR/EQ847+6VYM0F/POpV3xpIJf2nVysUAAAAAElFTkSuQmCC);
background-repeat:no-repeat;
background-position:7px 5px;
line-height:1;
}

/* ----------------------------------------------------------------
* ランキング
　* 条件を指定して探す
　* オススメランキング
　* 非ログイン
---------------------------------------------------------------- */
.mp_ranking .mp_mds3 + p {
margin-left:20px;
}
.mp_ranking .mp_mds3 + p > .mp_ico_arrow {
white-space:nowrap;
}
.mp_rnk_lst > li.is_more {
background:none;
}
.mp_rnk_flg {
display:block;
background-repeat:no-repeat;
}
.mp_rnk_lst > li .mp_rnk_flg {
margin-right:8px;
}
.mp_rnk_lst > li:nth-child(-n + 3) .mp_cassette_header {
font-size:24px;
}
.mp_rnk_lst > li:nth-child(-n + 3) .mp_rnk_flg {
width:30px;
height:36px;
}
.mp_rnk_lst > li:nth-child(1) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAMAAACpD3pbAAAAz1BMVEUAAADXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxLXrxL////XrxLcuTDhwkzmzWv37s3+/frXsBX8+e3hxE/ixlblzGjbtyvnzm7nzm/btifXsBTYshru3Jnu3Zzv3p7x46vy5rXz5rbYshn9+vH9+/TduzT//vznz3Dp0nvq1IDq1YPq1oXs2Izt3JfbuCz379Dz57j06b306sH16sLZtCDatCH38NL48db79uX79+fdvDffvj/fvkDhwkvatibXrxP0Jx4fAAAAD3RSTlMAAQcSJDpRaYCXr8bc7vltynriAAAAxUlEQVR4Xt3SxRICMRBF0SCDDfCCDIO7u7vD/38TTJBqCKSKLXd7Ft1V3Ywr+xuudZTcNZoKPtVRUXARQFjmUUzorgVgfBYQInwoCJ7AKmnBckZ4gfZV4xBt8pzHplHC3DTCPLfCrR7nQ1QpR2GGIrjXyKaBEuUysN7i0dwA+pQHeC9DOSJxgvJR4j3llMTZXw6K99SMP3tkXf/Ofo+TMafH/4kDXs3GRDbNG3jloM9lZyS7yxd8su52MCmHW7dYDPyUWOMC1c5DcXqlcOcAAAAASUVORK5CYII=);
}
.mp_rnk_lst > li:nth-child(2) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAMAAACpD3pbAAAAtFBMVEUAAACkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT///+kpKSsrKy6urrGxsbn5+fs7Oz9/f2lpaWvr6/IyMjQ0NCnp6f4+Piurq7T09O+vr7t7e3u7u7MzMy1tbX+/v68vLzj4+Pk5OTOzs7FxcXHx8fv7+/19fX29vbX19f6+vr7+/vY2NjZ2dna2trf39+xsbHm5uarq6upqamysrKqqqri4uL8j8UGAAAAD3RSTlMAAQcSJDpRaYCXr8bc7vltynriAAAAwklEQVR4Xt3SxxKCQBBF0VEQUMQ3gIIK5pxz/v//UsZQraNYbr3bs+iu6mY8tr/hoBnLfW8Tw7sZTjG8BODIXPGFHtoA6lcoEm4tBPcQNYjgmCe8R+miHYjGAef+tkCYh57D/QaulTmfoku5gLDo4tbcHgIrymtgNMG9vAeUKVfxWomyK3GNsiNxi3JFYvuXg+K1L/xnj2yanzlrqIypRvYdW+lUgokSqbT1zLmMlmSkpJbJPdjUFSal6GbEYuC7xBpnVgtCDwzUunsAAAAASUVORK5CYII=);
}
.mp_rnk_lst > li:nth-child(3) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAMAAACpD3pbAAAAzFBMVEUAAACddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV6ddV7///+ddV6mgW3CqZvDq539/Pyed2CphnK1l4Xq4t349fO2mYi5nYygeWOnhG+lgGuriXWsi3evj3ywkH3g1Mzh1M3i1s/WxbvXx73czsaohHDAp5igemSjfWfErJ7IsqXKtanMt6vNuKzPvLHUwrjVw7rk2dLl29Xm29W0loXr49/t5eHu5+P08O318e+ddl/59/b6+feedl/+/f2jfmgWoVVnAAAAD3RSTlMAAQcSJDpRaYCXr8bc7vltynriAAAAxUlEQVR4Xt3SxRLCQBBF0cGCBPIGCCS4u7v7//8TZJBqGAjFlrs9i+6qbsZt+xtOd225p+dsOLtDyYarAAyZGzGh+SOAxVZAnHBxLLgCq6YFpynhNjoXTUK0bnEem5iEeUI3+GGJa33ORyhTNpGIR3BrH44CNcp1YLXBvZkODCgP8VqUckTiFOW5xAXKGYnDvxwUr33hP3tkVf3MQZ+bMbcv+I5Dfo+DiRwef+iZtYDiZCSnEtAerHpdTMrlVS0WA98l1jgDWUJDP6B0jxMAAAAASUVORK5CYII=);
}
.mp_rnk_lst > li:nth-child(n + 4) .mp_cassette_header {
font-size:18px;
}
.mp_rnk_lst > li:nth-child(n + 4) .mp_rnk_flg {
width:22px;
height:26px;
}
.mp_rnk_lst > li:nth-child(n + 4):not(:nth-child(n + 11)) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaBAMAAABBWLFzAAAALVBMVEUAAACqy+any+alyeWhx+SexeObw+OYwuKSvuCPvN+Mu96IuN2CtdyAtNt/s9slfjx3AAAADnRSTlMAEiA2YnmPocLR3+v5/XHPYoMAAAAsSURBVBhXY3iHAAwjnX3CpQfKfjtVgIEx8h6I/SqJAQTU1r1j2G7AAAHM1QDO3vXoMZgfPwAAAABJRU5ErkJggg==);
}
.mp_rnk_lst > li:nth-child(n + 11) .mp_rnk_flg {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaBAMAAABBWLFzAAAALVBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0meFZpAAAADnRSTlMADBYmSFtvgaS3ytz0/J5Mzs4AAAAsSURBVBhXY3iHAAwjnX3CpQfKfjtVgIEx8h6I/SqJAQTU1r1j2G7AAAHM1QDO3vXoMZgfPwAAAABJRU5ErkJggg==);
}
.mp_ranking .mp_carousel_prev,
.mp_ranking .mp_carousel_next {
top:69px;
}
.rank_annotation_txt {
margin-top:14px;
color:#808080;
font-size:12px;
line-height:2;
}

/* ----------------------------------------------------------------
* ランキング - 条件を指定して探す
---------------------------------------------------------------- */
.mp_rnk_wrap {
margin-bottom:20px;
}
.mp_rnk_tabs {
display:-webkit-flex;
display:flex;
width:100%;
}
.mp_rnk_tabs li {
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
width:100%;
height:100%;
padding:14px 10px 11px;
border-radius:5px 5px 0 0;
background-color:#e2e2e2;
color:#0087e6;
font-size:14px;
text-decoration:none;
text-align:center;
line-height:1.2;
cursor:pointer;
}
.mp_rnk_tabs li:not(:last-child) {
margin-right:5px;
}
.mp_rnk_tabs li:hover {
background-color:#e7f5ff;
text-decoration:underline;
}
.mp_rnk_tabs li.is_active {
position:relative;
background-color:#f2f5f9;
color:#222;
text-decoration:none;
cursor:default;
}
.mp_rnk_tabs li.is_active:after {
position:absolute;
bottom:0;
left:50%;
width:116px;
height:4px;
margin-left:-58px;
background-color:#05c3c8;
content:"";
}
.mp_rnk_contents {
border-radius:0 0 4px 4px;
background-color:#f2f5f9;
}
.mp_rnk_contents > li {
display:none;
}
.mp_rnk_contents_items {
padding:8px 5px;
}
.mp_rnk_contents_items > li {
width:33.3%;
padding:3px 0 3px 10px;
}
.mp_rnk_contents_items > li:nth-child(4n + 1) {
clear:both;
}
.mp_rnk_contents_items > li > a {
line-height:20px;
}

/* ----------------------------------------------------------------
* ランキング - 非ログイン
---------------------------------------------------------------- */
.mp_ranking_notlogin {
margin:60px 0 0;
padding:35px 0 13px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.mp_ranking_notlogin h3 {
margin-bottom:12px;
font-size:20px;
text-align:center;
line-height:1.4;
}
.mp_ranking_notlogin ul {
height:164px;
margin-bottom:20px;
padding:0 20px;
background:#c8edf6;
}
.mp_ranking_notlogin ul li {
width:50%;
padding:20px 0 0 140px;
background-repeat:no-repeat;
}
.mp_ranking_notlogin ul li:first-child {
background-image:url(/2026/media/stu/img/navg/top/img_ranking_notlogin_01.png);
background-position:20px bottom;
}
.mp_ranking_notlogin ul li:last-child {
background-image:url(/2026/media/stu/img/navg/top/img_ranking_notlogin_02.png);
background-position:10px bottom;
}
.mp_ranking_notlogin > div.mp_df a {
width:260px;
}
.mp_ranking_notlogin .rank_annotation_txt {
margin-top:27px;
}

/* ----------------------------------------------------------------
* 履歴から探す
---------------------------------------------------------------- */
#mp_history section:not(:last-of-type) {
margin-bottom:20px;
}

/* ----------------------------------------------------------------
* スカウト
---------------------------------------------------------------- */
.mp_oes_scout {
display:block;
padding:27px 20px 20px;
border-radius:3px;
background:#ffe;
color:#222;
cursor:pointer;
}
.mp_oes_scout:hover {
background:#f5fcff;
text-decoration:none;
}
.mp_oes_scout:hover .mp_btn_light {
background:#0087e6;
color:#fff;
}
.mp_oes_scout .mp_btn_light {
width:530px;
height:48px !important;
margin:0 auto;
font-size:16px;
}

/* ----------------------------------------------------------------
* 特集
---------------------------------------------------------------- */
.mp_premire_alert {
margin-left:10px;
color:#e84d4d;
font-size:14px;
}
.mp_premire .mp_input_wrap {
width:219px;
}
.mp_premire .mp_input,
.mp_premire .mp_input_ph {
height:38px;
}
.mp_premire .mp_input_submit {
width:95px;
height:40px;
font-size:20px;
}
.mp_premire .top-2colBox-inner {
min-width:345px;
width:345px;
margin-bottom:10px;
}
.mp_premire .top-2colBox-inner a {
display:-webkit-flex;
display:flex;
align-items:center;
-webkit-align-items:center;
height:100%;
padding:10px 15px;
border-radius:4px;
background:#f2f5f9;
}
.mp_premire .top-2colBox-inner a:hover {
background-color:#e7f5ff;
text-decoration:none;
}
.mp_premire .top-2colBox-inner a:visited {
color:#63c;
}
.mp_premire .top-2colBox-inner a:hover .top-2colBox-innerImg img {
opacity:0.6;
}
.mp_premire .top-2colBox-innerText {
flex:1;
padding-left:10px;
line-height:1.4;
}
.mp_premire .top-2colBox-innerText-link {
margin-bottom:3px;
}
.mp_premire .top-2colBox-inner a:hover .top-2colBox-innerText-link {
text-decoration:underline;
}
.mp_premire .top-2colBox-innerText-sentence {
color:#222;
}

.mp_weekly_news .mp_normal_box {
min-height:114px;
}

/* ----------------------------------------------------------------
* 就活支援コンテンツ
---------------------------------------------------------------- */
.mp_support .mp_mds2 {
font-size:24px!important;
}
.mp_support > section:not(:last-child) {
margin-bottom:25px;
}

/* ----------------------------------------------------------------
* 右カラム共通
---------------------------------------------------------------- */
.mp_side_box {
margin-bottom:25px;
padding:7px 0 6px 19px;
border-left:1px solid #ddd;
background:none!important;
color:#666;
font-size:12px;
}
.mp_side_ttl {
margin-bottom:7px;
font-size:16px;
line-height:1.4;
}
.mp_side_subttl {
font-size:14px;
line-height:1.4;
}
.mp_side_box .mp_df > .mp_side_subttl {
padding-top:1px;
}
.mp_side_box .mp_ico_arrow {
padding-left:10px !important;
text-indent:-10px !important;
}
.mp_side_box .mp_ico_arrow:before {
padding-left:10px !important;
}
.mp_side_box .mp_side_inner {
margin-bottom:17px;
}
.mp_side_box .mp_side_inner:last-child {
margin-bottom:0;
}
.mp_side_box .mp_side_mds_ico {
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
min-width:25px;
width:25px;
min-height:26px;
height:26px;
margin-right:10px;
}
.mp_side_box .mp_ico_arrow {
line-height:1.4;
}
.mp_side_box .mp_btn_blue,
.mp_side_box .mp_btn_orange,
.mp_side_box .mp_btn_light {
font-size:16px !important;
}
.mp_side_box .mp_btn_blue,
.mp_side_box .mp_btn_orange {
width:220px;
height:50px !important;
}
.mp_side_box .mp_btn_orange_inner {
margin-left:6px;
padding:0 6px;
font-size:14px;
}
.mp_side_box .mp_btn_light {
width:186px;
height:40px !important;
padding-top:5px;
}

/* ----------------------------------------------------------------
* 右カラムSNSバナー
---------------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE11, IE10 */
.mp_side_btn_sns {
display:none;
}
}

/* ----------------------------------------------------------------
* 商品
---------------------------------------------------------------- */
.mp_prd > ul > li {
margin-bottom:9px;
}
.mp_prd > ul > li:last-child {
margin-bottom:18px;
}

/* ----------------------------------------------------------------
* マイページ
　* 特別オファー
　* スケジュール
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* マイページ - 特別オファー
---------------------------------------------------------------- */
.mp_side_btn_area {
width:200px;
margin:0 auto 15px;
}
.mp_mypage_recOffer {
margin:8px 0 10px;
padding:10px 10px 6px;
background:#f2f5f9;
line-height:1.6;
}
.mp_mypage_recOffer h4 {
color:#222;
line-height:1.4;
}
.mp_mypage_recOffer ul li {
margin-bottom:9px;
}
.mp_mypage_recOffer ul li p {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* 特別オファーモーダル */
.mp_mypage_recOffer_mdl {
position:fixed;
z-index:210;
top:0;
right:0;
bottom:0;
left:0;
width:830px;
height:666px;
margin:auto;
padding:50px 20px 20px 20px;
background:#fff;
}
.mp_mypage_recOffer_mdl_iframe {
visibility:hidden;
width:787px;
height:588px;
margin:auto;
border:0;
}
.mp_mypage_recOffer_mdl_iframe.is_view {
visibility:visible;
}
.mp_mypage_recOffer_mdl_loader {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:48px;
height:48px;
margin:auto;
}
.mp_mypage_recOffer_mdl_close {
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEWqqqqvr6+wsLCxsbG1tbW2trbX19fY2Njd3d3e3t7y8vI3EcKSAAAAXklEQVQoz2NgGAXYALsCmDJDEWRqApHMjahKNUBKLQQYMJSiKwQrRVcIUoqpEKg0QgBTkHUJFqdaeCpgiDE3Mk3CVCjAoKmAoRDogEmYChnQlULciKaUDeJGtdH0AgC5+gsWt7XsEQAAAABJRU5ErkJggg==");
}

/* ----------------------------------------------------------------
* マイページ - スケジュール
---------------------------------------------------------------- */
.mp_mypage_schedule ul li p a {
overflow:hidden;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
}

/* ----------------------------------------------------------------
* 右カラムバナー
---------------------------------------------------------------- */
.mp_banner {
height:250px;
padding:115px 0 10px;
background-color:#f2f4f5;
}
.mp_banner li:not(:last-child) {
margin-right:20px;
}

/* ----------------------------------------------------------------
* 右カラムアラート
---------------------------------------------------------------- */
.mp_side_alert_lead {
margin-bottom:8px;
padding:7px 10px 7px 7px;
background-color:#fff4f4;
}
.mp_side_alert_lead p {
line-height:1.6;
}
.mp_side_alert_box p:not(:last-child) {
margin-bottom:20px;
}
.mp_side_alert_box2 {
padding:7px 10px 7px 37px;
background-color:#eee;
background-image:url(/2026/media/stu/img/common/ico_info.png);
background-repeat:no-repeat;
background-position:7px 7px;
}

/* ----------------------------------------------------------------
* アプリ訴求エリア
---------------------------------------------------------------- */
.mp_app {
background:#f2f4f5 url(/2026/media/stu/img/navg/top/bg_app.jpg) no-repeat center top;
}
.mp_app ul {
position:relative;
width:980px;
height:462px;
margin:0 auto;
}
.mp_app ul li {
position:absolute;
top:333px;
}
.mp_app ul li.mp_app_iphone {
left:415px;
}
.mp_app ul li.mp_app_android {
top:334px;
left:671px;
}

/* ----------------------------------------------------------------
* Rサービス
---------------------------------------------------------------- */
.mp_rService {
background-color:#0068b7;
color:#fff;
font-size:10px;
line-height:1.6;
}
.mp_rService a {
color:#fff;
}
.mp_rService_inner {
width:980px;
margin:0 auto;
padding:49px 0 47px;
}
.mp_rService .mp_mds2 {
margin-bottom:1px;
font-size:12px !important;
font-weight:normal !important;
}
.mp_rService_left {
width:475px;
margin-bottom:25px;
}
.mp_rService_right {
width:468px;
margin-bottom:42px;
}
.mp_rService_related {
line-height:1.8;
}
.mp_rService_related li {
display:inline;
}

/* ----------------------------------------------------------------
* 顔ぶれ&グループ企業
---------------------------------------------------------------- */
.mp_carousel_list_wrap {
position:relative;
width:100%;
margin-bottom:30px;
}
.mp_carousel_list {
flex-wrap:nowrap;
transition:margin 0.5s ease;

-webkit-flex-wrap:nowrap;
}
.mp_carousel_list > li {
position:relative;
min-width:144px;
width:144px;
margin-right:10px;
padding:10px;
border-radius:4px;
background:#f2f5f9;
}
.mp_carousel_list_wrap:not(.mp_faces_group) li:not(.is_more):hover,
.mp_carousel_list_wrap li.is_hover {
background:#e7f5ff;
cursor:pointer;
}
.mp_carousel_list_wrap li .mp_list_cname {
display:-webkit-box;
overflow:hidden;
-webkit-box-orient:vertical;
color:#0087e6;
font-size:12px;
line-height:1.4;
-webkit-line-clamp:3;
text-overflow:ellipsis;
}
.mp_carousel_list_wrap li .mp_list_cname.set_line {
display:block;
overflow:hidden;
position:relative;
max-height:4.2em;
}
.mp_carousel_list_wrap li .mp_list_cname.set_line::before,
.mp_carousel_list_wrap li .mp_list_cname.set_line::after {
position:absolute;
top:3em;
right:0;
line-height:1;
content:"…";

-ms-wrap-flow:start;
}
.mp_carousel_list_wrap li .mp_list_cname.set_line::after {
top:auto;
color:#f2f5f9;
}
.mp_carousel_list_wrap li.is_hover .mp_list_cname.set_line::after {
color:#e7f5ff;
}
.mp_carousel_list_wrap li.is_hover .mp_list_cname a {
text-decoration:underline!important;
}
.mp_carousel_list_wrap li .mp_list_btn > a {
width:124px;
height:32px !important;
font-size:12px !important;
line-height:1;
}
.mp_carousel_list_wrap li .mp_list_btn > .mp_btn_orange {
padding:12px 0;
}
.mp_faces_group_wrap {
overflow:hidden;
width:700px;
margin:0 auto;
}
.mp_faces_group_list {
display:inline-block;
transition:margin 0.5s linear;
}
.mp_faces_group_list > li {
width:120px;
margin-right:10px;
vertical-align:top;
}
.mp_faces_group_items {
display:-webkit-flex;
display:flex;
flex-wrap:wrap;

-webkit-flex-wrap:wrap;
}
.mp_faces_group_items > li {
position:relative;
min-width:120px;
width:120px;
margin-bottom:10px;
padding:10px 10px 53px;
border-radius:4px;
background-color:#f2f5f9;
}
.mp_faces_group_items > li:not(.is_more):hover,
.mp_faces_group_items > li.is_hover {
background-color:#e7f5ff;
}
.mp_faces_group_items > li .mp_list_deadline {
position:absolute;
bottom:47px;
width:calc(100% - 20px);
margin-top:0;
}
.mp_faces_group_items > li .mp_list_btn {
position:absolute;
bottom:10px;
width:calc(100% - 20px);
}
.mp_faces_group_items > li .mp_list_btn > a {
width:100px;
}
.mp_faces_group .mp_carousel_prev,
.mp_faces_group .mp_carousel_next {
top:50%;
margin-top:-46px;
}