<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*
    clearfix
================================*/
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*■ Common Style -------------------------------------------------*/

* {
box-sizing : border-box;
-moz-box-sizing : border-box;
margin: 0px;
padding: 0px;
}

a { color:#052674; text-decoration:none; }
img { border:none; }
hr { display: none; }



/*■ BASE -------------------------------------------------*/

html{
height:100%;
font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic",helvetica,arial,sans-serif;
}

body{
width:100%;
height:100%;
color:#333;
font-size:75%;
text-align:center;
}

#base{
width:980px;
margin:0px auto;
text-align:left;
}

.forPrint{ display:none; }

/*■ HEADER -------------------------------------------------*/




/*■ CONTENT -------------------------------------------------*/

div#cont { margin:0px 10px;}

/*▼ 2カラム*/
div#cont div#c2_l {width:730px;overflow:hidden;}
div#cont div#c2_r {width:200px;overflow:hidden;}

/*▼ 3カラム*/
div#cont div#c3_l {width:730px;overflow:hidden;}
div#cont div#c3_ll{width:200px;overflow:hidden;font-size:12px;}
div#cont div#c3_lr{width:500px;overflow:hidden;}
div#cont div#c3_lrr{width:730px;overflow:hidden;}
div#cont div#c3_r {width:200px;overflow:hidden;}

/*▼ 印刷ボタン*/
div#print_preview_button img {
float: right;
margin:-5px 0px 0px 0px;
transition: .3s;
}

div#print_preview_button a:hover img { opacity:0.6; }

/* 2014/06/16 公開、ミドル相互リンク */
#link_mark .btnLink span{
display:inline-block;
margin-right:10px;
vertical-align:8px;
}

/*■ CONTENT(2カラム) LEFT NAVI -------------------------------------------------*/

#cont #c3_ll dl{line-height:1.1em;color:#333;}
#cont #c3_ll dl.l_bg{
background-image:url("/common/img/base_kaiso3.gif");
background-repeat:no-repeat;
background-position:left 25px;
}

#cont #c3_ll dl table ,
#cont #c3_ll dl table tr,
#cont #c3_ll dl table tr td {margin:0px;padding:0px;}
#cont #c3_ll dl table {border:0px;border-collapse: collapse;}

#cont #c3_ll dl.cc00 table tr td.line_l,
#cont #c3_ll dl.cc11 table tr td.line_l{height:3px;width:76px;}
#cont #c3_ll dl.cc00 table tr td.line_c,
#cont #c3_ll dl.cc11 table tr td.line_c{height:3px;width:1px;}
#cont #c3_ll dl.cc00 table tr td.line_r,
#cont #c3_ll dl.cc11 table tr td.line_r{height:3px;width:123px;}

#cont #c3_ll dl.cc00 table tr td.line_l{background-color:#cc0000;}
#cont #c3_ll dl.cc00 table tr td.line_r{background-color:#FF2222;}
#cont #c3_ll dl.cc00 dt b{background:url("/common/images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat 0px 9px;}

#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#000000;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#666666;}
#cont #c3_ll dl.cc11 dt b img{background:black;border:none;margin-right:9px;}
#cont #c3_ll dl.cc11-2 {border-top:1px solid #000000;}
#cont #c3_ll dl.cc11-2 dt b img{background:black;border:none;margin-right:7px;}

#cont #c3_ll dl dt a{color:#333;}
#cont #c3_ll dl dt a:hover{background:#EEE;}
#cont #c3_ll dl dt b{
display:block;
}
#cont #c3_ll dl.cc00 dt b{padding:8px 0px 7px 20px !important;}
#cont #c3_ll dl.t1 dt b{padding:8px 0px 7px 0px; margin-bottom:0;font-size:14px;}
#cont #c3_ll dl.t2 dt b{padding:6px 0px 4px 0px;}

#cont #c3_ll dl dd{
padding-top:1px;
background:url("../images/line_dott_999999.gif") repeat-x;
padding:10px 0;
}

#cont #c3_ll dl.dl_bgclr dd{
background:none;
}

#cont #c3_ll dl.k_l_list dd{
padding-top:1px;
background:url("../images/line_dott_999999.gif") repeat-x;
padding:0;
}

#cont #c3_ll dl dd.rating_list{
border:3px solid #cccccc;
padding:5px;
background:none;
}

#cont #c3_ll dl dd.rating_list a{
background:none;
padding-left:0;
color:#052674;
}

#cont #c3_ll dl dd.rating_list a:hover{
background:none;
text-decoration:underline;
}

#cont #c3_ll dl dd.rating_list ul li{
background:none;
line-height:150%;
font-size:14px;
font-weight:bold;
list-style-type:none;
}

#cont #c3_ll dl dd.rating_list ul li span{
font-size: 25px;
font-weight: bold;
}

#cont #c3_ll dl dd.rating_list ul li ul li{
text-align:right;
list-style-type:none;
}

/* 2013/05/21 左ナビインソースの実績 */
#cont #c3_ll dl dd.rating_list_total{
border:3px solid #cccccc;
padding:5px;
background:none;
}

#cont #c3_ll dl dd.rating_list_total a{
background:none;
padding-left:0;
}

#cont #c3_ll dl dd.rating_list_total a:hover{
background:none;
text-decoration:underline;
}

#cont #c3_ll dl dd.rating_list_total ul li{
background:none;
line-height:150%;
font-size:13px;
font-weight:bold;
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
list-style-type:none;
margin-bottom:12px;
}

#cont #c3_ll dl dd.rating_list_total ul li span{
font-size: 24px;
font-weight: bold;
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}

#cont #c3_ll dl dd.rating_list_total ul li ul li{
text-align:right;
list-style-type:none;
margin-top:-23px;
}

#cont #c3_ll dl dd.rating_list_total ul.l_naiyou,
#cont #c3_ll dl dd.rating_list_total ul.l_koshi{
width:87px;
}

#cont #c3_ll dl dd.rating_list_total ul.l_naiyou li,
#cont #c3_ll dl dd.rating_list_total ul.l_koshi li{
margin-bottom:5px;
}

#cont #c3_ll dl dd.rating_list_total ul.l_naiyou .fn,
#cont #c3_ll dl dd.rating_list_total ul.l_koshi .fn{
font-weight:normal;
font-size:12px;
margin-bottom:5px;
}

#cont #c3_ll dl dd.rating_list_total p { font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; }

#cont #c3_ll dl dd.rating_list_total ul li sup { font-family: inherit; font-size: 10px; font-weight: inherit; }


#cont #c3_ll dl dd a{
display:inline;
color:#333;
}

#cont #c3_ll dl.k_l_list dd a{
display:block;
}

#cont #c3_ll dl dd a:hover{
text-decoration:none;
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/* 2013/03/15 インソースの研修一覧  */
#cont #c3_ll dl dd.k_theme a{
background:url("../img/list_l_1.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_theme a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_kaisou a{
background:url("../img/list_l_2.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_kaisou a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_age a{
background:url("../img/list_l_3.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_age a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_gyoshu a{
background:url("../img/list2_l_4.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}
#cont #c3_ll dl dd.k_gyoshu a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_dokuritsu a{
background:url("../img/list2_l_5.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_dokuritsu a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_section a{
background:url("../img/list_l_6.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_section a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_needs a{
background:url("../img/list_l_needs.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_needs a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_newpro a{
background:url("../img/list_l_new.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_newpro a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_open a{
background:url("../img/list_l_open.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_open a:hover{
background-color:#eeeeee;
}

#cont #c3_ll dl dd.k_solu a{
background:url("../img/list_l_solu.png") no-repeat 0px 7px;
padding:12px 0px 10px 30px;
}

#cont #c3_ll dl dd.k_solu a:hover{
background-color:#eeeeee;
}

/* 2013/04/10 テーマ別左ナビ追記 */
#cont #c3_ll .linkage_c_top{
background-image:url("../img/lnav_con_base_top.gif");
background-repeat:no-repeat;
background-position:top center;
width:200px;
}

#cont #c3_ll .linkage_c_middle{
background-image:url("../img/lnav_con_base_middle.gif");
background-repeat:repeat-y;
margin:10px 0;
width:200px;
}

#cont #c3_ll .linkage_c_bottom{
background-image:url("../img/lnav_con_base_bottom.gif");
background-repeat:no-repeat;
background-position:bottom center;
width:200px;
}

#cont #c3_ll .lc_contents{
margin:0 15px;
padding:45px 0 35px;
}

#cont #c3_ll .lc_contents dt{
background-color:#EEE;
padding:5px;
font-weight:bold;
}

#cont #c3_ll .lc_contents dt span.fr{
width:130px;
}

#cont #c3_ll .lc_contents p{
text-align:center;
font-size:14px;
font-weight:bold;
color:#333;
}

#cont #c3_ll .lc_contents dl dd{
background:url("../images/line_dott_999999.gif") repeat-x bottom;
}
#cont #c3_ll .lc_contents dl dt{
margin-top:15px;
}

#cont #c3_ll .lc_contents dt img {
background-color: #000;
}

#cont #c3_ll p a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/* 2014/04/09 業界別左ナビ */
#cont #c3_ll dl dd.rating_list_middle{
border:3px solid #ccc;
padding:5px;
background:none;
}

#cont #c3_ll dl dd.rating_list_middle a{
background:none;
padding-left:0;
}
#cont #c3_ll dl dd.rating_list_middle a:hover{
background:none;
text-decoration:underline;
}

#cont #c3_ll dl dd.rating_list_middle ul li{
background:none;
line-height:150%;
font-size:14px;
font-weight:bold;
list-style-type:none;
}

#cont #c3_ll dl dd.rating_list_middle ul li span{
font-size: 25px;
font-weight: bold;
color:#5398FF
}

#cont #c3_ll dl dd.rating_list_middle ul li ul li{
text-align:right;
list-style-type:none;
}

/* 2014/07/02 今注目の研修ランキング */
#cont #c3_ll dl dd ol.l_ranking{padding-top:10px;margin-bottom:5px;}
#cont #c3_ll dl dd ol.l_ranking li{list-style-type:none;margin-bottom:5px;text-indent:-29px;padding-left:29px;}
#cont #c3_ll dl dd ol.l_ranking li img{vertical-align:-8px;margin-right:10px;}
#cont #c3_ll dl dd ol.l_ranking li a{display:inline;text-decoration:underline;}
#cont #c3_ll dl dd .icon_arrow .arrowA{background-color:#999;}

/* 2014/07/31 業界別ケーススタディ */
#cont #c3_ll dl dd.case_study{padding-top:10px;}
#cont #c3_ll dl dd.case_study p{margin-bottom:5px;line-height:150%;}
#cont #c3_ll dl dd.case_study p span{font-size:25px;font-weight:bold;}
#cont #c3_ll dl dd.case_study p a{text-decoration:underline;font-size:14px;}


/*■ 右ナビ -------------------------------------------------*/
#c2_r div#side-r_list dl dd {}
#c2_r div#side-r_list dl dd:hover{
/*background:url("../images/line_dott_999999.gif") repeat-x #EEE;*/
}
#c2_r div#side-r_list dl dd a{color:#000;}
#c2_r div#side-r_list dl dd span a{color:#D66500;}
#c2_r div#side-r_list dl dd b{
color:#F00;
font-weight:normal;
}
#c2_r div#side-r_list dl dd.txt {font-size:82.5%;}
#c2_r div#side-r_list dl dd.txt b {
display:block;
margin-bottom:3px;
text-align:center;
}


