/*--------------------------------------------------*/
/*★boxやフォント等、パーツの設定★*/
/*--------------------------------------------------*/

/*--------------------------------------------------
画像の設定
--------------------------------------------------*/
.m_img{
    vertical-align:middle;
}
.m_img2{
    vertical-align:bottom;
}
/*------------------------------------------------
入力関係の設定
--------------------------------------------------*/
.ime1 {
    ime-mode: active;
}

.ime2{
    ime-mode: inactive;
}

.ime3{
    ime-mode: disabled;
}

.titleM{
    width:90%;
}

.bodyM{
    width:90%;
    height:150px;
    font-size:100%;
}

input{
    font-family: "ＭＳ Ｐゴシック" ;
    font-size :10pt;
}

textarea{
    font-family :"ＭＳ Ｐゴシック";
    font-size :10pt;
}

/*------------------------------------------------
リストの設定
--------------------------------------------------*/
div#content ul{
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom:10px;
}

div#content li{
    margin-bottom:2px;
}

div#content a{
    text-decoration:none;
}

div#content a:hover{
    text-decoration:underline;
}
/*--------------------------------------------------
見出し項目
--------------------------------------------------*/
h2{
    color:#A82400;
    font-size:44px;
}
h3{
    background-image:url(images/h3.gif);
    background-repeat:no-repeat;
    border:1px solid #b3b3b3;
    padding-left:15px;
    padding-top:7px;
    padding-bottom:3px;
    margin-bottom:10px;
    font-size:10pt;
    color: #454545;
}

.h3_sub{
    font-size:9pt;
    color: #454545;
}
.h3_long{
    background-image:url(images/h3_long.gif);
    background-repeat:no-repeat;
    border:1px solid #b3b3b3;
    padding-left:15px;
    padding-top:7px;
    padding-bottom:3px;
    margin-bottom:10px;
    font-size:10pt;
    color: #454545;
}
.h3_big{
    background-image:url(images/h3_big.gif);
    background-repeat:no-repeat;
    border:1px solid #b3b3b3;
    padding-left:15px;
    padding-top:7px;
    padding-bottom:3px;
    margin-bottom:10px;
    font-size:13pt;
    color: #454545;
}
h4{
    background-color: #ffffff;
    border-bottom:2px solid #69CFA4;
    padding:2px 5px;
    margin-bottom:10px;
    font-size:100%;
    color: #454545;
}
h5{
    background-color:#c7eddd;
    color:#454545;
    /*
    background-color:#EEFAE6;
    border:1px solid #12925F;
    color:#454545;
    */
    padding:4px;
    margin:10px 0px;
    font-weight:bold;
    font-size:100%;
}
.h5_sub{
    font-size:9pt;
    color: #595656;
}
.h5_sub a{
    font-size:9pt;
    color: #595656;
    font-weight:normal;
    text-decoration:none;
}
.h5_sub a:hover{
    font-size:9pt;
    color: #595656;
    font-weight:normal;
    text-decoration:underline;
}
h6{
    border-bottom:2px solid #69CFA4;
    background-color:#E6E6E6;
    color:#454545;
    padding:5px;
    font-size:100%;
}
/*--------------------------------------------------
main
--------------------------------------------------*/
.main{
     position: relative;
     margin-top:-5%; /*-20%*/
     text-align: left;
     margin-left:0;
}
.main p{
     position: absolute;
     top: 43%;
     display:inline-block;
     /*left:32%;*/
}
.main img{
    display: inline-block;
    width:30%;
    max-width: 270px;
    margin-right: 5%;
}
.topimg{
    display: inline-block;
    width:30%;
    max-width: 270px;
    margin-left: 50%;
}

/*.main img{
    width:70%;
    margin-left:15%;
}*//*BU241003干場*/

.townimage{
    text-align:left;
    margin-left:5%;
}

.fadetown{
    text-align:left;
    margin-left:5%;
    width:250px;
}
/*.townimage{
    text-align:right;
    margin-right:5%
}*//*BU241003干場*/
.town{
    width:30%;
    max-width: 256px;
}
 .main_title{
    font-size: 40px;
    font-weight:700;
    }
    .kyoutyou{
    font-size:50px;
    }
    .subtitle1{
    font-size: 20px;    
    }
