@charset "utf-8";
/*#cont h1 {
width:100%;
margin-bottom: 10px;
}*/
.w600 img{
margin-bottom: 10px;
}
/*#nav_box {
padding-bottom: 20px;
}*/
#nav_box ul {
width: 500px;
}
#nav_box ul li {
display: inline;
}

/* 2012/07/11 */
#cont { line-height: normal; }
#cont h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

/* トップ画像 */
.w600 .header_img img{
margin-bottom:0;
}
.header_img-hasIda{
  position: relative;
}
.header_img-hasIda .header_imgIco{
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  padding: 4px;
  line-height: 0;
  background: rgba(255, 255, 255, .9);
}
.header_img-hasIda .header_imgIco:hover{
  opacity: .7;
}
.seminar_kv_main {
    width: 100%;
    border: 1px solid #eee;
}

/*h2設定始まり*/
#cont h2{
width:500px;
margin-bottom: 10px;
}
#cont h3 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #398A60;
margin-bottom: 15px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 16px;
font-weight: bolder;
color: #006633;
letter-spacing: 0.1em;
line-height: 24px;
border-left: 5px;
border-left-style: solid;
padding-left: 5px;
}
#cont h3 span img {
margin-bottom: 5px;
}


/*h2設定終わり*/
.main_box {
color:#333333;
font-size:14px;
line-height:120%;
width: 500px;
margin-bottom: 10px;
}
.main_box p{
line-height:1.4em;
margin-bottom:15px;
}
.main_box table {
font-size: 11.5px;
color: #333333;
border-collapse:collapse;
border: 1px solid #CCCCCC;
margin-bottom: 25px;
}
.main_box table th {
background-color: #D0EBC6;
font-weight: normal;
text-align: center;
}
.main_box table td {
height: 35px;
}
.main_box table td p {
text-align: center;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
.main_box ol {
list-style-position: outside;
list-style-type: decimal;
margin-left: 5px;
}
.main_box ol li {
line-height: 1.5em;
}
.main_box .download {
float: right;
width: 232px;
margin-bottom:0px;
}
/*プログラム番号*/
.main_box ol li#p01 {
background-image: url(../img/seminar/p01.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p02 {
background-image: url(../img/seminar/p02.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p03 {
background-image: url(../img/seminar/p03.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p04 {
background-image: url(../img/seminar/p04.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p05 {
background-image: url(../img/seminar/p05.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p06 {
background-image: url(../img/seminar/p06.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p07 {
background-image: url(../img/seminar/p07.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p08 {
background-image: url(../img/seminar/p08.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box ol li#p09 {
background-image: url(../img/seminar/p09.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}.main_box ol li#p10 {
background-image: url(../img/seminar/p10.gif);
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}



/*プログラム番号・新*/
.main_box #new_p li#p01 {
background-image: url(../img/seminar/p01.gif);
background-repeat: no-repeat;
background-position: left 7px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p02 {
background-image: url(../img/seminar/p02.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p03 {
background-image: url(../img/seminar/p03.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p04 {
background-image: url(../img/seminar/p04.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p05 {
background-image: url(../img/seminar/p05.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p06 {
background-image: url(../img/seminar/p06.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p07 {
background-image: url(../img/seminar/p07.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p08 {
background-image: url(../img/seminar/p08.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p09 {
background-image: url(../img/seminar/p09.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.main_box #new_p li#p10 {
background-image: url(../img/seminar/p10.gif);
background-repeat: no-repeat;
background-position: left 9px;
list-style-type: none;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
}

.main_box ul {
list-style-position: outside;
line-height: 1.5em;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.main_box ul li {
line-height: 1.5em;
padding-bottom: 10px;
background-image: url(../img/seminar/voice.gif);
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 55px;
}

.main_box ul.link {
list-style-position: outside;
line-height: 1.5em;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.main_box ul.link li {
line-height: 1.5em;
background-image: url(../img/seminar/arrow_right_green.gif);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 12px;
padding-bottom: 0px;
padding-top: 3px;

}
.main_box .link a:hover {
color: #02B5B5;
text-decoration: underline;
}

.main_box ul.lineup {
list-style-type: none;
}
.main_box ul.lineup li {
background-image: none;
display: inline;
margin: 0px;
padding: 0px;
}
.main_box .link_title{
font-weight: bold;
padding-top: 15px;
margin-bottom: 0px;

}



/*ページトップへ*/
.toTop {
text-align: right;
margin-bottom: 10px;
}


/*テキストベースでのページ組み立て用*/
.w600 .headline {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 14px;
margin-top: 10px;
margin-bottom: 2px;
}
.w600 .main_box b {
line-height: 5px;
margin-left: 10px;
}
#c3_lr .w600 .main_box .program {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
margin-left: 40px;
}

/* 2012/01/18 スリム化セミナー */

div.s_voiceBox{
margin-bottom:20px;
}

div.s_voiceBox p{
font-size:14px;
line-height:150%;
}

p.s_voice_text{
margin-left:3px;
}

p.s_title{
margin:10px 0;
font-size:16px;
}

.s_line{
margin:25px 0;
}

div.slim_s p{
font-size:14px;
margin-bottom:30px;
}

.topText{
font-size:17px;
}

.s_push1{
font-size: 17px;
padding-left: 60px;
background-image:url("../img/seminar/fsem_num1.gif");
background-repeat:no-repeat;
background-position:left center;
height:49px;
}


.s_push2{
font-size: 17px;
padding-left: 60px;
background-image:url("../img/seminar/fsem_num2.gif");
background-repeat:no-repeat;
background-position:left center;
height:49px;
}

.s_push3{
font-size: 17px;
padding-left: 60px;
background-image:url("../img/seminar/fsem_num3.gif");
background-repeat:no-repeat;
background-position:left center;
height:49px;
}


/* new_top */


#cont #wrapper h2{
font-size:18px;
margin: 30px 0 10px;
/*background-image:url("../img/seminar/icon_freemark.gif");
background-position:left center;
background-repeat:no-repeat;*/
color:#265A2C;
/*height:50px;
padding:20px 55px 0;*/
}

#cont #wrapper h2 img{
vertical-align:-18px;
margin-right:10px;
}

p.leaflet_dl_btn{
float: left;
margin-left: 383px;
margin-top: -85px;
}

.newsBox {
    border: 1px solid #544741;
    font-size: 12px;
    height: 185px;
    margin-bottom: 35px;
    overflow: auto;
    width: 500px;
}

.newsBox dt {
    clear: left;
    float: left;
    padding: 8px 10px;
}

.newsBox dd {
    background: url("../images/line_dott_999999.gif") repeat-x scroll 0 100% transparent;
    padding: 8px 0 8px 110px;
}

.newsBox dd a:hover {
background-color:#C5D35F;
color:#052674;
text-decoration:none;
}


#wrapper .main_box p.topText{
font-size:14px;
}

/* semina_list */


#wrapper .main_box p.list_text{
float:left;
margin-right:23px;
margin-bottom:10px;
}

#wrapper .main_box p.list_text a{
width:227px;
font-size:16px;
padding:10px;
}

#wrapper .main_box p.list_text a{
color:#000000;
}

#wrapper .main_box p.list_text a:hover{
/*background-color:#C5D35F;*/
text-decoration:none;
}

.bannerBox{
/*ackground-image: url("../img/seminar/s_divider.gif");*/
background-position: left bottom;
background-repeat: repeat-x;
/*margin-bottom: 70px;
padding-bottom: 40px;*/
width: 500px;
}

.bannerBox h2{
/*text-align:center;*/
}

.bannerBox p{
margin-bottom:5px;
height:60px;
}

.bannerBox p.l_text{
margin-bottom:0px;
font-size:16px;
}

.bannerBox p.l_text2{
margin-bottom:0px;
font-size:16px;
height:100%;
color: #052674;
}

p.l_divider{
margin:0;
padding:30px 0;
height:2px
}

/* semina_pp */

ul.s_purpose{
font-size:16px;
margin-bottom:25px;
}

#wrapper ul.s_purpose li{
list-style-type: disc;
margin-bottom: 15px;
margin-left: 25px;
}

#wrapper ul.s_purpose li a{
color:#333333;
line-height:150%;
}

#wrapper ul.s_purpose li a:hover{
background-color:#C5D35F;
}


/* エリア別 */

.sem_area{
font-size:18px;
line-height:150%;
}

.sem_area p{
margin:20px 0;
}

/* エリア別ミドル */

p.schedule_middle {
    float: left;
    font-size: 16px;
    margin: 5px 0;
}

p.true {
    font-weight: bold;
    width: 166px;
}

p.schedule_middle a {
    color: #000000;
}

p.schedule_middle a:hover {
    background-color: #C5D35F;
    text-decoration:none;
}

div.noplan p {
    font-size: 12px;
    width: 125px;
}


/* 東北３省用 */

.slim_s .textBox{
border: 10px solid #BED1D1;
padding: 10px;
margin-bottom:30px;
font-size:14px;
}

.slim_s .textBox dl{
margin:15px 0;
}

.slim_s .textBox dt{
background-color: #FFCC00;
margin-bottom: 8px;
padding: 5px;
text-align: center;
width: 50px;
}

.slim_s .textBox dd{
margin-left: 60px;
margin-top: -30px;
float:left;
}

.slim_s .textBox p{
margin-bottom:5px;
font-size:14px;
}


/*北海道無料セミナーページ・リンク用*/
div.sem_area div.link_box ul li a {
color: #052674;
text-decoration: underline;
font-size:14px;
line-height:1.2em;
}

div.w600 div.sem_area div.link_box ul li  {

font-size:14px;
line-height:1.4em;
}

div.sem_area div.link_box p {
font-size:14px;
line-height:1.4em;
margin:5px 0px;
}

/* 2012/12/11 一覧から探すナビ */

.main_box .link_partition{
margin:20px 0;
}

.main_box .link_partition li{
background-image:url("../img/bup/bup_partition_line.gif");
background-repeat:no-repeat;
background-position:right center;
display:inline;
padding:0 10px;
margin-left:-3px;
}

.main_box .link_partition li.first{
padding-left:0;
margin-left:0;
}

.main_box .link_partition li.last{
background-image:none;
}

.main_box .link_partition li a{
color:#000000;
text-decoration:underline;
}

.main_box .link_partition li a:hover{
background-color:#C5D35F;
}


/*2013/01/22 ページ下部リンク集 *//* 2013/01/21 ページ下部リンク集 */

#servicelink table.border-b .line_l_b {background-color:#398A60;width: 190px;}
#servicelink table.border-b .line_c {width: 1px;}
#servicelink table.border-b .line_r_b {background-color:#C1EAC2;width: 309px;}

#servicelink .arrowA {background-color:#398A60;}
#servicelink .arrowB {background-color:#398A60;}

/* 2013/04/16 左ナビ関連コンテンツ追記 */
#cont #c3_ll .linkage_c_top{
background-image:url("../img/lnav_con_base_top.gif");
background-repeat:no-repeat;
background-position:top center;
}

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

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

#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;
/*text-indent:-28px;
padding-left:28px;*/
}

#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: #468364;
}

/*#cont #c3_ll .lc_contents dl dd a{
background:url("../images/icon_arrow-r_box-s_CCCCCC.gif") no-repeat 0px 7px;
padding-left:13px;
}*/

#cont #servicelink #service_box h3#lineup{
border-bottom:none;
border-left:none;
}

/* 2013/07/08 insourceフォーラムバナー用 */
p.forumBanner a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/*2013/07/08 insourceフォーラムガイド*/

p.forumguid {
font-size: 16px;
margin: 25px 0px 25px 0px;
font-weight: bold;
color: #0b3664;
line-height: 1.2em;
}

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

フォーラムbn

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

#cont #forumbn{
border: 5px solid #ddebfa;
padding: 10px;
margin-top: 10px;
background-image:url(../img/gyokai/forumback.gif);
background-repeat: no-repeat;
background-position: 380px 215px;
}

#cont #forumbn h4 {
font-size: 16px;
line-height: 1.4em;
border-bottom: 1px dotted #333;
padding-bottom: 5px;
color: #578BC4;;
margin-bottom: 10px;
}

#cont #forumbn p {
font-size: 12px;
color: #333333;
line-height: 1.5em;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

#cont #forumbn a {
font-size: 15px;
}

#cont #forumbn .textBox ul, #cont #goal .textBox ol {
list-style:disc outside;
margin:0 0 0.5em 50px;
}

#cont #forumbn .textBox ul li, #cont #goal .textBox ol li {
color:#333333;
font-size:14px;
line-height:1.5em;
}

.opa a:hover{opacity:0.9;}

/* 2013/11/11 無料セミナーPR */
.seminar_pr{margin-bottom:10px;}

.seminar_pr .fl{
border: 5px solid #ddebfa;
padding: 10px;
margin-right:5px;
width:163px;
/*↓長くなるなら適宜高さを伸ばす↓*/
height:210px;
}

.ie6 .seminar_pr .fl,
.ie7 .seminar_pr .fl{width:133px;}

.seminar_pr .fl .colorText{
font-weight:bold;
text-align:center;
padding-bottom:5px;
margin-bottom:5px;
border-bottom: 1px dotted #333;
}

.seminar_pr .firstBox{border-color:#F19C9C;}
.seminar_pr .firstBox .colorText{color:#F19C9C;}

.seminar_pr .secondBox{border-color:#65709E;}
.seminar_pr .secondBox .colorText{color:#65709E;}

.seminar_pr .thirdBox{border-color:#56A368;}
.seminar_pr .thirdBox .colorText{color:#56A368;}

/* COLOR -------------------------------------------------*/

/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#398A60;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#C1EAC2;}
#cont #c3_ll dl.cc11-2    {border-color:#398A60;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#398A60;}
#cont #c3_ll dl.cc00 table tr td.line_l {background-color:#398A60;}
#cont #c3_ll dl.cc00 table tr td.line_r {background-color:#C1EAC2;}

#c3_lrr{
width:730px;
overflow:hidden;
}


/* 2015/03/17 受講者の声 */

.main_box ul.sem_voice li{
background:none;
line-height:150%;
margin-bottom:10px;
text-indent:-8px;
padding:0 0 0 8px;
}

/* 2015/11/04 スライダー用 */

.showcase a:hover img{
opacity:0.9;
-ms-filter: "alpha( opacity=90 )";
filter: alpha( opacity=90 );
}

/* 2017/10/23 ８大スキル用 */
.skillBox {
position: relative;
text-align: center;
font-family: YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;
}

.skillBox_list {
}

.skillBox_list > li {
  position: absolute;
}

.skillBox_list > li:nth-of-type(1) { /* ビジネスマナーから時計回り */
  top: 60px;
  left: 33px;
}
.skillBox_list > li:nth-of-type(1) > a { background-color: #E37CA5; }

.skillBox_list > li:nth-of-type(2) {
  top: -10px;
  left: 170px;
}
.skillBox_list > li:nth-of-type(2) > a { background-color: #DC584D; }

.skillBox_list > li:nth-of-type(3) {
  top: 60px;
  right: 33px;
}
.skillBox_list > li:nth-of-type(3) > a { background-color: #5AB2D5; }


.skillBox_list > li:nth-of-type(4) {
  top: 155px;
  right: 3px;
}
.skillBox_list > li:nth-of-type(4) > a { background-color: #EE9C19; }


.skillBox_list > li:nth-of-type(5) {
  right: 33px;
  bottom: 55px;
}
.skillBox_list > li:nth-of-type(5) > a { background-color: #239568; }


.skillBox_list > li:nth-of-type(6) {
  bottom: -10px;
  left: 170px;
}
.skillBox_list > li:nth-of-type(6) > a { background-color: #3D4798; }

.skillBox_list > li:nth-of-type(7) {
  bottom: 55px;
  left: 33px;
}
.skillBox_list > li:nth-of-type(7) > a { background-color: #A36E9E; }

.skillBox_list > li:nth-of-type(8) {
  top: 155px;
  left: 3px;
}
.skillBox_list > li:nth-of-type(8) > a { background-color: #78B32A; }


.skillBtn {
  background-color: #ccc;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  height :50px;
  padding: 14px 0;
  text-align: center;
  width: 150px;
}

.skillBtn:hover {
  color: #fff;
  box-shadow: none;
  filter: brightness(130%);
  transform: translate(3px,3px);
}

/*===================

1812/27 新デザイン用

===================*/
/*====
base
====*/
.b_main{
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .1em;
}

/*====
atom
====*/
/*見出し*/
#cont .a_heading{
  padding: 0;
  border: none;
  line-height: 1.4;
  font-weight: bold;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
#cont .a_heading--primary{
  margin-bottom: 24px;
  font-size: 24px;
}
#cont .a_heading--secondary{
  margin-bottom: 16px;
  font-size: 16px;
}

/*ボタン*/
.a_btn{}
.a_btn__target{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-weight: bold;
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.a_btn__target:hover{
  text-decoration: none;
}
.a_btn__target::before{
  content: "";
  display: block;
  height: 1em;
}
.a_btn--main > .a_btn__target{
  border-radius: 8px;
  background: #006633;
  box-shadow: 0 4px 2px #99ff99;
  color: #fff;
  font-size: 16px;
  transition: .1s transform;
}
.a_btn--main > .a_btn__target::before{
  padding: 1.5em 0;
}
.a_btn--main > .a_btn__target:hover{
  transform: translateY(4px);
  box-shadow: none;
}
.a_btn--sub > .a_btn__target{
  border-radius: 4px;
  background: #aee5ae;
  color: #006633;
  font-size: 14px;
  transition: .1s opacity;
}
.a_btn--sub > .a_btn__target::before{
  padding: 1em 0;
}
.a_btn--sub > .a_btn__target:hover{
  opacity: .7;
}
@media screen and (max-width: 599px){
  .a_btn--main > .a_btn__target::before{
    padding: 1em 0;
  }
}

/*アイコン*/
.a_ico{}
.a_ico--point{}
.a_ico--point::before{
  content: url(/common/img/seminar/ico_point.png);
}

/*====
molecule
====*/
/*アイコン持ち*/
.m_hasIco{
  display: block;
  position: relative;
}
.m_hasIco::before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.m_hasIco--point{
  padding-left: 32px;
}

/*節*/
.m_sec{}
.m_sec--main{}
.m_sec--main > .m_sec__item + .m_sec__item{
  margin-top: 40px;
}
.m_sec--sub{}
.m_sec--sub > .m_sec__item + .m_sec__item{
  margin-top: 16px;
}

/*段落（テキストボックス）*/
.m_textBox{}
.m_textBox__item{
  margin-top: 8px;
}


/*リスト*/
.m_list{}
.m_list--hasBorder{
  padding: 16px;
  border: 2px solid #333;
}
.m_list--point{}
.m_list--point > .m_list__item + .m_list__item{
  margin-top: 16px;
}

/*====
utility
====*/
/*幅*/
.u_col1{
  width: calc(100% * 1 / 12);
}
.u_col2{
  width: calc(100% * 2 / 12);
}
.u_col3{
  width: calc(100% * 3 / 12);
}
.u_col4{
  width: calc(100% * 4 / 12);
}
.u_col5{
  width: calc(100% * 5 / 12);
}
.u_col6{
  width: calc(100% * 6 / 12);
}
.u_col7{
  width: calc(100% * 7 / 12);
}
.u_col8{
  width: calc(100% * 8 / 12);
}
.u_col9{
  width: calc(100% * 9 / 12);
}
.u_col10{
  width: calc(100% * 10 / 12);
}
.u_col11{
  width: calc(100% * 11 / 12);
}
.u_col12{
  width: calc(100% * 12 / 12);
}
@media screen and (max-width: 599px){
  .u_resSmCol12{
    width: 100%;
  }
}

/*ブロックの位置*/
.u_blockLeft{
  margin-right: auto;
}
.u_blockRight{
  margin-left: auto;
}
.u_blockCenter{
  margin-right: auto;
  margin-left: auto;
}

/*要素を隠す*/
@media screen and (max-width: 599px){
  .u_resSmHide{
    display: none;
  }
}

/*===============================

    responsive

================================*/
@media (max-width: 768px){

.main_box { width: 100%; }
.w600 iframe {
overflow: auto;
width: 100%;
}

/* 8大スキル */
.skillBox { max-width: 500px;margin: auto; }
.skillBox > img { display: none; }
.skillBox_list > li { position: static;display: inline-block; }
.skillBox_list > li + li { margin-top:  10px; }

}
/*=====================================

1812/27 セミナーのねらい見出し部分修正

=====================================*/
.w600 .main_box .lh-normal {
  line-height: 1.4em;
}

/*=====================================

2019/06/14 見出し部分修正

=====================================*/
.lh-normal {
  line-height: 1.4em;
}


/*=====================================

2020/10/20 幅広版用CSS

=====================================*/
#base.wide_tmpl { width:  1220px; }

#base.wide_tmpl div#cont div#c3_l { width: 975px; }

#base.wide_tmpl div#cont div#c3_lr { width: 750px; }

#base.wide_tmpl .main_box { width: 100%; }

.main_box iframe { width: 100%; }

@media screen and (max-width: 768px) {
    #base.wide_tmpl,
    #base.wide_tmpl div#cont div#c3_l,
    #base.wide_tmpl div#cont div#c3_lr { width: 100%; }
}