/*171016テキストバナー*/
.p_text_banner{margin-bottom:8px;}
.p_text_banner__link{display:block;color:inherit;}
.p_text_banner__link:hover{text-decoration:none;color:inherit;opacity:0.9;}
.p_text_banner__ttl{display:block;padding-left: 7px;font: bold 14px/28px YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
.p_text_banner__ttl--color_ins{background-color: #c23535;color: #fff;}
.p_text_banner__ttl--pickup{margin-bottom:4px;padding:0;line-height:1;}
.p_text_banner__body{display:block;padding: 8px 0; border-width:2px; border-bottom-style:solid;}
.p_text_banner__body:first-child{border-top-style:solid;}/*バナータイトル（.p_text_banner__ttl）がない場合適用*/
.p_text_banner__body--color_ins{border-color:#c23535;}
.p_text_banner__body--pickup{padding:8px;border-style:none;}
.p_text_banner__body--pickup:first-child{border-style:none;}
.p_text_banner__ico{display:block;float:left;margin-right:8px;}
.p_text_banner__copy{display:block;margin-bottom: 8px;font: bold 12px/1.0 YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
.p_text_banner__copy--color_ins{color: #c23535;}
.p_text_banner__copy--pickup{display:inline-block;margin-bottom:4px;padding-bottom:1px;border-bottom:2px solid;font-size:10px;}
.p_text_banner__msg{display:block;font: 500 12px/1.6 YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
.p_text_banner__msg--pickup{font-weight:700;font-size:11px;line-height:1;letter-spacing:-1px;}
.p_text_banner__msg_box{display:block;overflow:hidden;}




/*topへ戻る ---------------------------------------------*/
.toTop {
margin-bottom:10px;
text-align:right;
}


/*■ COMMON PARTS ---------------------------------------------*/

.fl{ float:left; }
.fr{ float:right; }
.fn{ float:none !important; }
.fc{ clear: both; }


.ar{ text-align:right; }
.ac{ text-align:center; }
.al{ text-align:left; }

.vat{ vertical-align:top; }
.vam{ vertical-align:middle; }
.vab{ vertical-align:bottom; }

.lh100{ line-height:1;}
.lh130{ line-height:1.3;}
.lh150{ line-height:1.5;}
.lh170{ line-height:1.7;}

.m0{ margin:0px !important; }
.m5{ margin:5px !important; }
.m10{ margin:10px !important; }
.m15{ margin:15px !important; }
.m20{ margin:20px !important; }
.m25{ margin:25px !important; }
.m30{ margin:30px !important; }
.m35{ margin:35px !important; }
.m40{ margin:40px !important; }
.m45{ margin:45px !important; }
.m50{ margin:50px !important; }

.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }

.ml0{ margin-left:0px !important; }
.ml1{ margin-left:1px !important; }
.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }
.ml55{ margin-left:55px !important; }
.ml60{ margin-left:60px !important; }

.mr0{ margin-right:0px !important; }
.mr3{ margin-right:3px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }

.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }

.p0{ padding:0px   !important; }
.p5{ padding:5px   !important; }
.p10{ padding:10px !important; }
.p15{ padding:15px !important; }
.p20{ padding:20px !important; }
.p30{ padding:30px !important; }

.pt0{ padding-top:0px !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }

.pl0{ padding-left:0px !important; }
.pl5{ padding-left:5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl30{ padding-left:30px !important; }

.pr0{ padding-right:0px !important; }
.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr30{ padding-right:30px !important; }

.pb0{ padding-bottom:0px !important; }
.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb30{ padding-bottom:30px !important; }

.w100{ width:100px !important; }
.w110{ width:110px !important; }
.w120{ width:120px !important; }
.w130{ width:130px !important; }
.w140{ width:140px !important; }
.w150{ width:150px !important; }
.w160{ width:160px !important; }
.w170{ width:170px !important; }
.w180{ width:180px !important; }
.w190{ width:190px !important; }
.w200{ width:200px !important; }
.w210{ width:210px !important; }
.w220{ width:220px !important; }
.w230{ width:230px !important; }
.w240{ width:240px !important; }
.w250{ width:250px !important; }
.w260{ width:260px !important; }
.w270{ width:270px !important; }
.w280{ width:280px !important; }
.w290{ width:290px !important; }
.w300{ width:300px !important; }
.w310{ width:310px !important; }
.w320{ width:320px !important; }
.w330{ width:330px !important; }
.w340{ width:340px !important; }
.w350{ width:350px !important; }
.w360{ width:360px !important; }
.w370{ width:370px !important; }
.w380{ width:380px !important; }
.w390{ width:390px !important; }
.w400{ width:400px !important; }
.w410{ width:410px !important; }
.w420{ width:420px !important; }
.w430{ width:430px !important; }
.w440{ width:440px !important; }
.w450{ width:450px !important; }
.w460{ width:460px !important; }
.w470{ width:470px !important; }
.w480{ width:480px !important; }
.w490{ width:490px !important; }
.w500{ width:500px !important; }

.fb{font-weight:bold !important;}


/* 2014/02/13 グラフ画像用 */
.i_w5{width:60px !important;}
.i_w6{width:72px !important;}
.i_w7{width:84px !important;}
.i_w8{width:96px !important;}
.i_w9{width:108px !important;}
.i_w10{width:120px !important;}
.i_w11{width:132px !important;}
.i_w12{width:144px !important;}
.i_w13{width:156px !important;}
.i_w14{width:168px !important;}
.i_w15{width:180px !important;}
.i_w16{width:192px !important;}
.i_w17{width:204px !important;}
.i_w18{width:216px !important;}
.i_w19{width:228px !important;}
.i_w20{width:240px !important;}
.i_w21{width:252px !important;}
.i_w22{width:264px !important;}
.i_w23{width:276px !important;}
.i_w24{width:288px !important;}
.i_w25{width:300px !important;}
.i_w26{width:312px !important;}
.i_w27{width:324px !important;}
.i_w28{width:336px !important;}
.i_w29{width:348px !important;}
.i_w30{width:360px !important;}
.i_w35{width:420px !important;}
.i_w40{width:480px !important;}

.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs35{font-size:35px !important;} /* ミドル、公開などの評価％の部分で使用 */

.ff_point{font-family:Meiryo, "ヒラギノ角ゴ Pro";}

/* 2016/08/18 */
#header #header_l ul#hm{
margin-top:5px;
}

ul#hm &gt; li{
float:left;
margin-left:21px;
list-style:none;
}

ul#hm &gt; li:first-child{
margin-left:20px;
}

ul#hm &gt; li li{
margin-bottom: 5px;
list-style:none;
}

ul#hm &gt; li li a{
padding-bottom:2px;
border-bottom: 1px solid #fff;
color:#191919;
}

ul#hm &gt; li li a:hover{
border-bottom: 1px solid #999;
text-decoration:none;
}

@media(max-width:768px){
#header_r img[alt$="上場いたしました"]{display:none;}
}

div#header ul#hm .topNLeft {
  margin-right: 30px;
  padding-left: 10px;
}

div#header ul#hm .topN {
  float: left;
  margin-right: 22px;
  padding-left: 10px;
}

div#header ul#hm {
}



/***********************************

right navi

***********************************/
div#r_navi .r_bannerBox a:hover img{
opacity:0.9;
-ms-filter: "alpha( opacity=90 )";
filter: alpha( opacity=90 );
}

/***************************************

公開講座お問い合わせボタン

***************************************/
/* 2015/10/28 レスポンシブ用に編集 */
#request_box #request{
background-image:url("../img/contact_open.gif");
background-repeat:no-repeat;
background-position:top center;
width:500px;
height:298px;
position:relative;
}


#request_box #request p.free_telnum  {
color:#D2565C;
font-size:16px;
font-weight:bold;
left:197px;
letter-spacing:-1px;
position:absolute;
top:81px;
}


#request_box #request p.bt_contact {
position:absolute;
top:69px;
left:333px;
}


#request_box #request .req_text{
font-size:10px;
left:23px;
line-height:130%;
position:absolute;
top:186px;
text-indent:-10px;
padding-left:10px;
}

#request_box #request .req_text a{
text-decoration:underline;
}

#request_box #request .koukai_telnum{
color:#417DB3;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
left:197px;
top:225px;
position:absolute;
}

#request_box #request .koukai_faxnum{
color:#417DB3;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
left:197px;
top:247px;
position:absolute;
}

#request_box #request .bt_request{
position:absolute;
left: 333px;
top:229px;
}

#request .contact_mode1 span,
#request .contact_mode1 span,
#request .contact_req_msg,
#request_box #request .koukai_telnum span,
#request_box #request .koukai_faxnum span{display:none;}

/*
    2020/07/13 新デザイン版
================================*/
.ft_box_inquiry {
  border: solid 3px #0168b3;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.ft_box_inquiry .fa-phone,
.ft_box_inquiry .fa-envelope-o {
  color: #0168b3;
  margin-right: 10px;
  text-align: center;
  width: 55px;
}


.ft_box_inquiry_ttl {
  background-color: #0168b3;
  color: #fff;
  line-height: 1;
  padding: 5px 0 8px;
  text-align: center;
}

.ft_box_inquiry_inner {
  margin: auto;
  padding: 15px 0;
  width: 80%;
}

.ft_box_inquiry_group {}

.ft_box_inquiry_group + .ft_box_inquiry_group {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.ft_box_tel {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}

.ft_box_tel_icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-right: 3px;
}

.ft_box_tel_arrow {}

.ft_box_tel_telnum {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 52px;
  font-weight: bold;
}


.ft_box_mail {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ft_box_mail_icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-right: 3px;
}

.ft_box_mail_arrow {}

.ft_box_mail_link {
  width: 390px;
}

.ft_box_mail_link &gt; a {
  background-color: #0168b3;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.ft_box_mail_link &gt; a:hover {
  opacity: .6;
  text-decoration: none;
}


.ft_box_request {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.ft_box_request_icon {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 16px;
  letter-spacing: 0;
}

.ft_box_request_icon &gt; img { margin-right: 10px; }

.ft_box_request_arrow {}

.ft_box_request_link {
  width: 390px;
}

.ft_box_request_link &gt; a {
  background-color: #e45c4d;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.ft_box_request_link &gt; a:hover {
  opacity: .6;
  text-decoration: none;
}

.ft_box_info {
  font-size: 14px;
  line-height: 1.4;
}

.ft_box_info_txt { margin-bottom: 5px; }

.ft_box_info_link {
  color: #052674;
  text-decoration: none;  
  position: relative;
}

.ft_box_info_link::before {
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  content: "";
  display: inline-block;
  height: .5em;
  margin-right: 10px;
  transform: rotate(45deg);
  width: .5em;
}

.ft_box_info_link:hover {
  color: #005580;
  text-decoration: underline;
}

@media screen and (max-width:599px) {
  .ft_box_inquiry { font-size: 16px; }
  .ft_box_inquiry_inner { width: 90%; }
  .ft_box_tel_icon,.ft_box_tel_arrow,
  .ft_box_mail_icon,.ft_box_mail_arrow,
  .ft_box_request_arrow,.ft_box_request_icon &gt; br { display: none; }
  .ft_box_tel_telnum { font-size: 28px; }
  .ft_box_request_icon { margin-bottom: 10px; }
}

/***************************************

無料セミナーお問い合わせボタン

***************************************/

/* 2015/06/08 改修 */
#contact_box .h_line{display:none;}

#contact_box #contact_mode1 {
background-image: url("../img/contact_base5.gif");
background-position: 20px 20px;
background-repeat: no-repeat;
position: relative;
border:2px solid #ccc;
padding:20px;
}

#contact_box #contact_mode1 .contact_innerBox{padding-left:150px;padding-top:6px;}

#contact_box #contact_mode1 .telnumBox{float:left;}

#contact_box #contact_mode1 .mailBox{float:right;}

/* 2017/06/29 */
.frnum_notice_s {
margin-top: 20px;
line-height: 1.3;
}

#contact_box #contact_mode1 p.free_telnum_text{
font-size: 12px;
font-weight: bold;
color: #333;
margin-bottom:23px;
}

#contact_box #contact_mode1 p.free_telnum  {
color:#D2565C;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:100%;
text-align:center;
}

#contact_box #contact_mode1 p.free_telnum span{
font-size:12px;
color:#333;
}

#contact_box #contact_mode1 p.bt_contact_text{
font-size: 12px;
font-weight: bold;
color: #333;
margin-bottom:23px;
}

#contact_box #contact_mode1 p.bt_contact {
top:69px;
left:333px;
}


#contact_box #contact_mode1 p.bt_kokai {
position:absolute;
top:194px;
left:174px;
font-size:10px;
}

#contact_box #contact_mode1 p.bt_koshi {
position:absolute;
top:194px;
left:336px;
font-size:10px;
}

#contact_box #contact_mode1 p.bt_kokai a,
#contact_box #contact_mode1 p.bt_koshi a {
text-decoration:underline;
}

#contact_box #contact_mode1 p.bt_kokai img,
#contact_box #contact_mode1 p.bt_koshi img{
margin-bottom:10px;
}


#contact_box #contact_mode1 p.bt_kokai span,
#contact_box #contact_mode1 p.bt_koshi span{
text-indent:-10px;
padding-left:10px;
display:inline-block;
line-height:100%;
}


/*130509公開講座ボトム左ナビ*/
#cont #c3_ll dl dd.rating_list_koza{
border:3px solid #d7d0c0;
padding:5px;
background:none;
}

#cont #c3_ll dl dd.rating_list_koza a{
background:none;
padding-left:0;
}

#cont #c3_ll dl dd.rating_list_koza a:hover{
background:none;
text-decoration:underline;
}

#cont #c3_ll dl dd.rating_list_koza ul li{
background:none;
line-height:150%;
font-size:14px;
font-weight:bold;
list-style-type:none;
}

#cont #c3_ll dl dd.rating_list_koza ul li span{
font-size: 25px;
font-weight: bold;
color:#5398FF
}

#cont #c3_ll dl dd.rating_list_koza ul li ul li{
text-align:right;
list-style-type:none;
}

/*左ナビコンテンツ共通モジュール*/
#cont #c3_ll dl dd ul.rmcon{
border: 3px solid #ccc;
padding: 10px;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
}

/* 2013/08/30 左ナビ研修カレンダー */
#training_calendar{border:3px solid #ccc; padding-bottom:10px; margin-bottom:10px;}

#training_calendar .training_c_title{/*background-color:#C23535;*/color:#333;font-weight:bold;font-size:14px;padding:5px;}
#training_calendar .training_c_title img{margin-right:10px;vertical-align:-6px;}

#training_calendar div{
font-size:13px;
padding:10px 10px 0;}

#training_calendar div ul{
background-repeat:no-repeat;
background-position:right 10px;
padding:15px 0 0;
border-top:2px dotted #ccc;
}
#training_calendar div ul li{padding-bottom:10px;list-style-type:none;}

#training_calendar .cl_spring ul{
background-image:url("../img/icon_spring.gif");
border-top:none;
padding-top:5px;
}

#training_calendar .cl_summer ul{
background-image:url("../img/icon_summer.gif");
}

#training_calendar .cl_autumn ul{
background-image:url("../img/icon_autumn.gif");
}

#training_calendar .cl_winter ul{
background-image:url("../img/icon_winter.gif");
}