/*--------------------------------------------------
introduction
--------------------------------------------------*/
.logo1{
        text-align:right;
}
.logosize{
    width:35%;
}
.introduction1{
    margin:0 auto;
    text-align:center;
    margin-top:10px;
    padding-top:30px;
}

.introduction{
    margin:0 auto;
    background-color:#FFEDE5;
    padding-bottom:20px;
    text-align:center; /*241003追加*/
}
/*--------------------------------------------------
question1 BU

.circle {	
  position: relative;
  display: inline-block;
  width: 350px;
  height: 70px;
  border-radius: 50%;
  background: #FFFCE3;
}
.question1{
margin:0 auto;
text-align:center;
margin-top:20px;
}
.circle strong {
  position: absolute;
  display: inline-block;
  left: 0;
  top:50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
  color:#EF6327;
  font-size:18px;
}
.circle:hover{
    background-color:#FFDD7D
}
.question2{
margin:0 auto;
display:inline-block;
margin-left:50px;
margin-top:10px;
}
.question3{
margin:0 auto;
display:inline-block;
margin-top:10px;
}
--------------------------------------------------*/
/*--------------------------------------------------
question1
--------------------------------------------------*/
.circle {	
  position: relative;
  display: inline-block;
  width: 190px;
  height: 50px;
  border-radius: 15px;
  border: solid 4px #ffffff;
  background: #ffe5e2;/*#FFE2F3;*/
}
.question1{
margin:0 auto;
display:inline-block;
text-align:center;
margin-top:20px;
}
.circle strong {
  position: absolute;
  display: inline-block;
  left: 0;
  top:50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
  color:#67261b;/*#333F8A; ネイビー*/
  font-size:18px;
}
.circle:hover{
    background-color:#FFDD7D
}
.question2{
margin:0 auto;
display:inline-block;
text-align:center;
margin-left:15px;
margin-top:20px;
}
.question3{
margin:0 auto;
display:inline-block;
text-align:center;
margin-left:15px;
margin-top:20px;
}

.linkBtnPink{
    display: block;
    text-decoration:none;
    padding: 20px 36px;
    margin-top: 20px;
    margin-bottom:40px;
    border: none;
    background-color: #EF6327; /*青・#0268cc　橙・#F08437*/
    color:#fff;
    border-top: 1px solid; /*青・#5a91cc 橙・#CD7427*/
    border-bottom: 1px solid; /*青・#24568d 橙・#F4A460*/
    border-radius: 30px;
    border-top-color: #ffb6b6;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #ffb6b6;
}
.linkBtnPink:hover{
    /*background-color:#EF6327;*/
    color:#FFEDE5;
    text-decoration:none;
}
a.linkBtnPink{
    width: 240px;
}

.linkBtnhajimete{
    display: block;
    text-decoration:none;
    padding: 20px 36px;
    margin-top: 20px;
    margin-bottom:40px;
    border: none;
    background-color: #f06160;/*#F06400;*/ /*青・#0268cc　橙・#F08437*/
    color:#fff;
    border-top: 1px solid; /*青・#5a91cc 橙・#CD7427*/
    border-bottom: 1px solid; /*青・#24568d 橙・#F4A460*/
    border-radius: 30px;
    border-top-color: #ffb6b6;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #ffb6b6;
}
.linkBtnhajimete:hover{
    /*background-color:#EF6327;*/
    color:#FFEDE5;
    text-decoration:none;
}
a.linkBtnhajimete{
    width: 240px;
}


/*--------------------------------------------------
About
--------------------------------------------------*/
.aboutbox{
    background-color:#FFFCE3;
}
.about_icw{
    text-align:left;
    width:70%;/*45%*/
    /*margin-top:80px;*/
    margin-bottom:50px;
    font-size: 1.5em;
    line-height:150%
}

.contentsmsg{
    text-align:left;
    width:70%;
    margin-left:5%;
    font-size: 1.5em;
}

.box3{
    display:flex;
    justify-content: center;
}
.about_img{
    padding-top:-100px;
    width:40%;
}
/*--------------------------------------------------
contents
--------------------------------------------------*/
.contents{
    background-color:#FFCDCD;
}
.contents1{
    display:flex;
    justify-content: center;
}

.box1{
    background-color:#FFFCE3;
    width:335px;
    height:340px;
    padding:5px;
    padding-top:60px;
    border-radius:50px;
    border:solid 8px #FFF;
    position: relative;
}