/* 2014/03/10 公開右ナビWEBinsourceログイン */
#r_navi .webins_login{margin-bottom:10px;}
#r_navi .w_line .bar_l{background-color:#E51E19;margin-right:1px;}
#r_navi .w_line .bar_r{background-color:#CCCCCC;}
#r_navi .r_nav_title{font-weight:bold;margin:3px 0 10px;}
#r_navi .r_nav_title img{vertical-align:-1px;margin-right:6px;}

#r_navi .loginBox{/*margin-bottom:10px;*/margin:0 12px 10px;}
#r_navi .loginBox .login{border-right:1px solid #1C75C5;padding: 2px 14px 2px 3px;margin-top:4px; font-size:14px;}
#r_navi .loginBox .fl a{color:#1C75C5;font-weight:bold;}
#r_navi .loginBox .fl a:hover{color:#2499FF;}

#r_navi .loginBox .first_time{}
#r_navi .loginBox .first_time span{display:inline-block;font-size:10px;}
#r_navi .loginBox .first_time span a{color:#E51E19;text-decoration:underline;}
#r_navi .loginBox .first_time span a:hover{color:#E64845;}
#r_navi .webins_login .w_detail{background-color:#F3EFE8;color:#A50505;padding:10px;}

/*********/
#r_navi .r_bannerBox .w_line { font-size: 14px; }
#r_navi .r_bannerBox .w_line .bar_l{background-color:#0066FF;margin-right:1px;}
#r_navi .r_bannerBox .w_line .bar_r{background-color:#44aeea;}/* 修正前：#3399FF */
#r_navi .r_bannerBox .r_nav_title{font-weight:bold;margin:3px 0 10px;}
#r_navi .r_bannerBox .r_nav_title img{vertical-align:-6px;margin-right:6px;background-color:#5398FF;}

/* 2014/08/27 右ナビ画像 */
#r_navi .r_bannerBox div img{vertical-align:bottom;}

/* 2014/11/05 右ナビ新人 */
#r_navi .r_bannerBox div.rnav_newcom{border-width:0 1px 1px;border-style:solid;border-color:#999;background-color:#fff;width:200px;}
#r_navi .r_bannerBox div.rnav_newcom a{color:#052674;}
#r_navi .r_bannerBox div.rnav_newcom a:hover{color:#052674;text-decoration:underline;}

/* 2015/03/25 WebCM部分(公開・Leaf) */
.webcm_link a:hover img{
opacity:0.8;
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );}

/* 2020/07/14 矢印リンク */
.side_box_link {
  margin-top: 0;
  padding-right: 0;
  text-align: right;
}

.side_link-directionArw {
  align-items: center;
  border: 1px solid #666;
  color: currentColor;
  display: flex;
  font-size: 12px;
  justify-content: space-around;
  line-height: 1;
  margin-left: auto;
  padding: 3px 5px;
  position: relative;
  text-align: center;
  width: 115px;
}

.side_link-directionArw:hover {
  opacity: .6;
  text-decoration: none;
}

.side_link-directionArw::after {
  background: #5398ff;
  color: #fff;
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
  height: 15px;
  line-height: 15px;
/*margin-left: auto;*/
  width: 15px;
}


/**************************************

2016/08/19　サブナビゲーション

**************************************/

#sub_gm{width:100%;padding-bottom:2px;border-bottom:1px solid #ccc;}

#sub_gm &gt; li{padding:5px 10px;/*border-left:1px solid #ccc*/;float:left;list-style:none;}
#sub_gm &gt; li:first-child{padding-left:5px;/*border-left:none;*/}

#sub_gm &gt; li &gt; a{padding-bottom:3px;border-bottom:1px solid #fff;font-size:13px;font-weight: bold;/*letter-spacing:0.2em*/; color:#191919;font-family: YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
#sub_gm &gt; li &gt; a:hover{border-bottom:1px solid #999;text-decoration:none;}

#sub_gm &gt; li &gt; a &gt;img{vertical-align:-5px;margin-right: 8px;}

@media(max-width:768px){
#sub_gm{display:none;}
}

/**************************************

2016/08/19　グローバルナビの修正

**************************************/

#gm ul:first-child li &gt; a &gt; span {display:none;}

@media(max-width:768px){
#gm ul:first-child li &gt; a &gt; span:first-child + span{display:inline;}
#gm ul:first-child li &gt; a &gt; img {display:none;}

#gm li {line-height:37px;border-left:1px #ccc solid;}
#gm li span{color:#333;font-weight:bold;font-size:11px;font-family:Meiryo, "ヒラギノ角ゴ ProN W3", Helvetica;}
}

/**************************************

2016/10/03　右ナビコンテンツの追加

**************************************/
.cont_line{border-collapse:collapse;}

.cont_line .__line{height:3px;}
.cont_line .__line--l{width:76px;background-color:#E51E19;}
.cont_line .__line--c{width:1px;background-color:transparent;}
.cont_line .__line--r{width:123px;background-color:#ccc;}


.info_cont--sub .__title{padding:5px 0 5px 32px;margin-bottom:10px;border-bottom:dotted 1px #333;font-size:12px;font-weight:bold;text-indent:-32px;}
.info_cont--sub .__title_icon{background-color:#E51E19;vertical-align:-8px;margin-right:3px;}

.info_cont--sub .__doc .__text{margin-bottom:5px;}
#c2_r div#side-r_list .info_cont--sub .__link{color:#005580;}

.info_cont--sub .__doc .__btn{margin-top:10px;text-align:right;}

#c2_r div#side-r_list .info_cont--sub .__doc:hover{background:none;}

/* お問合せボックス 幅500 */
#inquireBox_500{width: 500px;border: 2px solid crimson;overflow: hidden; margin-top:20px;}

#inquireBox_500 .inquire_title{text-align: center;
  background-color: crimson;
  display: block;
  height: 38px;
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.2em;
  color: white;
  font-weight: 700;
  font-family: 游ゴシック;
  padding-top: 4px;
}

#inquireBox_500 .inquire_Box{
  width: 470px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1.3em;
}

#inquireBox_500 .inquire_tel_box{
  margin: 0 auto;
  overflow: hidden;
}

#inquireBox_500 .inquire_icon{float:left; margin-top: 9px;}

#inquireBox_500 .inquire_tri{float:left; margin-left:10px; margin-top: 18px;}

#inquireBox_500 .inquire_words{
  float: left;
  font-size: 14px;
  padding-left: 8px;
  margin-top: 15px;
  font-family: 游ゴシック;
  font-weight: 700;
}

#inquireBox_500 .inquire_fr{float: right;}

#inquireBox_500 .inquire_tel_box .inquire_fr p.number{
  font-size: 36px;
  margin-top: 15px;
  font-family: arial;
  font-weight: 700;}

#inquireBox_500 .inquire_mail_box .inquire_fr p.mail a{
  font-size: 19px;
  font-family: 游ゴシック;
  font-weight: 700;
  background-color: crimson;
  width: 288px;/*height:45px;*/
  padding:11px 0;
  margin-top: 12px;
  text-align: center;
  color: white;
  display:block;
  border-radius:4px;
  /*padding-top:3px;*/
}

#inquireBox_500 .inquire_mail_box .inquire_fr p.mail a:hover{opacity:0.6;text-decoration:none;}

#inquireBox_500 .inquire_fr p.nunmber img{padding-right:4px;}

#inquireBox_500 .inquire_mail_box{
  margin: 0 auto;
  overflow: hidden;
  height: 62px;
}

#inquireBox_500 .frnum_notice p {
height: 60px;
margin: 0 auto;
font-size: 12px;
font-weight: bold;
font-family: "游ゴシック";
}

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

#inquireBox_500 {width:100%; margin-bottom:40px;}

#inquireBox_500 .inquire_Box{width: 100%;}

#inquireBox_500 .inquire_tel_box{width: 100%; margin: 0 auto;overflow:initial;}/*height: 33px;*/
 
#inquireBox_500 .inquire_icon{display:none;}

#inquireBox_500 .inquire_tri{display:none;}

#inquireBox_500 .inquire_words{display:none;}

#inquireBox_500 .inquire_fr{float:none; text-align: center; text-align: -webkit-center;}

#inquireBox_500 .inquire_mail_box{width: 100%; overflow:visible;height:auto;}

#inquireBox_500 .inquire_tel_box .inquire_fr p.number{font-size: 35px;}

#inquireBox_500 .inquire_mail_box  .inquire_fr p.number img.freeDIcon{width: 38px;}

#inquireBox_500 .inquire_mail_box .inquire_fr p.mail a{width: 90%;height:auto;margin:10px auto;}

#inquireBox_500 .inquire_mail_box .inquire_fr p.mail a:hover{opacity:0.6;text-decoration:none;}

#inquireBox_500 .frnum_notice p { margin-bottom: 15px;}
}

@media(max-width:599px){
#inquireBox_500 .inquire_tel_box .inquire_fr p.number{font-size: 28px;}
.frnum_notice p{height:auto;width:90%;margin:15px auto;}
#inquireBox_500 .inquire_mail_box .inquire_fr p.mail{font-size: 26px;}
}

/*
    2017/11/01 500xp幅　新デザイン版
================================*/
.commonContactBox  {
  border: 1px solid #ccc;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-weight: 500;
  line-height: normal;
  margin: 30px 0;
  padding: 20px;
}

/* 上段 */
.upperStep  {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#cont .upperStep &gt; p {
  align-items: center;
  display: flex;
  -js-display: flex;
  flex-flow: column wrap;
  justify-content: center;
  margin-bottom: 0;
}

.upperStep &gt; p &gt; span {
  display: block;
  font-size: 25px;
  letter-spacing: 2.5px;
  margin-top: 10px;
}

/* 下段 */
.lowerStep { font-size: 14px; }

#cont .lowerStep &gt; p {
  margin-bottom: 10px;
  text-align: center;
}

.lowerStep_flex {
  align-items: center;
  display: flex;
  justify-content: space-around;
  flex-flow: row-reverse wrap;
}

.contactLink {
  background-image: linear-gradient(90deg, crimson 10%, mediumvioletred 60%, deeppink);
  background-color: crimson;
  background-position: left center;
  background-size: 200% 100%;
  background-repeat: no-repeat;
  border-radius: 3px;
  box-shadow: 0 5px 0 #8a0d0d;
  color: #fff;
  display: block;
  padding: 10px 40px;
  text-align: center;
  transition: background-position .6s ease;
  width: auto;
}

.contactLink:hover {
  background-position: right center;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  -ms-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

#cont .tellNum {
  text-align: center;
}

.tellNum &gt; span {
  color: #9E2730;
  font-family: arial;
  font-size: 25px;
  font-weight: bold;
}

#cont .lowerStep &gt; p.note {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 10px;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
}

/* 2020/06/30 よくあるお問合せ追加 */
.box_commonFtFaq {
  background-color: #ffe9e9;
  line-height: 1.6;
  margin: 0 -20px -20px;
  padding: 20px;
}

.box_commonFtFaq_inner {}

#cont .box_commonFtFaq_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: bold;
  padding-left: 1.5em !important;;
  position: relative;
}

.box_commonFtFaq_ttl &gt; span {
  font-size: .9em;
  font-weight: 500;
  margin-left: 5px;
}

.box_commonFtFaq_ttl::before {
  content: "?";
  color: #9E2730;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.list_commonFtFaq {
  margin: 8px 0 0;
}

.list_commonFtFaq_item {}

.list_commonFtFaq_item + .list_commonFtFaq_item { margin-top: 4px; }

.list_commonFtFaq_link {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-left: 1.5em;
  position: relative;
}

.list_commonFtFaq_link:hover { text-decoration: underline; }

.list_commonFtFaq_link::before {
  content: "Q.";
  color: #9E2730;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.box_commonFtFaq_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0 !important;
}

.box_commonFtFaq_link &gt; a {
  font-size: 16px;
  font-weight: bold;
}

.box_commonFtFaq_link &gt; a:hover { text-decoration: underline; }


@media screen and (max-width: 500px) {
.lowerStep_flex  { flex-flow: column-reverse wrap; }
.tellNum  { margin-bottom: 20px; }
#cont .box_commonFtFaq_ttl { display: block; }
.box_commonFtFaq_ttl &gt; span { display: block;margin-left: 0; }
}





/* お問合せボックス 幅730 */
#inquireBox_730{width: 730px;border: 2px solid crimson;overflow: hidden;line-height: normal;letter-spacing: 0;}

#inquireBox_730 .inquire_title{ text-align: center;
  background-color: crimson;
  display: block;
  height: 38px;
  margin: 0;
  font-size: 20px;
  letter-spacing: 0.2em;
  color: white;
  font-weight: 700;
  font-family: 游ゴシック;
  padding-top: 4px;
}

#inquireBox_730 .inquire_tel_box{
  width: 605px;
  margin: 0 auto;
  overflow: hidden;
  /*height: 70px;*/
}
 
#inquireBox_730 .inquire_icon{  float: left;    margin-top: 23px;}

#inquireBox_730 .inquire_tri{float: left; margin-left: 19px;margin-top: 31px;}

#inquireBox_730 .inquire_words{
  float: left;
  font-size: 18px;
  letter-spacing: 0;
  padding-left: 15px;
  margin-top: 21px;
  font-family: 游ゴシック;
  font-weight: 700;
  line-height: 1.4em;
}

#inquireBox_730 .inquire_fr{float: right;}

#inquireBox_730 .inquire_tel_box .inquire_fr p.number{
  font-size: 53px;
  margin-top: 15px;
  font-family: arial;
  font-weight: 700;}

#inquireBox_730 .inquire_mail_box .inquire_fr p.mail a{
  font-size: 25px;
  margin-top: 15px;
  font-family: 游ゴシック;
  font-weight: 700;
  background-color: crimson;
  width: 387px;/*height:45px;*/
  text-align: center;
  color: white;
  display:block;
  border-radius:4px;
  margin-top: 21px;
  padding:11px 0;
}

#inquireBox_730 .inquire_mail_box .inquire_fr p.mail a:hover{opacity:0.6;text-decoration:none;}

#inquireBox_730 .inquire_fr p.nunmber img{ padding-right: 4px;}

#inquireBox_730 .inquire_mail_box{
  width: 605px;
  margin: 0 auto;
  overflow: hidden;
  height: 95px;
}

.frnum_notice p {
width: 605px;
height: 70px;
margin: 0 auto;
line-height: 1.3;
font-size: 14px;
font-weight: bold;
font-family: "游ゴシック";
}


@media(max-width:768px){

#inquireBox_730 { width: 100%; margin-bottom: 40px; }

#inquireBox_730 .inquire_tel_box{ width: 100%; margin: 0 auto; overflow:initial; }
 
#inquireBox_730 .inquire_icon{display:none;}

#inquireBox_730 .inquire_tri{display:none;}

#inquireBox_730 .inquire_words{display:none;}

#inquireBox_730 .inquire_fr{float:none;    text-align: center;    text-align: -webkit-center;}

#inquireBox_730 .inquire_tel_box .inquire_fr p.number{font-size: 35px;}

#inquireBox_730 .inquire_mail_box .inquire_fr p.mail a{width: 90%;height:auto;margin:10px auto;}

#inquireBox_730 .inquire_mail_box .inquire_fr p.mail a:hover{opacity:0.6;text-decoration:none;}

#inquireBox_730 .inquire_mail_box{   width: 100%;    overflow:visible;height:auto;}
}

@media(max-width:599px){
#inquireBox_730 .inquire_tel_box .inquire_fr p.number{font-size: 30px;}
.frnum_notice p{height:auto;width:90%;margin:15px auto;}
}

/* 170307 新ソーシャルボタン */
.socialLinkBox { margin: 20px 0 0; }

.socialArea {
  background: #F5F1E9;
  padding: 1.5em 25px;
  width: 100%;
}

.socialButton {
  border: none;
  display: table;
  list-style-type: none;
  /*margin: 24px auto;*/
  padding: 0;
  /*table-layout: fixed;*/
  vertical-align: middle;
  width: 100%;
}

.socialButton li {
  display: table-cell;
  /*margin: 0 3px;*/
  padding: 0;
  text-align: center;
}

.anotherLink { margin-bottom: 20px; }

.anotherLink a:hover img { opacity: 0.8; }

@media(max-width:768px){

.socialButton li {
  display: inline-block;
  margin: 0 5px 5px;
  padding: 0;
  text-align: center;
}
}

/* 2018/01/25 INSOURCE TOPIC */
#monthly .canvasWrap,
#monthly .insBlog { display: none; }

#monthly .topLineStyle {
  background: none;
  border-top: 4px solid #ef4444;
  border-bottom: 2px solid #e6e6e6;
  border-right: none;
  border-left: none;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px 0;
}

#monthly .topLineStyle::before {
  border: none;
}

#monthly .flexInner_topic {
  font-family: "游ゴシック", sans-serif;
  margin-bottom: 30px;
}

#monthly .txtContTtl {
  font-weight:bold;
  font-size:1.4rem;
  margin-bottom:20px;
}

#monthly .flexInner_topic_cont .arw a {
  display: block !important;
  font-weight: 500 !important;
  padding-left: 10px;
  text-indent: -10px;
}

#monthly .flexInner_topic_cont .arw a::before{
  border: 5px solid transparent;
  border-left: 5px solid #333;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
}

#monthly .txtCont &gt; p {
  font-size: 13px;
  line-height: 1.3;
}

#monthly .txtCont &gt; p + p {
  margin-top: 5px;
}

#monthly .update {
  color: #9E2730;
  font-weight: bold;
}

#monthly .tag {
  border-top: 2px solid #9E2730;
  border-bottom: 2px solid #9E2730;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 7px 0;
}

#monthly .flexInner_topic:nth-of-type(2n) .tag {
  border-top: 2px solid #9e7927;
  border-bottom: 2px solid #9e7927;
}

#monthly .flexInner img { display: none; }

#cont #monthly .moreLink {
  background-color: #C6A05D;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  line-height: 1.3;
  margin: 20px auto 0;
  padding: 5px 5px 5px 25px;
  position: relative;
  text-align: center;
  transition: .3s;
  width: 100%;
}

#monthly .moreLink::before {
  content: "\f178";
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  font-size: 14px;
  background-color: #333;
  height: 100%;
  width: 25px;
  top: 0;
  line-height: 25px;/* 高さに合わせる */
}

#monthly .moreLink:hover {
  opacity: .75;
  text-decoration: none;
}

#monthly .txtCont &gt; ul {
  font-size: 13px;
  line-height: 1.3;
}

#monthly .txtCont &gt; ul &gt; li + li { margin-top: 7px; }





/* 2017/06/22 今月の注目研修 */
#monthly {
    overflow: hidden;
}

#monthly .top_month_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid #e6e6e6;
}
#monthly .top_month_flex .top_month_box {
    position: relative;
    text-align: left;
    width: 100%;
}

#monthly .top_month_flex .top_month_box p{
    position: relative;
    text-align: left;
    letter-spacing: 0px;
    line-height:1.4em;
    font-weight: 700;
    font-family: "游ゴシック", century gothic, "メイリオ",sans-serif; 　　
}

#monthly .top_month_flex .top_month_box a{
    background-color: white;
    font-size: 14px;
    font-weight: 700;
    font-family: "游ゴシック", century gothic, "メイリオ",sans-serif; 
    line-height: 1.3em;    
 /* display: block !important;*/
    height: 100%;
    transition: all .3s ease 0s;
    width: 100%;
}

#c2_r div#side-r_list dl dd #monthly .top_month_flex .top_month_box .link_box .top_month_link a {color: #052674; padding: 0;}

#c2_r div#side-r_list dl dd #monthly .top_month_flex .top_month_box .link_box .top_month_inquirylink a {color: #052674; padding: 0;}

/*#monthly .top_month_flex .top_month_box:last-child { border-bottom: none; }*/

#monthly .top_month_flex .top_month_box span {
font-size:12px;
font-weight: 700;
font-family: "游ゴシック", century gothic, "メイリオ",sans-serif;
line-height: 1.3em; 
}

#monthly .top_month_flex .top_month_box:first-child a { padding-top:0; }

#monthly .top_month_flex .top_month_box .top_month_title {
    border-top: 4px solid #ef4444;
    border-bottom: 2px solid #e6e6e6;
    padding: 5px 0;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight:700;
}

#monthly .top_month_flex .top_month_box .top_month_title &gt; a { padding: 0; } 

#monthly .top_month_flex .top_month_box .top_month_text {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3em;    
}

#monthly .top_month_flex .top_month_box .top_month_text li{
    line-height: 1em;
}

#monthly .top_month_flex .top_month_box .top_month_watch {
    color:#ed5166;
    font-weight: 700;
}

#monthly .top_month_flex .top_month_box .supple {
    text-align: right;
}
#monthly .top_month_flex .top_month_box .more{text-align: right;}

#monthly .top_month_flex .top_month_box .more a{
    font-size: 11px;
    color: #052674;
}


#monthly .top_month_flex .top_month_box .top_month_sem {
    font-size: 13px;
}


#monthly .top_month_flex .top_month_box .right_month_date {
  background-color: #e50112;
  color: #fff;
  text-align: center;
  padding: 0 5px;
  margin-bottom: 5px;
  display: inline-block;
}

/*#monthly .top_month_flex .top_month_box li.top_needs_link {
line-height: 1.4em;
margin-bottom: 7px;
}*/

#monthly .top_month_flex .top_month_box li.top_needs_link img {
position: relative;
top: 3px;
left: 0px;
}


/*#monthly .top_month_flex .top_month_box .top_needs_link span {
font-size:12px;
font-weight: 700;
}*/

#monthly .top_month_flex .top_month_box p.top_point{
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 4px 0 3px 0;
    background: #ffd800;
    margin-bottom: 8px;
    margin-top: 3px;
}

/*#monthly .top_month_flex .top_month_box a:hover {
  opacity: 0.6;
  text-decoration: none;
}*/

.info_cont--sub .__title.recommend { padding: 10px 0;border-bottom: none;text-indent:0;display:block; margin-bottom:0; }

#cont #c3_ll dl dd.recommend { background-image: none;padding: 0; }

.cont_line.recommend { display: block; }





/* メールセールスエントリー(ページ下部) */
.mailSales_entry {
  padding: 17px;
  border: solid 3px #C0504D;
  border-radius: 25px;
  margin-top:30px;
  font-size: 14px;
}
.mailSales_entry p {
  font-family: "ゴシックMB101 R", Gothic MB101 Regular, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 10px;
  font-weight:500;
}

.mailSales_entry p &gt;img {
  vertical-align: -3px;
  margin-right: 10px;
}

.mailSales_entry p &gt;a { font-family: inherit;transition: .3s; }
.mailSales_entry p &gt;a:hover { opacity: 0.6; }

.mailSales_entry p:last-child{margin-bottom: 0;}

/* ボトム印刷時 */
.mailSales_entry .qr_print { display: none; }

/* 右ナビ歳時記部分　*/
.r_bannerBox .hrSke{
clear: both;
width:200px;
border:solid 2px #ccc;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
/*padding-bottom:40px;*/
padding-bottom: 8px;
overflow: hidden;
line-height: 1.6;
}  
.r_bannerBox .hrSke img{
margin-left: 8px;
}  

.hrSkeMonth{
font-family: "游ゴシック", century gothic, "メイリオ",sans-serif;
font-size: 12px;
font-weight: 700;
padding-left: 8px;
float: left;
width: 40px;
}

.hrSkeText{
font-family: "游ゴシック", century gothic, "メイリオ",sans-serif;
font-weight: 600;
float: right;
display: block;
width: 150px;
line-height: 1.4em;
font-size: 12px;
margin-top: 2px;
}

.hrSke .dlBtn_red {
    width: 180px;
    position: relative;
    background-color: #ea3636;
    border-radius: 4px;
    transition: none;
    box-shadow: 0 3px 0 #c51e0d;
    text-align: center;
    margin: 3px 0px 3px 8px;
    font-family: "游ゴシック", century gothic, "メイリオ",sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 3px 0;
  display: block;
}

.hrSke .dlBtn_red:hover {
top: 3px;
box-shadow: none;
}


/* 2017/08/24 バナーに文字乗せ */
.sideBanerBox {
  margin-bottom: 8px;
  position: relative;
}