.p1{
     /*position: absolute;
     top: 10%;
     left:3%;*/
     margin:0 auto;
     color:#EF6327;
     font-size:15pt;
}

.hajimetep1{
     /*position: absolute;
     top: 10%;
     left:3%;*/
     margin:0 auto;
     color:#67261b; /*#364e85;*/
     font-size:15pt;
}


.topmessage{
    padding-bottom:60px;
    margin-bottom: 15px;
}

.p2{
     position: absolute;
     top: 10%;
     left:23%;
     color:#9DC3E6;
     font-size:15pt;
}
.p3{
     position: absolute;
     top:10%;
     left:23%;
     color:#9DC3E6;
     font-size:15pt;
}
.p4{
     position: absolute;
     top:10%;
     left:28%;
     color:#90c0ec;
     font-size:15pt;
}
.p5{
     color:#9DC3E6;
     font-size:15pt;
}
.p6{
     color:#9DC3E6;
     font-size:15pt;
}
.img1{
    width:50%;
    position: absolute; 
    top:50%;
    right:5%
}
.finally{
    display:inline-block;
    width:95%;
    font-size: 1.5em;
    line-height: 150%;
    text-align: center;
    margin-bottom: 15px;
}
.fin{
    font-size:40px;
}

/*---------------------------------------------------*/
.photo-box7 {
  width:350px; /* 画像の幅調整 */
  margin:10px;
}
.photo-box7 .circumscribed-photo-box-hidden {
  position: relative;
}
.photo-box7 .mask {
  position: absolute;
  width: 95%;
  height: 0;
  /*padding-top: 111%; /* 画像の高さ調整をした場合は、こちらも同じ値に変更 */
  background-color:#ffe699;
  border-radius: 39px;
  left:8px;
  top:8px;
  text-align: center;
}
 
.photo-box7 .mask-text {
  position: absolute;
  padding:2%;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 1.5em;
  line-height:1.5;
  color: #A82400;
  text-align:left;
}
 
.photo-box7 .mouse-over-mask {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
 
.photo-box7:hover .mouse-over-mask {
  opacity: 1;
}

a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}

a.disabled{
    pointer-events: none;
}
*:focus {
outline: none;
}
/*--------------------------------------------------
文字の設定
--------------------------------------------------*/
.center{
    text-align:center;
}

.right{
    text-align:right;
}

.left{
    text-align:left;
}

.top{
    vertical-align:top;
}

.bold{
    font-weight:bold;
}

.red{
    color:#E74B4B;
}

.hajimetepink{
   color:#f06086; 
}

.hajimeteorange{
   color:#f06160; 
}

.hajimeteblue{
   color:#364e85; 
}

.hajimetebrown{
   color:#67261b; 
}

/*★インターンシップOPEN修正*/
.redB{
    color:red;
    font-weight:bold;
}

.orangeB{
    color:#F28D3B;
    font-weight:bold;
}

.blueB{
    color:#1F4C97;
    font-weight:bold;
}
.rinkB{
    color:blue;
    font-weight:bold;
}

.mini{
    font-size:9pt;
}
.mini2{
    font-size:8pt;
    color:#454545;
}
.big{
    font-size:11pt;
    font-weight:bold;
}

.TNtitle{
    font-weight:bold;
    margin-bottom:10px;
}

.midashi{
    background-image:url(images/point.gif);
    background-repeat:no-repeat;
    color:#69CFA4;
    font-weight:bold;
    padding-left:25px;
    height:20px;
}
.midashi_normal{
    background-image:url(images/point.gif);
    background-repeat:no-repeat;
    color:#69CFA4;
    padding-left:25px;
    height:20px;
}
.info{
    color:red;
    border:1px solid red;
}

.tdcenter{
    text-align:center;
}
/*------------------------------------------------
textareaとtextboxの幅
--------------------------------------------------*/
.selectsk{
    /*★10月OPEN修正*/
    width:200px;
    /*width:400px;*/

}
/*--------------------------------------------------
なんでも使い回し
--------------------------------------------------*/
/*回り込みの解除*/
.clear_both{
    clear:both;
}

/*コメントの背景色（黄色）*/
.comments{
    padding:5px;
    background-color: #FCFCE5;
}