.sideBanerBox .rsltNum {
  color: #fff;
  display: table;
  font-family: 'メイリオ';
  line-height: 1;
  position: absolute;
  bottom: 4px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

.sideBanerBox .rsltNum &gt; span {
  display: table-cell;
  font-family: inherit;
  font-size: 11px;
  vertical-align: middle;
}

.sideBanerBox .rsltNum &gt; span:nth-of-type(2) {
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
  text-align: right; 
}

.sideBanerBox .rsltNum &gt; span:nth-of-type(2) &gt; span {
  font-family: inherit;
  font-size: 10px;
  font-weight: normal;
}

/* 右ナビ上部ログインボタン 
.square{
  width: 62px;
  height: 62px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 6px;
  font-size: 0;
  line-height: 1.5em;
}

.square span.logo{
  padding-top: 15px;
}

.btn_text{
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
  color: #FFF;
  font-family: メイリオ,sans-serif;
  font-size: 10px;
  margin-bottom: 5px;
}

.square_l{ margin-right: 2px;}

.leafGreen{ background-color:#3C9; padding-top: 17px;}

.plantsRed{ background-color:#b91f27; padding-top: 18px;}

.webinRed{ background-color:#e62f15; padding-top: 16px;}

.openleafBlue{ background-color:#209cde; padding-top: 20px;}

.webinParfor{
  font-size: 13px;
  line-height: 1.2em;
  margin-bottom: 8px;
}

.webinParfor p.over{
  font-size: 16px;
}

.webinParfor p{
  font-family: YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

.webinParfor span.attention{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  font-family: YuGothic, 游ゴシック,メイリオ,sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: #e62f15;
}

.comment{
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing:0;
}

.noticeLink{
  text-align:right;
}
*/

/* 2018/01/31 ミドル公開講座ポップアップ */
.bupPop {
  background-color: #f2f3f5;
  border-top: 8px  solid #336560;
  font-family: "游ゴシック", sans-serif;
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  position: fixed;
  bottom: 0;
  text-align: left;
  transition: all .3s;
  width: 100%;
  z-index: 1000;
}

.bupPop_inner {
  margin: 10px auto 20px;
  position: relative;
  width: 1100px;
}

.bupPop_close {
  background-color: #336560;
  border-radius: 5px 5px 0 0;
  /*box-shadow: 1px 1px 1px 0px rgba(0,0,0, 0.3);*/
  color: #fff;
  cursor: pointer;
  padding: 3px 0;
  position: absolute;
  top: -30%;
  right: 4.2%;
  text-align: center;
  width: 90px;
}

.bupPop_close::before {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

.bupPop_close.open::before {
  content: "\f106";
}


.bupPop_txt {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  vertical-align: middle;
  width: auto;
}

.bupPop_txt &gt; a {
  display: block;
  font-size: 13px;
}

.bupPop_txt &gt; a::before {
  border: 5px solid transparent;
  border-left: 5px solid #333;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
}

.bupPop_txt &gt; a:hover { text-decoration: underline; }

.bupPop_img {
  display: inline-block;
  margin-left: 20px;
  vertical-align: bottom;
  width: auto;
}

.bupPop_img &gt; img {
  display: block;
  position: relative;
  bottom: -20px;
}


.bupPop_list {
  column-count: 2;
  column-gap: 20px;
  display: inline-block;
  margin-left: 30px;
  overflow: hidden;
  width: 440px;
  vertical-align: middle;
}

.bupPop_list &gt; li {
  line-height: 1.3;
}

.bupPop_list &gt; li + li { margin-top: 5px; }

.bupPop_list &gt; li &gt; a  {
  display: block;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bupPop_list &gt; li &gt; a:hover  { text-decoration: underline;}


.bupPop_list &gt; li &gt;a::before {
  border: 5px solid transparent;
  border-left: 5px solid #333;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
}

.bupPop_app {
  display: inline-block;
  margin-left:30px;
  vertical-align: middle;
}

.bupPop_app &gt; a  {
  background-color: crimson;
  box-shadow: 3px 3px 5px 0px rgba(0,0,0, 0.3);
  color: #fff;
  display: block;
  padding: 5px 50px;
  text-align: center;
  transition: .3s;
}

.bupPop_app &gt; a:hover  {
  box-shadow: none;
  opacity: .8;
  text-decoration: none;
}


/* ふわっと */
.fluffy {
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fluffyAnime;
 animation-name: fluffyAnime;
}

@keyframes fluffyAnime {
 0% { opacity: 0; -webkit-transform: translateY(260px); transform: translateY(260px); }
 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@media screen and (max-width:1100px) {
.bupPop { display: none; }
}

/* ----
お問合せバナー（追従）
---- */
/* 追従バナーのラッパー */
.m_scrollBannerWrap{
  position: fixed;
  bottom: 3px;
  left: 1420px;
  right: 3px;
  width: 180px;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
  font-family: helvetica neue,noto sans jp,yu gothic,YuGothic,ヒラギノ角ゴ pron w3,hiragino kaku gothic pron,Arial,メイリオ,Meiryo,sans-serif;
  z-index:999;
}
.m_scrollBannerWrap__close{
  display: flex;
  justify-content: flex-end;
}
.m_scrollBannerWrap__body{
  border: 3px solid #CE4D36;
  border-radius: 6px 0 6px 6px;
  background: #fff;
  overflow: hidden;
  text-align: center;
}
.m_scrollBannerWrap__list{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: calc(100% + 2px);
  margin: -1px;
}
.m_scrollBannerWrap__item{
  display: flex;
  width: 100%;
  border: 1px solid #CE4D36;
}
.m_scrollBannerWrap__item:nth-of-type(1),
.m_scrollBannerWrap__item:nth-of-type(2){
  width: 50%;
} 
.m_scrollBannerWrap__item:nth-of-type(n + 3){
  display: none;
}
.m_scrollBannerWrap__item--half{
  width: 50%;
}
@media screen and (max-width: 1600px){
  .m_scrollBannerWrap{
    left: auto;
  }
}
@media screen and (max-width: 599px){
  .m_scrollBannerWrap{
    display: none;
  }
}
/* 追従バナー用ボタン */
.m_scrollBannerToggle{
  display: flex;
  align-items: stretch;
  width: 88px;
}
.m_scrollBannerToggle::before{
  content: "";
  display: block;
  height: 24px;
}
.m_scrollBannerToggle__target{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 28px 0 12px;
  border-radius: 6px 6px 0 0;
  background: #CE4D36;
  text-decoration: none;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}
.m_scrollBannerToggle__target:hover{
  text-decoration: none;
  color: #fff;
}
.m_scrollBannerToggle__target::before{
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: translateY(-2px) rotate(45deg);
}
/* 追従バナー */
.m_scrollBanner{
  display: block;
  width: 100%;
  padding: 10px 0 12px 0;
  color: inherit;
  text-decoration: none;
  transition: .3s opacity;
}
.m_scrollBanner:hover{
  opacity: .7;
  text-decoration: none;
  color: inherit;
}
.m_scrollBanner__img{
  line-height: 0;
  text-align: center;
}
.m_scrollBanner__img &gt; img{
  width: auto;
  height: 20px;
}
.m_scrollBanner__img + .m_scrollBanner__ttl{
  margin-top: 8px;
}
.m_scrollBanner__ttl{
  line-height: 1;
  font-weight: bold;
  font-size: 12px;
}
.m_scrollBanner--main{
  padding: 14px 0 16px 0;
}
.m_scrollBanner--main .m_scrollBanner__ttl{
  font-size: 16px;
}
/* 追従バナーstate */
#js_scrollBanner{
  transition: .3s transform;
}
#js_scrollBanner.js_close{
  transform: translateY(100%) translateY(-29px);
}
#js_scrollBanner .m_scrollBannerToggle{
  transition: .3s width;
}
#js_scrollBanner.js_close .m_scrollBannerToggle{
  width: 100%;
}
#js_scrollBanner .m_scrollBannerToggle::before{
  transition: .3s height;
}
#js_scrollBanner.js_close .m_scrollBannerToggle::before{
  height: 32px;
}
#js_scrollBanner .m_scrollBannerToggle__target::before{
  transition: .3s transform;
}
#js_scrollBanner.js_close .m_scrollBannerToggle__target::before{
  transform: translateY(3px) rotate(225deg);
}
/* ----
お問合せバナー（追従）
---- */

/* 旧お問合せバナー（追従）_コードが残っている可能性があるので残す */
#scrollBanner .c_link{text-decoration:none;}
#scrollBanner .c_btn{}
#scrollBanner .c_btn-closeBannar{}
#scrollBanner .c_btn-square{overflow:hidden;}
#scrollBanner .c_btn-ask{}
#scrollBanner .c_btn-mailMagazine{}
#scrollBanner .c_btn_target{display:block;line-height:1.2;color:inherit;font-size:12px;}
#scrollBanner .c_btn_txt{}
#scrollBanner .c_btn-closeBannar &gt; .c_btn_target{}
#scrollBanner .c_btn-square &gt; .c_btn_target{position:relative;width:calc(100% - 2px);height:0;margin-bottom:6px;padding-top:100%;border-radius:4px;box-shadow:2px 6px #7f1c21;color:#fff;transition:.1s transform,.1s box-shadow;}
#scrollBanner .c_btn-square &gt; .c_btn_target:hover{box-shadow:none;transform:translate(2px,6px);}
#scrollBanner .c_btn-square .c_btn_txt{position:absolute;width:80%;top:50%;left:50%;display:inline-block;transform:translate(-50%,-50%);text-align:center;}
#scrollBanner .c_btn-square .c_btn_txt::before{content:"";display:block;margin:0 auto 4px;}
#scrollBanner .c_btn-ask &gt; .c_btn_target{background:linear-gradient(90deg,#ce1b3b 0%,#b7007c 100%);}
#scrollBanner .c_btn-ask .c_btn_txt::before{width:33.333%;padding-top:33.333%;background:url(/resource/img/icons/icon_btn_mail.svg) no-repeat center center/contain;}
#scrollBanner .c_btn-mailMagazine &gt; .c_btn_target{width:calc(100% - 2px);margin-bottom:6px;background:linear-gradient(90deg,#e3a115 0%,#ea463c 100%);box-shadow:2px 6px #7f1c21;}
#scrollBanner .c_btn-mailMagazine .c_btn_txt::before{width:45%;padding-top:45%;background:url(/resource/img/icons/icon_btn_mailmagazine.svg) no-repeat center center/contain;}

#scrollBanner.p_scrollBanner{position:fixed;bottom:0;left:1360px;right:0;width:120px;margin:0 auto;padding:8px;border-radius:8px 0 8px 8px;font:11px 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
#scrollBanner.p_scrollBanner-gray{background:#ddd;}
#scrollBanner .p_scrollBanner_close{
  position:absolute;
  top:0;
  right:0;
  width:32px;
  height:32px;
  text-indent: -9999px;
  transform:translateY(-100%);
}
#scrollBanner .p_scrollBanner_close &gt; a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #ddd;
  text-indent: -9999px;
}
#scrollBanner .p_scrollBanner_close &gt; a::before,
#scrollBanner .p_scrollBanner_close &gt; a::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 20px;
  height: 3px;
  line-height: 1;
  background: #fff;
}
#scrollBanner .p_scrollBanner_close &gt; a::before{
  transform: rotate(45deg);
}
#scrollBanner .p_scrollBanner_close &gt; a::after{
  transform: rotate(-45deg);
}
#scrollBanner.js_close .p_scrollBanner_close &gt; a::before{
  content: "↑";
  width: 1em;
  height: 1em;
  text-indent: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: none;
  transform: none;
}
#scrollBanner.js_close .p_scrollBanner_close &gt; a::after{
  content: none;
}

#scrollBanner.p_scrollBanner-gray &gt; .p_scrollBanner_close{}
#scrollBanner .p_scrollBanner_inner{border-radius:8px;background:#fff;padding:8px;}
#scrollBanner .p_scrollBanner_body{padding:0 4px;}
#scrollBanner .p_scrollBanner_link + .p_scrollBanner_link{margin-top:8px;}
#scrollBanner .p_scrollBanner_msg{margin-top:8px;}
@media screen and (max-width:1500px){
  #scrollBanner.p_scrollBanner{
    left:auto;
  }
}
@media screen and (max-width:599px){
  #scrollBanner.p_scrollBanner{display:none;}
}
@media print{
  #scrollBanner.p_scrollBanner{display:none;}
}

#scrollBanner{transition:.7s transform;}
#scrollBanner.js_close{transform:translateY(100%);}
/* 旧お問合せバナー（追従）_コードが残っている可能性があるので残す */

/* ソーシャルボタン */
.social_button {
  display: flex;
  margin: 20px 0;
  overflow: hidden; 
}

.social_button &gt; * {
  margin: 0 3px;
}
.social_button &gt; *:nth-of-type(1) {
  margin-left: 0;
}

/* 21/11/03 新問合せボックス*/
#commonInquiry.m_footInquiry{
  margin: 30px auto;
  border: 2px solid #CCCCCC;
  text-align: center;
  padding :24px 16px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#commonInquiry .m_footInquiry__ttl{
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  line-height: 1;
}
#commonInquiry .m_footInquiry__body{}
#commonInquiry .m_footInquiry__msg{
  font-size: 14px;
  line-height: 1.6;
}
#commonInquiry .m_footInquiry__body + .m_footInquiry__btns{
  margin-top: 30px;
}
#commonInquiry .m_footInquiry__btns{
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin: 0 -14px;
}
#commonInquiry .m_footInquiry__btn{
  display: flex;
  align-items: stretch;
  padding: 0 14px;
  font-size: 20px;
}
#commonInquiry .m_footInquiry__btn::before{
  content: "";
  display: block;
  height: 3.5em;
}
#commonInquiry .m_footInquiry__btnTarget{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  border: 2px solid;
  border-radius: 5px;
  text-decoration: none;
  color: inherit;
  transition: .3s opacity;
}
#commonInquiry .m_footInquiry__btnTarget:hover{
  opacity: .7;  
}
#commonInquiry .m_footInquiry__btnInner{
  position: relative;
  padding-left: 40px;
}
#commonInquiry .m_footInquiry__btnInner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: auto 0;
  line-height: 0;
}
#commonInquiry .m_footInquiry__btn--faq .m_footInquiry__btnInner::before{
  content: url("/resource/img/inquiry/icon_qa.png");
}
#commonInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnTarget{
  border-color: #E6002D;
  color: #fff;
  background: #E6002D;
}
#commonInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{
  content: url("/resource/img/inquiry/icon_inquiry.png");
  top: 9px;
}
#commonInquiry.m_footInquiry--w500{}
#commonInquiry.m_footInquiry--w500 .m_footInquiry__btnTarget{
  width: 200px;
}
#commonInquiry.m_footInquiry--w500 .m_footInquiry__btnInner{
  padding: 40px 0 0;
}
#commonInquiry.m_footInquiry--w500 .m_footInquiry__btnInner::before{
  position: absolute;
  bottom: auto;
  top: 6px;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
  line-height: 0;
}
#commonInquiry.m_footInquiry--w500 .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{
  top: 12px;
}
#commonInquiry.m_footInquiry--w500 .m_footInquiry__btn::before{
  height: 3.8em;
}
#commonInquiry .box_commonFtFaq{
  margin: 16px -16px -24px;
  text-align: left;
}

@media screen and (max-width: 768px){
  #commonInquiry .m_footInquiry__btnTarget{
    width: 200px;
  }
  #commonInquiry .m_footInquiry__btnInner{
    padding: 40px 0 0;
  }
  #commonInquiry .m_footInquiry__btnInner::before{
    position: absolute;
    top: 6px;
    bottom: auto;
    right: 0;
    margin: auto;
  }
  #commonInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{
    top: 12px;
  }
  #commonInquiry .m_footInquiry__btn::before{
    height: 3.8em;
  }
}
@media screen and (max-width: 599px){
  #commonInquiry .m_footInquiry__btns{
    display: block;
    margin: 0;
  }
  #commonInquiry .m_footInquiry__btn{
    padding: 0;
  }
  #commonInquiry .m_footInquiry__btn + .m_footInquiry__btn{
    margin-top: 16px;
  }
  #commonInquiry .m_footInquiry__btnTarget,
  #commonInquiry.m_footInquiry--w500 .m_footInquiry__btnTarget{
    width: 80%;
    margin: 0 auto;
  }
}

/* 21/11/03 公開新問合せボックス*/
#bupInquiry.m_footInquiryBup{
  margin: 30px auto;
  border: 2px solid #CCCCCC;
  text-align: center;
  padding :16px 16px 24px 16px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#bupInquiry .m_footInquiryBup__ttl{
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  line-height: 1.6;
}
#bupInquiry .m_footInquiryBup__body{}
#bupInquiry .m_footInquiryBup__item{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item{
  margin-top: 16px;
}
#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item--request{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dotted #ccc;
}
#bupInquiry .m_footInquiryBup__subHeading{
  width: 100%;
  padding: 0 14px;
}
#bupInquiry .m_footInquiryBup__subTtl{
  padding: 4px 0 4px 8px;
  border-left: 8px solid #4d4d4d;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
  font-size: 20px;
}
#bupInquiry .m_footInquiryBup__subTtl br{
  display: none;
}
#bupInquiry .m_footInquiryBup__btn{
  width: 100%;
  display: flex;
  align-items: stretch;
  padding: 0 14px;
  font-size: 20px;
}
#bupInquiry .m_footInquiryBup__btn::before{
  content: "";
  display: block;
  height: 3.5em;
}
#bupInquiry .m_footInquiryBup__btnTarget{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 2px solid;
  border-radius: 5px;
  text-decoration: none;
  color: inherit;
  transition: .3s opacity;
}
#bupInquiry .m_footInquiryBup__btnTarget:hover{
  opacity: .7;  
}
#bupInquiry .m_footInquiryBup__btnInner{
  position: relative;
  padding-left: 40px;
}
#bupInquiry .m_footInquiryBup__btnInner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: auto 0;
  line-height: 0;
}
#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnTarget{
  border-color: #E6002D;
  color: #fff;
  background: #E6002D;
}
#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnInner::before{
  content: url("/resource/img/inquiry/icon_inquiry.png");
  top: 9px;
}
#bupInquiry .m_footInquiryBup__btn--faq::before{
  height: 2.5em;
}
#bupInquiry .m_footInquiryBup__btn--faq .m_footInquiryBup__btnInner::before{
  content: url("/resource/img/inquiry/icon_qa.png");
}
#bupInquiry .m_footInquiryBup__btn--request::before{
  height: 2.5em;
}
#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnTarget{
  border-color: #eb9100;
  color: #fff;
  background: #eb9100;
}
#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnInner::before{
  content: url("/resource/img/inquiry/icon_request.png");
}
#bupInquiry .m_footInquiryBup__body + .m_footInquiryBup__footer{
  margin-top: 24px;
}
#bupInquiry .m_footInquiryBup__footer{
  position: relative;
  padding-left: 1em;
  color: #666;
  text-align: left;
  font-size: 12px;
  line-height: 1.6;
}
#bupInquiry .m_footInquiryBup__footer::before{
  content: "\203B";
  position: absolute;
  left: 0;
  display: block;
}
#bupInquiry .m_footInquiryBup__link{
  color: #2e3192;
  text-decoration: underline;
}
#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{
  width: 80%;
  margin: 0 auto;
}
#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__item{
  display: block;
}
#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__subHeading{
  margin-bottom: 12px;
  padding: 0;
}
#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__btn{
  padding: 0;
}
@media screen and (max-width: 768px){
  #bupInquiry .m_footInquiryBup__body{
    width: 80%;
    margin: 0 auto;
  }
  #bupInquiry .m_footInquiryBup__item{
    display: block;
  }
  #bupInquiry .m_footInquiryBup__subHeading{
    margin-bottom: 12px;
    padding: 0;
  }
  #bupInquiry .m_footInquiryBup__btn{
    padding: 0;
  }
}
@media screen and (max-width: 599px){
  #bupInquiry .m_footInquiryBup__body,
  #bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{
    width: 90%;
  }
  #bupInquiry .m_footInquiryBup__subTtl br{
    display: inline;
  }
  #bupInquiry .m_footInquiryBup__btn::before{
    height: 4em;
  }
  #bupInquiry .m_footInquiryBup__btnInner{
    padding: 40px 0 0;
  }
  #bupInquiry .m_footInquiryBup__btnInner::before{
    bottom: auto;
    right: 0;
    margin: auto;
  }
  #bupInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{
    top: 6px;
  }
  #bupInquiry .m_footInquiryBup__btn{
    font-size: 18px;
  }
}


/*************************************
▲元のデザインが残っていなければ古い問合せ削除
▼220817問合せリニューアル
**************************************/

/*
▼220817問合せリニューアル_①講師派遣版730px
**************************************/
#commonInquiry .box_kenshuFtFaq {
  background-color: #F9F9F9;
  line-height: 1.6;
  padding: 10px 35px;
  margin: 20px 1px -24px;
  text-align: left;
  letter-spacing: 0px;
}
#commonInquiry.m_footInquiry--w500 .box_kenshuFtFaq{
  padding: 20px 32px;
}

.box_kenshuFtFaq_inner {}

#cont .box_kenshuFtFaq_ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: bold;
  color: #8F1E35;
  position: relative;
}

.box_kenshuFtFaq_ttl &gt; span {
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
  color: #333;
}
.m_footInquiry--w500 .box_kenshuFtFaq_ttl &gt; span,
.m_commonFtInquiry-w500 .box_kenshuFtFaq_ttl &gt; span{
  font-size: 13px;
  margin-left: 0;
}

.list_kenshuFtFaq {
  margin: 8px 0 0;
}

.list_kenshuFtFaq_item {}

.list_kenshuFtFaq_item + .list_kenshuFtFaq_item { margin-top: 4px; }

.list_kenshuFtFaq_link {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding-left: 1.5em;
  position: relative;
}
.m_footInquiry--w500 .list_kenshuFtFaq_link{
  font-size: 13px;
}
.list_kenshuFtFaq_link:hover { 
  opacity: 0.6;
  transition: .3s;
  color: #333;
  text-decoration: none;
}

.list_kenshuFtFaq_link::before {
  content: "Q";
  color: #9E2730;
  font-size: 20px;
  font-weight: bold;
  font-family: "roboto";
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.box_kenshuFtFaq_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0 !important;
}

.box_kenshuFtFaq_link &gt; a {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.box_kenshuFtFaq_link &gt; a:after{
  content: "\f105";
  font-family: "FontAwesome";
  padding-left: 10px;
}

.box_kenshuFtFaq_link &gt; a:hover { 
  opacity: 0.6;
  transition: .3s;
  color: #333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #cont .box_kenshuFtFaq_ttl{
    display:block;
}
  .box_kenshuFtFaq_ttl &gt; span { display: block;margin-left: 0; }
}
@media screen and (max-width: 500px) {
    .lowerStep_flex  { flex-flow: column-reverse wrap; }
    .tellNum  { margin-bottom: 20px; }
    #cont .box_kenshuFtFaq_ttl { display: block; }
}


#commonInquiry.m_commonFtInquiry{
  margin: 20px auto 60px;
  max-width: 626px;
  width:100%;
  border: none;
  /*border-top: 1px solid #C2C2C2;*/
  text-align: center;
  padding :24px 0px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#commonInquiry.m_commonFtInquiry-w500{
  margin: 30px auto;
  width: 500px;
  /*border-top: 1px solid #C2C2C2;*/
  text-align: center;
  padding :24px 0px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#commonInquiry .m_commonFtInquiry__ttl{
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
#commonInquiry .m_commonFtInquiry__body{}
#commonInquiry .m_commonFtInquiry__msg{
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.1px;
}
#commonInquiry .m_commonFtInquiry__resM_br{
  display:none;
}
#commonInquiry.m_footInquiry--w500 .m_commonFtInquiry__resM_br{
  display:block;
}
#commonInquiry .m_commonFtInquiry__body + .m_commonFtInquiry__btns{
  margin-top: 30px;
}
#commonInquiry .m_commonFtInquiry__btns{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /*margin: 0 -1px;*/
}
#commonInquiry .m_commonFtInquiry__btn{
  display: flex;
  align-items: stretch;
  font-size: 15px;
  font-weight: bold;
  width: 31.3%;
}
#commonInquiry .m_commonFtInquiry__btn::before{
  content: "";
  display: block;
  height: 3.5em;
}
#commonInquiry .m_commonFtInquiry__btnTarget{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  transition: .3s opacity;
}
#commonInquiry .m_commonFtInquiry__btnTarget:hover{
  opacity: .6;  
}
#commonInquiry .m_commonFtInquiry__btnInner{
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  font-size:15px; 
  font-weight:bold;
}
#commonInquiry .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnInner{
  padding-left: 30px;
}
#commonInquiry.m_footInquiry--w500 .m_commonFtInquiry__btnInner{
  padding-left: 30px;
}
#commonInquiry.m_footInquiry--w500 .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnInner{
  padding-left: 25px;
}
#commonInquiry .m_commonFtInquiry__btnInner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  line-height: 0;
}
#commonInquiry .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnTarget{
  border-color: #333333;
  box-shadow: 3px 3px 6px rgba(48, 48, 48,.3);
}
#commonInquiry .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_qa.svg");
  left: 0px;
}
#commonInquiry .m_commonFtInquiry__btn--inquiry .m_commonFtInquiry__btnTarget{
  border-color: #E5002D;
  box-shadow: 3px 3px 10px rgba(158, 39, 48,.16);
}
#commonInquiry .m_commonFtInquiry__btn--inquiry .m_commonFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_inquiry.svg");
  top: 5px;
}
#commonInquiry .m_commonFtInquiry__btn--business-discussion .m_commonFtInquiry__btnTarget{
  border-color: #2A6CAE;
  box-shadow: 3px 3px 10px rgba(27, 91, 129,.16);
}
#commonInquiry .m_commonFtInquiry__btn--business-discussion .m_commonFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_business-discussion.svg");
}
#commonInquiry.m_commonFtInquiry--w500{}
#commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btnTarget{
  width: 200px;
}
#commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btnInner{
  padding: 40px 0 0;
}
#commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btnInner::before{
  position: absolute;
  bottom: auto;
  top: 6px;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
  line-height: 0;
}
#commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btn--inquiry .m_commonFtInquiry__btnInner::before{
  top: 12px;
}
#commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btn::before{
  height: 3.8em;
}

@media screen and (max-width: 768px){
  #commonInquiry.m_commonFtInquiry{
    width: 100%;
  }
  #commonInquiry.m_commonFtInquiry-w500{
    width: 100%;
  }
  #commonInquiry .m_commonFtInquiry__msg &gt; .m_commonFtInquiry__resM_br{
    display: none;
  }
  #commonInquiry .m_commonFtInquiry__btnTarget{
    width: 200px;
  }
  #commonInquiry .m_commonFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry.m_footInquiry--w500 .m_commonFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry.m_footInquiry--w500 .m_commonFtInquiry__btn--faq .m_commonFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry .m_commonFtInquiry__btnInner::before{
    position: absolute;
    top: 9px;
    bottom: auto;
    right: 0;
    margin: auto;
  }
  #commonInquiry .m_commonFtInquiry__btn--inquiry .m_commonFtInquiry__btnInner::before{
    top: 11px;
  }
  #commonInquiry .m_commonFtInquiry__btn::before{
    height: 3.8em;
  }
}
@media screen and (max-width: 599px){
  #commonInquiry .m_commonFtInquiry__btns{
    display: block;
    margin: 0;
  }
  #commonInquiry .m_commonFtInquiry__btn{
    padding: 0;
    width: 80%;
    margin: auto;
  }
  #commonInquiry .m_commonFtInquiry__btn + .m_commonFtInquiry__btn{
    margin-top: 16px;
  }
  #commonInquiry .m_commonFtInquiry__btnTarget,
  #commonInquiry.m_commonFtInquiry--w500 .m_commonFtInquiry__btnTarget{
    width: 100%;
    margin: 0 auto;
  }
}

/*
▼220817問合せリニューアル_②公開講座版730px
**************************************/

#commonInquiry .box_bupFtFaq{
  background-color: #F9F9F9;
  line-height: 1.6;
  margin: 20px 1px -24px;
  text-align: left;
  padding: 10px 35px;
}
#commonInquiry.m_bupFtInquiry-w500 .box_bupFtFaq{
  padding: 20px 32px;
}

.box_bupFtFaq_inner {}

.box_bupFtFaq_ttl {
  font-size: 16px;
  font-weight: bold;
  color: #0C3F71;
  position: relative;
}

.box_bupFtFaq_ttl &gt; span {
  display: block;
  font-size: .9em;
  font-weight: 500;
  color: #333;
}
.m_bupFtInquiry-w500 .box_bupFtFaq_ttl &gt; span {
  font-size: 13px;
}
.list_bupFtFaq {
  margin: 8px 0 0px;
}