.toprof{
    color:#FFFFFF;
    font-weight:normal;
    font-size:8pt;
}
.mb10{
    margin-bottom:10px;
}
.right_tateline{
    color:#666666;
    margin-left:3px;
    margin-right:3px;
}
.right_space{
    margin-right: 1px;
}

.box_ss{
    padding:8px;
    text-decoration: underline;
}
.box_ss2{
    padding:10px;
    background-color: #fdf5e6;
}
/*--------------------------------------------------
TOPページ画面左のレイアウト関連
--------------------------------------------------*/
div#topLL{
    width:335px;
    float:left;
}
div#topLR{
    width:335px;
    float:right;
}

.QRbox{
    border:1px solid #CCCCCC;
    width:60px;
}

/*--------------------------------------------------
TOPページ画面右のレイアウト関連
--------------------------------------------------*/
div#topLogin{
    border:1px solid #CCCCCC;
    background-color:#EFEFEF;
    padding:7px;
    margin-bottom:10px;
}

div#newmember{
    margin:10px;
}

.topNavi{
    border:1px solid #CCCCCC;
    border-top:3px solid #69CFA4;
    background-image:url(images/topNavi.gif);
    background-repeat:no-repeat;
    padding:7px;
    margin-bottom:10px
}

.topNavi p{
    margin-bottom:3px;
}

.point{
    background-image:url(images/point.gif);
    background-repeat:no-repeat;
    padding-top:2px;
    padding-left:20px;
}
.point a{
    text-decoration:none;
    color:454545;
}
.point a:hover{
    text-decoration:underline;
}

/*------------------------------------------------
登録関連
--------------------------------------------------*/
.bg_err{
    /*background-color:#FFE1FF;*/
    background-color:#FFF0F5;
}

.f_err{
    color:red;
    font-weight:bold;
}

.regi_err{
    border:3px solid red;
    padding:5px;
}


div#kiyaku1{
    font-size:80%;
    padding:10px;
}

/*------------------------------------------------
お役立ち情報　就活カレンダー
--------------------------------------------------*/
#u_calt{
    background:#000000 url(images/cal.gif) no-repeat;
    height:240px;
}

#u_cal{
    height:240px;
    width:100%;
}

#u_cal ul{
    list-style:none;
    text-align:center;
    text-indent:-9999px;
}

#u_cal li, #u_cal a{
    display:block;
    text-decoration:none;
    background:#ffffff url(images/cal.gif) no-repeat;
    height:240px;
    float:left;
}

#u_cal2{
    height:240px;
    width:100%;
}

#u_cal2 ul{
    list-style:none;
    text-align:center;
    text-indent:-9999px;
}

#u_cal2 li, #u_cal2 a{
    display:block;
    text-decoration:none;
    background:#ffffff url(images/cal_2.gif) no-repeat;
    height:240px;
    float:left;
}

#cal_1,#cal_1_now{width:39px;}
#cal_1 a{ width:39px; background-position: 0px 0px;}
#cal_1_now a,#cal_1 a:hover{ width:39px; background-position: 0px -240px;}

#cal_2,#cal_2_now{width:39px;}
#cal_2 a{ width:39px; background-position: -39px -0px;}
#cal_2_now a,#cal_2 a:hover{ width:39px; background-position: -39px -240px;}

#cal_3,#cal_3_now{width:39px;}
#cal_3 a{width:39px;background-position: -78px 0px;}
#cal_3_now a,#cal_3 a:hover{ width:39px; background-position: -78px -240px;}


#cal_4,#cal_4_now{width:39px;}
#cal_4 a{ width:39px; background-position: -117px 0px;}
#cal_4_now a,#cal_4 a:hover{ width:39px; background-position: -117px -240px;}

#cal_5,#cal_5_now{width:39px;}
#cal_5 a{ width:39px; background-position: -156px 0px;}
#cal_5_now a,#cal_5 a:hover{ width:39px; background-position: -156px -240px;}

#cal_6,#cal_6_now{width:39px;}
#cal_6 a{width:39px; background-position: -195px 0px;}
#cal_6_now a,#cal_6 a:hover{ width:39px; background-position: -195px -240px;}

#cal_7,#cal_7_now{width:39px;}
#cal_7 a{width:39px; background-position: -234px 0px;}
#cal_7_now a,#cal_7 a:hover{ width:39px; background-position: -234px -240px;}

#cal_8,#cal_8_now{width:39px;}
#cal_8 a{width:39px; background-position: -273px 0px;}
#cal_8_now a,#cal_8 a:hover{ width:39px; background-position: -273px -240px;}

#cal_9,#cal_9_now{width:39px;}
#cal_9 a{width:39px; background-position: -312px 0px;}
#cal_9_now a,#cal_9 a:hover{ width:39px; background-position: -312px -240px;}

#cal_10,#cal_10_now{width:39px;}
#cal_10 a{width:39px; background-position: -351px 0px;}
#cal_10_now a,#cal_10 a:hover{ width:39px; background-position: -351px -240px;}

#cal_11,#cal_11_now{width:39px;}
#cal_11 a{width:39px; background-position: -390px 0px;}
#cal_11_now a,#cal_11 a:hover{ width:39px; background-position: -390px -240px;}

#cal_12,#cal_12_now{width:39px;}
#cal_12 a{width:39px; background-position: -429px 0px;}
#cal_12_now a,#cal_12 a:hover{ width:39px; background-position: -429px -240px;}

#cal_13,#cal_13_now{width:39px;}
#cal_13 a{width:39px; background-position: -468px 0px;}
#cal_13_now a,#cal_13 a:hover{ width:39px; background-position: -468px -240px;}

#cal_14,#cal_14_now{width:39px;}
#cal_14 a{width:39px; background-position: -507px 0px;}
#cal_14_now a,#cal_14 a:hover{ width:39px; background-position: -507px -240px;}

#cal_15,#cal_15_now{width:39px;}
#cal_15 a{width:39px; background-position: -546px 0px;}
#cal_15_now a,#cal_15 a:hover{ width:39px; background-position: -546px -240px;}

#u_cal2{
    height:240px;
    width:100%;
}

#u_cal2 ul{
    list-style:none;
    text-align:center;
    text-indent:-9999px;
}

#u_cal2 li, #u_cal2 a{
    display:block;
    text-decoration:none;
    background:#ffffff url(images/cal_2.gif) no-repeat;
    height:240px;
    float:left;
}

#cal2_10,#cal2_10_now{width:40px;}
#cal2_10 a{ width:40px; background-position: 0px 0px;}
#cal2_10_now a,#cal2_10 a:hover{ width:40px; background-position: 0px -240px;}

#cal2_11,#cal2_11_now{width:39px;}
#cal2_11 a{ width:39px; background-position: -40px -0px;}
#cal2_11_now a,#cal2_11 a:hover{ width:39px; background-position: -40px -240px;}

#cal2_12,#cal2_12_now{width:38px;}
#cal2_12 a{width:38px;background-position: -79px 0px;}
#cal2_12_now a,#cal2_12 a:hover{ width:38px; background-position: -79px -240px;}

#cal2_13,#cal2_13_now{width:39px;}
#cal2_13 a{ width:39px; background-position: -117px 0px;}
#cal2_13_now a,#cal2_13 a:hover{ width:39px; background-position: -117px -240px;}


#cal2_14,#cal2_14_now{width:38px;}
#cal2_14 a{ width:38px; background-position: -156px 0px;}
#cal2_14_now a,#cal2_14 a:hover{ width:38px; background-position: -156px -240px;}

#cal2_15,#cal2_15_now{width:38px;}
#cal2_15 a{width:38px; background-position: -194px 0px;}
#cal2_15_now a,#cal2_15 a:hover{ width:38px; background-position: -194px -240px;}

#cal2_16,#cal2_16_now{width:38px;}
#cal2_16 a{width:38px; background-position: -233px 0px;}
#cal2_16_now a,#cal2_16 a:hover{ width:38px; background-position: -233px -240px;}

#cal2_17,#cal2_17_now{width:38px;}
#cal2_17 a{width:38px; background-position: -271px 0px;}
#cal2_17_now a,#cal2_17 a:hover{ width:38px; background-position: -271px -240px;}

#cal2_18,#cal2_18_now{width:38px;}
#cal2_18 a{width:38px; background-position: -310px 0px;}
#cal2_18_now a,#cal2_18 a:hover{ width:38px; background-position: -310px -240px;}

#cal2_19,#cal2_19_now{width:39px;}
#cal2_19 a{width:39px; background-position: -348px 0px;}
#cal2_19_now a,#cal2_19 a:hover{ width:39px; background-position: -348px -240px;}