.list_bupFtFaq_item {}

.list_bupFtFaq_item + .list_bupFtFaq_item { margin-top: 4px; }

.list_bupFtFaq_link {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding-left: 1.5em;
  position: relative;
}

.list_bupFtFaq_link:hover { 
  opacity: 0.6;
  transition: .3s;
  color: #333;
  text-decoration: none;
}

.list_bupFtFaq_link::before {
  content: "Q";
  color: #0C3F71;
  font-size: 20px;
  font-weight: bold;
  font-family: "roboto";
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.box_bupFtFaq_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0 !important;
}

.box_bupFtFaq_link &gt; a {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.box_bupFtFaq_link &gt; a:after{
  content: "\f105";
  font: 700 14px "font awesome 5 free";
  padding-left: 10px;
}

.box_bupFtFaq_link &gt; a:hover { 
  opacity: 0.6;
  transition: .3s;
  color: #333;
  text-decoration: none;
}

@media screen and (max-width: 500px) {
.lowerStep_flex  { flex-flow: column-reverse wrap; }
.tellNum  { margin-bottom: 20px; }
.box_bupFtFaq_ttl { display: block; }
.box_bupFtFaq_ttl &gt; span { display: block;margin-left: 0; }
}

#commonInquiry.m_bupFtInquiry{
  margin: 20px auto 60px;
  max-width: 626px;
  width:100%;
  /*border-top: 1px solid #C2C2C2;*/
  text-align: center;
  padding :24px 0px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#commonInquiry.m_bupFtInquiry-w500{
  margin: 20px auto 60px;
  max-width: 626px;
  width:100%;
  /*border-top: 1px solid #C2C2C2;*/
  text-align: center;
  padding :24px 0px;
  font-family: "Helvetica Neue", "Noto Sans JP", "Meiryo","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#commonInquiry .m_bupFtInquiry__ttl{
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
#commonInquiry .m_bupFtInquiry__body{}
#commonInquiry .m_bupFtInquiry__msg{
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  font-weight: 500;
}
#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{
  display:block;
}
#commonInquiry .m_bupFtInquiry__body + .m_bupFtInquiry__btns{
  margin-top: 30px;
}
#commonInquiry .m_bupFtInquiry__btns{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /*margin: 0 -1px;*/
}
#commonInquiry .m_bupFtInquiry__btn{
  display: flex;
  align-items: stretch;
  font-size: 15px;
  font-weight: bold;
  width: 31.3%;
}
#commonInquiry .m_bupFtInquiry__btn::before{
  content: "";
  display: block;
  height: 3.5em;
}
#commonInquiry .m_bupFtInquiry__btnTarget{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  transition: .3s opacity;
}
#commonInquiry .m_bupFtInquiry__btnTarget:hover{
  opacity: .6;  
}
#commonInquiry .m_bupFtInquiry__btnInner{
  position: relative;
  padding-left: 35px;
}
#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{
  padding-left: 30px;
}
#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{
  padding-left: 30px;
}
#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{
  padding-left: 25px;
}
#commonInquiry .m_bupFtInquiry__btnInner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  line-height: 0;
}
#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnTarget{
  border-color: #333333;
  box-shadow: 3px 3px 6px rgba(48, 48, 48,.3);
}
#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_qa.svg");
  left: 0px;
}
#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnTarget{
  border-color: #E5002D;
  box-shadow: 3px 3px 10px rgba(158, 39, 48,.16);
}
#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_inquiry.svg");
  top: 5px;
}
#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnTarget{
  border-color: #EB9100;
  box-shadow: 3px 3px 10px rgba(252, 146, 24,.16);
}
#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnInner::before{
  content: url("/resource/img/inquiry/footer-icon_seminar-request.svg");
}
#commonInquiry .m_bupFtInquiry__btns + .m_bupFtInquiry__footer{
  margin-top: 16px;
  font-weight: 500;
}
#commonInquiry .m_bupFtInquiry__footer{
  position: relative;
  padding-left: 0;
  color: #999;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  margin: 0 -21px;
}
#commonInquiry .m_bupFtInquiry__footer::before{
  content: "\203B";
  position: relative;
  left: 0;
  display: inline-block;
}
#commonInquiry .m_bupFtInquiry__link{
  color: #2e3192;
  text-decoration: underline;
}
#commonInquiry .m_bupFtInquiry__link:hover{
  opacity: 0.6;
  transition: .3s;
}
#commonInquiry.m_bupFtInquiry--w500{}
#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{
  width: 200px;
}
#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner{
  padding: 40px 0 0;
}
#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner::before{
  position: absolute;
  bottom: auto;
  top: 6px;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
  line-height: 0;
}
#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{
  top: 12px;
}
#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn::before{
  height: 3.8em;
}

@media screen and (max-width: 768px){
  #commonInquiry.m_bupFtInquiry{
    width: 100%;
  }
  #commonInquiry.m_bupFtInquiry-w500{
    width: 100%;
  }
  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{
    display:none;
  }
  #commonInquiry .m_bupFtInquiry__btnTarget{
    width: 200px;
  }
  #commonInquiry .m_bupFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{
    padding: 33px 0 7px;
  }
  #commonInquiry .m_bupFtInquiry__btnInner::before{
    position: absolute;
    top: 9px;
    bottom: auto;
    right: 0;
    margin: auto;
  }
  #commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{
    top: 11px;
  }
  #commonInquiry .m_bupFtInquiry__btn::before{
    height: 3.8em;
  }
  #commonInquiry .m_bupFtInquiry__footer{
    margin: 0;
  }
  .m_bupFtInquiry__footer &gt; .m_bupFtInquiry__resM_br{
    display: none;
  }
}
@media screen and (max-width: 599px){
  #commonInquiry .m_bupFtInquiry__btns{
    display: block;
    margin: 0;
  }
  #commonInquiry .m_bupFtInquiry__btn{
    padding: 0;
    width: 80%;
    margin: auto;
  }
  #commonInquiry .m_bupFtInquiry__btn + .m_bupFtInquiry__btn{
    margin-top: 16px;
  }
  #commonInquiry .m_bupFtInquiry__btnTarget,
  #commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{
    width: 100%;
    margin: 0 auto;
  }
}