#cal2_20,#cal2_20_now{width:39px;}
#cal2_20 a{width:39px; background-position: -387px 0px;}
#cal2_20_now a,#cal2_20 a:hover{ width:39px; background-position: -387px -240px;}

#cal2_21,#cal2_21_now{width:39px;}
#cal2_21 a{width:39px; background-position: -426px 0px;}
#cal2_21_now a,#cal2_21 a:hover{ width:39px; background-position: -426px -240px;}

#cal2_22,#cal2_22_now{width:39px;}
#cal2_22 a{width:39px; background-position: -465px 0px;}
#cal2_22_now a,#cal2_22 a:hover{ width:39px; background-position: -465px -240px;}

#cal2_23,#cal2_23_now{width:38px;}
#cal2_23 a{width:38px; background-position: -504px 0px;}
#cal2_23_now a,#cal2_23 a:hover{ width:38px; background-position: -504px -240px;}

#cal2_24,#cal2_24_now{width:39px;}
#cal2_24 a{width:39px; background-position: -542px 0px;}
#cal2_24_now a,#cal2_24 a:hover{ width:39px; background-position: -542px -240px;}

#cal2_25,#cal2_25_now{width:39px;}
#cal2_25 a{width:39px; background-position: -542px 0px;}
#cal2_25_now a,#cal2_25 a:hover{ width:39px; background-position: -542px -240px;}

/*------------------------------------------------
検索関連
--------------------------------------------------*/
.search_rBox{
    border-bottom:1px dotted #CCCCCC;
    margin-bottom:10px;
    padding-bottom:5px;
}

.corpname{
    color:EB6100;
    font-weight:bold;
}

.hide{
    display:none;
}

.preflist li{
    list-style-type:none;
}
/*------------------------------------------------
フォーラム関連
--------------------------------------------------*/
.font_evjndt{
    margin-bottom:3px;
}
.font_status2{
    font-size:8pt;
    color:#EB6100;
}
.font_place{
    font-size:8pt;
    color:#666666;
    font-weight: normal;
}
.h3_nittei{
    font-size:9pt;
    color:#EB6100;
}
.h3_place{
    font-size:9pt;
    color: #5B4524;
    font-weight:normal;
}
div#frenraku{
    width:100%;
    clear:both;
}
.f_boxl{
    float:left;
    width:35%;
}
.f_boxr{
    float:right;
    width:62%;
}
.caution2{
    color:#FFFFFF;
    font-weight:bold;
    padding:3px;
    margin:10px 0px;
    background-color:red;
}
.faction{
    background-color:#E4007F;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}

.faction2{
    background-color:#F9A928;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
#iconF li{
    list-style-type: none;
    margin:2px 0px;
}
.faction{
    background-color:#E4007F;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}

.faction2{
    background-color:#F9A928;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}

.tekisei{
    background-color:#1E90FF;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
.tansen{
    background-color:#9400D3;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
.ryugaku{
    background-color:#008000;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
.virt{
    background-color:#9400D3;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
.smv{
    background-color:#69CFA4;
    color:#FFFFFF;
    padding:2px 3px;
    line-height: 1.5em; 
}
/*------------------------------------------------
フォーラム使用
--------------------------------------------------*/
div#Lforum{
    border:solid 1px #d9d9d9;
    margin:10px 0px 10px 0px;
    background-image:url(http://www3.ibac.co.jp/picture/2017/top/forum_back.gif);
    background-repeat:no-repeat;
    padding:73px 0px 5px 7px;
    min-height:40px;
}
div#Lforum p{
    padding:0px;
    margin:0px;
    line-height: 1.5;
}
/*------------------------------------------------
バーチャル使用
--------------------------------------------------*/
div#Lvs{
    border:solid 1px #d9d9d9;
    margin:10px 0px 10px 0px;
    background-image:url(http://www3.ibac.co.jp/picture/2017/top/vs_back.gif);
    background-repeat:no-repeat;
    padding:30px 0px 5px 5px;
    min-height:40px;
}
div#Lvs p{
    padding:0px;
    margin:0px;
    line-height: 1.2;
}
/*------------------------------------------------
Career Fair使用
--------------------------------------------------*/
.weekly{
    border:solid 0px #F9A928;
    background-color:#EAF2FE;
    padding:7px;
    color:#696969;
}
.orangeB2{
    color:#595656;
    font-weight:bold;
}

/*------------------------------------------------
複数リンク先ありのバナー用
--------------------------------------------------*/
.b_box{
    width:408px;
    background-color:#FCFCE5;
    padding:1px;
}
.b_box_forum{
    width:400px;
    background-color:#FCFCE5;
    padding:5px;
}
/*------------------------------------------------
Ustream使用
--------------------------------------------------*/
/*2会場用*/
div#Lsust{
    border:solid 1px #d9d9d9;
    margin:10px 0px 0px 0px;
    background-image:url(./images/Lsust_back.gif);
    background-repeat:no-repeat;
    padding:30px 0px 5px 5px;
    min-height:40px;
}

div#Lsust p{
    padding:0px;
    margin:0px;
    line-height: 1.2;
}
div.rec{
    text-align:right;
    margin-top:5px;
}
/*------------------------------------------------
キャリアセミナー使用
--------------------------------------------------*/
div#Lcs{
    border:solid 1px #d9d9d9;
    margin:10px 0px 10px 0px;
    background-image:url(./images/Lcs_back.gif);
    background-repeat:no-repeat;
    padding:30px 0px 5px 5px;
    min-height:40px;
}

div#Lcs p{
    padding:0px;
    margin:0px;
    line-height: 1.2;
}
/*------------------------------------------------
創造的就職活動セミナー使用
--------------------------------------------------*/
div#Lss{
    border:solid 0px #d9d9d9;
    margin:10px 0px 0px 0px;
    background-image:url(./images/Lss_back.gif);
    background-repeat:no-repeat;
    padding:43px 0px 5px 5px;
    min-height:40px;
}

div#Lss p{
    padding:0px;
    margin:0px;
    line-height: 1.2;
}

/*------------------------------------------------
富山市企業体験会使用
--------------------------------------------------*/
div#Lsty{
    border:solid 1px #d9d9d9;
    margin:10px 0px 0px 0px;
    background-image:url(./images/Lsty_back.gif);
    background-repeat:no-repeat;
    padding:45px 0px 5px 140px;
    min-height:40px;
}

div#Lsty p{
    padding:0px;
    margin:0px;
    line-height: 1.2;
}

/*------------------------------------------------
TOPの検索関連
--------------------------------------------------*/
div#Lsearch{
    width:100%;
}

div#Lquichsearch{
    width:200px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

div#Lmysearch{
    width:335px;
    float:right;
    margin-bottom:10px;
}
/*------------------------------------------------
休日等のご案内
--------------------------------------------------*/
div.info_r{ /*休日等のご案内（赤）*/
    /*border:1px solid orchid;*/
    padding: 7px;
    margin-bottom:10px;
    font-size:9pt;
    background: #FCFCE5;
}
div.info_b{ /*休日等のご案内（黒）*/
    border:1px dotted #000000;
    color:#000000;
    padding: 5px;
    margin-bottom:10px;
    font-size:8pt;
}
/*------------------------------------------------
INFORMATION
--------------------------------------------------*/
div#ScrollBox {
    overflow:auto;
    height:100px;
}

.sslnews{
    font-size:9pt;
    margin-bottom:10px;
}

div#ScrollBoxEV {
    overflow:auto;
    height:50px;
}

.news_topics{
    margin-bottom:5px;
}
/*------------------------------------------------
USTREAM
--------------------------------------------------*/
div#ustLL{
    width:385px;
    float:left;
}
div#ustLR{
    width:195px;
    float:right;
}

/*------------------------------------------------
名古屋個別相談会
--------------------------------------------------*/
div#Fks{
    border-right:solid 1px #d9d9d9;
    margin:10px 0px 10px 0px;
    background-image:url(./images/FKSG.gif);
    background-repeat:no-repeat;
    padding:38px 0px 5px 10px;
}
div#Ust{
    border-right:solid 1px #d9d9d9;
    margin:10px 0px 10px 0px;/*[上][右][下][左]*/
    background-image:url(/picture/2017/top/ibacust-icon.gif);
    background-repeat:no-repeat;
    padding:38px 0px 5px 65px;/*[上][右][下][左]*/
}

/*------------------------------------------------
エリア情報
--------------------------------------------------*/
div.areakj{
    padding-left:30px;
    padding-bottom: 10px;
    line-height: 140%;
}
div.areawrap{
    margin-bottom: 10px;
}
div.areasmall_wrap{
    margin-top: 5px;
    padding-left: 15px;
}