/* -----------------
23/3/22 サイドナビにdailyPhoto追加 
----------------- */
/* サイドスライダー */
.sideSlider{}
.sideSlider__target{
  position: relative;
  display: block;
}
.sideSlider__dailyPhotoInfo{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* dailyPhotoの情報 */
.dailyPhotoInfo{
  padding: 6px 10px;
  color: #333; 
  background: rgba(255, 255, 255, .8);
}
.dailyPhotoInfo__date{
  font-size: 11px;
}
.dailyPhotoInfo__ttl{
  display: flex;
  align-items: center;
  min-height: calc(2em * 1.3);
  line-height: 1.3;
  font-weight: bold;
  font-size: 12px
}
.dailyPhotoInfo__ttl + .dailyPhoto__desc {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 2px solid
}
.dailyPhotoInfo__desc{
  font-size: 11px;
}

/* 読み物関連商材リンク（メインコンテンツ用） */
.m_relativeLinkCard{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: inherit;
  transition: .3s opacity;
}
.m_relativeLinkCard:hover{
  opacity: .7;
  text-decoration: none !important;
}
.m_relativeLinkCard__img{
  flex: 0 0 200px;
  margin: 0 0 0 10px !important;
  line-height: 0;
}
.m_relativeLinkCard__img img{
  max-width: 100%;
  height: auto;
}
.m_relativeLinkCard__body{
  flex: 1 1 auto;
}
.m_relativeLinkCard__ttl{
  position: relative;
  margin-bottom: 10px !important;
  padding-left: 20px;
  font-weight: bold !important;
  font-size: 16px !important;
}
.m_relativeLinkCard__ttl::before{
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  font-size: 16px !important;
  transform: rotate(-45deg);
}https://mt.insource.co.jp/cgi-bin/cms/mt.cgi?__mode=view&amp;_type=template&amp;blog_id=112&amp;id=15437
.m_relativeLinkCard__msg{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
}
@media screen and (max-width: 768px){
  .m_relativeLinkCard{
    display: block;
    max-width: 375px;
    margin: auto !important;
  }
  .m_relativeLinkCard__img{
    margin: 0 0 10px 0 !important;
    line-height: 0;
  }
}






/*
2023年新サイドナビ
**************************************/
/* 悩み別ベースサイドナビのラッパー */
.m_solutionBaseSideNavs{}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--banner{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item.m_solutionBaseSideNavs__item--assessment{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__list{
  font-family: helvetica neue,noto sans jp,yu gothic,YuGothic,ヒラギノ角ゴ pron w3,hiragino kaku gothic pron,Arial,メイリオ,Meiryo,sans-serif;
  line-height: normal;
}
.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--ir,
.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--func{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__list--companyLink{
  margin-top: 10px;  
}
.m_solutionBaseSideNavs__listItem{}
.m_solutionBaseSideNavs__listItem + .m_solutionBaseSideNavs__listItem{
  margin-top: 1px;
}

/* 悩み別ベースサイドナビ */
.m_solutionBaseSideNav{}
.m_solutionBaseSideNav__ttl{
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  border-left: 9px solid;
  font-weight: bold;
  letter-spacing: 0;
  color: inherit;
  font-size: 14px;
  background: #F5F5F5;
}
.m_solutionBaseSideNav__list{
  padding: 5px 0 0px 8px;
}
.m_solutionBaseSideNav__listItem{
  padding: 5px 0;
}
.m_solutionBaseSideNav__listItem:empty {
  padding:0 ;
}

.m_solutionBaseSideNav__listItem__sub{
  padding-left: 8px;
}
.m_solutionBaseSideNav__listTtl{
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
  position: relative;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #1a8192 0, #1a8192 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav__ttl--halfColor{
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
.m_solutionBaseSideNav__ttl--halfColor .m_solutionBaseSideNav__subTtl--color{
  color: #980416;
  transition: .3s;
}
.m_solutionBaseSideNav__ttl--halfColor:hover .m_solutionBaseSideNav__subTtl--color{
  color: #FFFF00;
}
.m_solutionBaseSideNav__subTtl-lsN0{
  letter-spacing: normal;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl{
  font-size: 13px;
  color: #1a8192;
  transition: .3s;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:hover{
  opacity: .7;  
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp{
  color: #333;
  transition: none;
  margin-left: 7px;
  font-size: 15px;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp:hover{
  opacity: 1;
}

.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]{
  color: #005e04;
  transition: .3s;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]:hover{
  opacity: .7;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]{
  color: #666;
  transition: .3s;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]:hover{
  opacity: .7;
}
.m_solutionBaseSideNav__listTtl--lsN0{
  letter-spacing: 0px!important;
}
.m_solutionBaseSideNav__listTtl--lsN1{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNav__listTtl--lsN2{
  letter-spacing: -2px!important;
}
.m_solutionBaseSideNav__target{
  position: relative;
  display: block;
  padding-left: 11px;
  color: inherit;
  font-weight: bold;
  font-size: 11px;
  transition: .3s opacity;
  letter-spacing: 0;
}
.m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  letter-spacing: 0;
}
.m_solutionBaseSideNav__target--new,
.m_solutionBaseSideNav__target--column{
  text-indent: 11px;
  padding-left: 0;
  letter-spacing: 1px;
}
.m_solutionBaseSideNav__target--banner{
  padding-left: 0;
  padding-bottom: 0px;
}
.m_solutionBaseSideNav__target--banner img{
  vertical-align: bottom;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__target--banner{
  margin-left: -8px;
}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__target--banner{
  margin-left: -8px;
}
.m_solutionBaseSideNav__target--lsN0{
  letter-spacing: 0px!important;
}
.m_solutionBaseSideNav__target--lsN1{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNav__target--lsN2{
  letter-spacing: -2px!important;
}
.m_solutionBaseSideNav__target::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
}
.m_solutionBaseSideNav__target--banner::before{
  content: none;
}
.m_solutionBaseSideNav__target--columnRank::before{
  counter-increment: columnRank 1; 
  content: counter(columnRank);
  transform: unset;
  border: none;
  font-size: 18px;
  left: -7px;
  top: -3px;
  color:#980416;
}
.m_solutionBaseSideNav__target:hover{
  opacity: .7;
  color: inherit;
  text-decoration: none;
}
.m_solutionBaseSideNav__ttl.m_solutionBaseSideNav__ttl--link:hover{
  text-decoration: none;
}
.m_solutionBaseSideNavs__item--assessment{
  margin-bottom: 10px;
}
.m_solutionBaseSideNavs__item--history{}
.m_solutionBaseSideNavs__item--history .m_solutionBaseSideNav__ttl{
  margin-bottom: 10px;
  border-color: #8f1e35;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--group{
  margin-top: 0px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl{
  margin-left: 7px;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl{
  font-size: 16px;
  padding-left: 0;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub{
  font-size: 14px;
  padding-left: 10px;
  margin-left: 7px;
}
.m_solutionBaseSideNav__ttl-lsN1{
  letter-spacing: -1px;
}
.m_solutionBaseSideNav__ttl-lsN2{
  letter-spacing: -2px;
}

.m_solutionBaseSideNav--companyLink{}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl{ 
  border-color: #9caeb7;
}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #9caeb7 0, #9caeb7 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--pickup{}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl{ 
  border-color: #980416;
}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav__ttl--new{
  position: relative;
}
.m_solutionBaseSideNav__ttl--new:after{
  content: "New!";
  display: inline-block;
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 9px;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--new[href="/campaign/insource-energy-partner.html"]:after{
  top: 3px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--new[href="https://www.insource-ri.co.jp/"]:after{
  bottom: 4px;
}
.m_solutionBaseSideNav__ttl--new:hover:after{
  color: #FFFF00;
}
.m_solutionBaseSideNav__ttl--date{
  position: relative;
}
.m_solutionBaseSideNav__subTtl--date{
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 4px;
}
.m_solutionBaseSideNav__ttl--date:hover .m_solutionBaseSideNav__subTtl--date{
  color: #FFFF00;
}

.m_solutionBaseSideNav--ir{
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl{ 
  border-color: #CC2914;
  height: 24px;
  font-size: 12px;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #CC2914 0, #CC2914 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav__ttl--attention{
  position: relative;
}
.m_solutionBaseSideNav__ttl--attention:after{
  content: "注目";
  display: inline-block;
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 9px;
}
.m_solutionBaseSideNav__ttl--attention:hover:after{
  color: #FFFF00;
}


.m_solutionBaseSideNav__listItem--group{
  padding: 5px 0 5px 8px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl{ 
  border-color: #980416;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl{ 
  border-color: #666;
  height: 30px;
  letter-spacing: -0.5px;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #666 0, #666 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl{ 
  border-color: #052674;
  height: 30px;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #052674 0, #052674 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link:hover,
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link:hover,
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav--mainService{}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl{ 
  border-color: #2a6cae;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #2a6cae 0, #2a6cae 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link[href="/it-tool/kenkanrisys_top.html"]{
  letter-spacing: -1px;
}

.m_solutionBaseSideNav--newPage{}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl{ 
  border-color: #04980b;
}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #04980b 0, #04980b 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--asessment{}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl{ 
  border-color: #cc337a;
  letter-spacing: 0;
}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #cc337a 0, #cc337a 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl {
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl,
  color: #333;
}
.m_solutionBaseSideNav__listTtl:before{
  content:"";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
}
.m_solutionBaseSideNav__listTtl-sub:before{
  left: -5px;
  width: 5px;
  height: 5px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl:before{
  background-color: #980416;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl:before{
  background-color: #666;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl:before{
  background-color: #052674;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:before{
  background-color: #1a8192;
}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}
.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__listTtl:before{
  background-color: #ee7800;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl:before{
  background-color: #04980b;
}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}

.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl:before{
  content: none;
}

.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub:before{
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 5px;
  height: 5px;
  border: none;
  border-radius: 50%;
  background-color: #CC2914;
}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl:before{
  background-color: #6C597E;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__list{
  color: #400416;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__list{
  color: #013303;
}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__list{
  color: #372d40;
}
.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__list{
  color: #3d3d3d;
}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__list{
  color: #400416;
}
.m_solutionBaseSideNav--leaf{
  letter-spacing: 0px;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl{ 
  border-color: #1a8192;
  line-height: 1.2;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list{}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list--leaf--temp{
  padding: 0;
}
.m_solutionBaseSideNav--solution{}
.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__ttl{ 
  border-color: #EE7800;
}
.m_solutionBaseSideNav--recruit{}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--business{}
.m_solutionBaseSideNav--business .m_solutionBaseSideNav__ttl{ 
  border-color: #E9E92E;
}
.m_solutionBaseSideNav--service{}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--group{}
.m_solutionBaseSideNav--new{}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__ttl{ 
  border-color: #04980b;
}
.m_solutionBaseSideNav--column{}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__ttl{ 
  border-color: #6C597E ;
}
.m_solutionBaseSideNav--gambatte{}
.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__ttl{ 
  border-color: #707070;
}
.m_solutionBaseSideNav--func{}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--columnRank{
 counter-reset: columnRank 0;   
}
.m_solutionBaseSideNav--columnRank .m_solutionBaseSideNav__ttl{ 
  border-color: #980416 ;
}

/*アコーディオン*/

.m_solutionBaseSideNav--acc &gt; .m_solutionBaseSideNav__ttl--link:after{
  content: "";
  border: 2px solid #333;
  border-bottom: none;
  border-left: none;
  min-width: 5px;
  height: 5px;
  transform: rotate(135deg);
  margin-left: auto;
  margin-right: 15px;
  transition: .3s;
}
.m_solutionBaseSideNav--acc.is_active &gt; .m_solutionBaseSideNav__ttl--link:after,
.m_solutionBaseSideNav--acc:hover &gt; .m_solutionBaseSideNav__ttl--link:after{
  border-color: #fff;
}

.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__ttl--link,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__ttl--link{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--acc &gt; .m_solutionBaseSideNav__list{
  overflow: hidden;
  padding: 0 0 0 8px;
}
.m_solutionBaseSideNav--acc.is_active &gt; .m_solutionBaseSideNav__list,
.m_solutionBaseSideNav--acc:hover &gt; .m_solutionBaseSideNav__list{
  padding: 5px 0 0px 8px;
}
.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem {
  padding: 0;
  transition: padding .2s;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem{
  padding: 5px 0;
}
.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  line-height: 0;
  transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear;
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  line-height: 1.6;
  transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear;
  padding: 0 0 0 11px;
  opacity: 1;
  visibility: visible;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover{
  opacity: .7;
}

/* 語る(kataru) */
.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{}
.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:first-line{
  color: #d66c00;
}

/*
    公開講座を便利に、お得に
================================*/
.side_bupService {
  background-color: #E4F1F9;
  font-size: 12px;
  margin: 30px 0;
}

.side_bupService_ttl {}

.side_bupService_ttl img { display: block; }

.side_bupService_inner { padding: 10px; }

/* 背景が白い部分 */
.side_bupService_card {
  background-color: #fff;
  padding: 8px;
}

.side_bupService_card +.side_bupService_card { margin-top: 10px; }

.side_bupService_card_link {
  color: currentColor;
  display: block;
  padding: 0;
  text-decoration: none;
}

.side_bupService_card_link--attachment {
  border: 5px solid #e5002d;
  margin-top: 20px !important;
  padding: 18px 8px 8px;
  position: relative;
}

.side_bupService_card_link--attachment::before {
  border: 25px solid transparent;
  border-top: 0;
  border-bottom: 15px solid #e5002d;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
}

.side_bupService_card_link--attachment::after {
  content: url("/resource/img/bup/img_new.jpg");
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.side_bupService_card_link-full {
  color: currentColor;
  display: block;
  text-decoration: none;
}

.side_bupService_card_link:hover,
.side_bupService_card_link-full:hover {
  opacity: .6;
  text-decoration: none;
}

.side_bupService_card_img { text-align: center; }

.side_bupService_card_img--flex {
  align-items: flex-start;
  display: flex;
  justify-content: space-around;
}

.side_bupService_card_img &gt; img {
  height: auto;
  max-width: 100%;
}

.side_bupService_card_catchCopy {
  background-color: #666;
  color: #fff;
  letter-spacing: .03em;
  line-height: 1;
  margin: 5px 0;
  padding: 5px 0;
  text-align: center;
}

.side_bupService_card_catchCopy.request { background-color: #038693; }
.side_bupService_card_catchCopy.trip { background-color: #008fd1; }
.side_bupService_card_catchCopy.catalog { background-color: #1962f1; }
.side_bupService_card_catchCopy.webins { background-color: #e5002d; }
.side_bupService_card_catchCopy.smp { background-color: #f15a24; }
.side_bupService_card_catchCopy.vlp { background-color: #e35070; }
.side_bupService_card_catchCopy.leaf { background-color: #33cc99; }
.side_bupService_card_catchCopy.another { background-color: #FFBF0B; }

.side_bupService_card_txt {}
.side_bupService_card_img + .side_bupService_card_txt { margin-top: 5px; }

.side_bupService_txt {
  line-height: 1.2;
  margin-bottom: 10px;
}

.side_bupService_txt-blue { color: #194a72; }

/*アセスメントナビ*/
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav{
    margin-top: 7px;
    letter-spacing: -0.5px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav + .m_assessment_subNav{
    margin-top: 24px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl{
    position: relative;
    display: flex;
    color: 00479d;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 3px solid #00479d;
    padding-bottom: 5px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assess_beginner_blue.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assessment_blue.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assess_search.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_text{
    padding-left: 25px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item{
    border-bottom: 1px dotted #C2C2C2;
    padding: 5px 3px 5px 0px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-jewel:first-letter{
  color: #00479d;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-outer{
    border-bottom: none;
    padding: 3px 3px 0px 0px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner{
    border-bottom: none;
    padding: 0px 3px 0px 27px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner_hasBorder{
    border-bottom: 1px dotted #C2C2C2;
    padding: 2px 3px 3px 27px;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link{
    position: relative;
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link:hover{
    color: initial;
    text-decoration: none;
    opacity: .6;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link::after{
    position: absolute;
    content: url('/resource/img/assessment/arrow_off.svg');
    top: 3px;
    right: 5px;
    transition: .3s;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item:hover .m_assessment_subNav_link::after{
    position: absolute;
    content: url('/resource/img/assessment/arrow_hover_blue.svg');
    top: 3px;
    right: 0;
    transition: .3s;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text{
    position: relative;
}
.m_assessment_subNav_link[href="/consulting/fl_literacy.html"] .m_assessment_subNav_link_text,
.m_assessment_subNav_link[href="/consulting/assessment_harassment_risk.html"] .m_assessment_subNav_link_text,
.m_assessment_subNav_link[href="/consulting/assessment-engagement-diagnosis.html"] .m_assessment_subNav_link_text{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text_color{
  color: #ea3636;
}



/* サイドナビの閲覧履歴 */
.m_sideNavHistory{}
.m_sideNavHistory__ttl{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.m_sideNavHistory__list{
  padding-left: 8px;
}
.m_sideNavHistory__list &gt; li{
  position: relative;
  height: calc(1em * 1.6);
  line-height: 1.6;
  font-weight: bold;
  font-size: 11px;
  overflow: hidden;
}
.m_sideNavHistory__list &gt; li::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(13px * 1.6);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)
}
.m_sideNavHistory__list &gt; li + li{
  margin-top: 5px;
}
.m_sideNavHistory__list a{
  position: relative;
  display: block;
  padding-left: 1em;
  color: inherit;
}
.m_sideNavHistory__list a:hover{
  opacity: .7;
}
.m_sideNavHistory__list a::before{
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg);
}
.m_sideNavHistory__footer{
  margin-top: 6px;
  text-align: right;
}
.m_sideNavHistory__footer a{
  display: inline-block;
  /* padding: 2px 12px;
  border: 1px solid #cc2914; */
  color: inherit;
  font-weight: bold;
  font-size: 12px;
}
.m_sideNavHistory__footer a:hover{
  text-decoration: none;
  opacity: .7;
}

/* 速報新作のカードリスト */
.m_newReleaseFlashSideNavList{
  margin-bottom: 10px;
}
.m_newReleaseFlashSideNavList__ttl{
  margin-bottom: 10px;
}
.m_newReleaseFlashSideNavList__list{}
.m_newReleaseFlashSideNavList__item{
  &amp; + &amp;{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;    
  }
}
.m_newReleaseFlashSideNavList__footer{
  margin-top: 10px;
}
.m_newReleaseFlashSideNavList__footer.c_btn--rigthSide{
  text-align: right;
}
.m_newReleaseFlashSideNavList__footer .c_btn__target{
  border: 1px solid #ccc;
  display: inline-block;
  color: #333;
  transition: .3s;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 13px;
}
.m_newReleaseFlashSideNavList__footer .c_btn__target:hover{
  text-decoration: none;
  opacity: .7;
}
/* 速報新作のカード */
.m_newReleaseFlashSideNavCard{
  color: inherit;
  text-decoration: none;
  transition: .3s opacity;
  &amp;:hover{
    opacity: .7;
  }
}
.m_newReleaseFlashSideNavCard__img{
  line-height: 0;
  text-align: center;
  img{
    max-width: 100%;
    height: auto;
  }
  &amp; + .m_newReleaseFlashSideNavCard__body{
    margin-top: 7px;
  }
}
.m_newReleaseFlashSideNavCard__body{
  line-height: 1.3;
  font-size: 13px;
}
.m_newReleaseFlashSideNavCard__tags{
  display: flex;
  gap: 5px;
  &amp; + .m_newReleaseFlashSideNavCard__ttl{
    margin-top: 3px;
  }
}
.m_newReleaseFlashSideNavCard__tag{
  font-weight: bold;
}
.m_newReleaseFlashSideNavCard__tag--haken{
  color: #842e30;
}
.m_newReleaseFlashSideNavCard__tag--bup{
  color: #0c3f71;
}
.m_newReleaseFlashSideNavCard__tag--douga{
  color: #cc2d5e;
}
.m_newReleaseFlashSideNavCard__date{
  font-weight: bold;
  color: #d66c00;
}
.m_newReleaseFlashSideNavCard__ttl{
  margin-bottom: 3px;
  font-weight: bold;
}
.m_newReleaseFlashSideNavCard__msg{
  position: relative;
  max-height: 4lh;
  font-size: 11px;
  overflow: hidden;
  &amp;:before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3em;
    height: 1lh;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }
}</pre></body></html>