/*------------------------------------------------
検索 選択アイテム表示
--------------------------------------------------*/
#searchItemDisplay{
    background: #efefef;
}
#selectedItemMatching01, #selectedItemMatching02, #selectedItemMatching03, #selectedItemMatching04, #selectedItemMatching05, #selectedItemSemiKisiKbn 
,#selectedItemIndustry ,#selectedItemJob ,#selectedItemKinmu, #selectedItemHonsya, #selectedItemgakka
{    
    color:#000000;  
}
.checkbox_smct{
    color:#000000;
}
#searchItem{
    display: none;
}
#searchItem input[type="submit"]{
	width: 230px;	/*ボタン幅*/
	padding: 7px;	/*ボタン内の余白*/
        margin: 10px 0px 10px 0px;
	border-radius: 2px;	/*角丸のサイズ*/
	background-color: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e5e5e5);	/*同上*/
	background-image: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	font-size: 14px;	/*文字サイズ*/
	letter-spacing: 0.1em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}
.selectbox{
    margin-bottom: 1px;
}
#search_wrapper{
    width:100%;
}
.searchL{
	width:260px;
	float:left;
}
.searchLR{
	width:450px;
	float:right;
}

/*------------------------------------------------
初めての方ページトップのアニメーション
--------------------------------------------------*/
.logo_fadein{
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}
.logo_fade {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	z-index: 9999;
	width: 100%;
        text-align: center;
}

.logo_fade img{
	position: relative;
	display: inline-block;
        max-width: 60%;
       /* margin-left: 5%;*/
}
.logo_fade p{
	position: absolute;
	display: inline-block;
        text-align: left;
}

.kakoi{
    width:55%;
    margin: auto;
}

.fademain{
     position: relative;
     margin-top:-20%;
}

.fademain img{
     margin-right:-300px;
     width:300px;
}

.fademain p{
     position: absolute;
     top: 55%;
     left:10%;
}

@media screen and (max-width: 1400px){
 .question1{
      margin:0 auto;
      margin-top:20px;
 }
 .question2{
      margin:0 auto;
      margin-top:10px;
 }
 .question3{
      margin:0 auto;
      margin-top:10px;
 }
 .introduction{
     text-align:center;
 }
.fin{
    font-size:25px;
}
.photo-box7{
    text-align:center;
    margin:0 auto;
    margin-top:20px;
}

.kakoi{
    width:783px;
    margin: auto;
}


}
@media screen and (max-width: 680px){
    .about_img{
        padding-top:-100px;
        width:40%;
        height:200%;
    }
    .about_icw{
        /*margin:0 auto;
        margin-top:20px;*/
        margin-bottom:50px;
    }
    
    .contentsmsg{
        margin:0 auto;
        margin-top:20px;
        margin-bottom:50px;
        width:100%;
        text-align: center;
    }
    
    .contents1{
    margin:0 auto;
    display:block;
}
.main p{
     position: absolute;
     top: 40%;
     left:5%; /*28%;*/
     width:60%;
}


.kakoi{
    width:400px;
    margin: auto;
}


.fademain{
     position: relative;
     margin-top:-28%;
}

.fademain img{
     margin-right:-30px;
     margin-top:240px;
     width:400px;
}

.fademain p{
     position: absolute;
     top: 90px;
}
.fadetown{
    text-align:left;
    margin-left:5%;
    width:120px;
}

/*.main img{
    width:76%;
    margin-left:12%;
}*//*241003BU*/

.topimg{
    display: inline-block;
    width:40%;
    max-width: 270px;
    margin-left: 60%;
}

    .main_title{
    font-size: 28px;
    line-height:22px;
    font-weight:700;
    }
    .kyoutyou{
    font-size:30px;
    }
    .subtitle1{
    font-size: 15px;
    font-weight:bold;
    width:90%;
    }
    
    .logo_fade p{
	font-size: 20px;
    }
    .logo_fade img{
	position: relative;
        max-width: 100%;
}
.logo_fade{
     text-align: right;
     
}

.fadetown{
    margin-top: 50px;
    
    
    
}

}
@media screen and (max-width: 400px){
    .main_title{
    font-size: 20px;
    line-height:22px;
    font-weight:700;
    }
    .kyoutyou{
    font-size:25px;
    }
    .subtitle1{
    font-size: 8px;    
    }
}