@charset "Shift_JIS";

       

/*****イベントと募集ページ共通*****/


/*メインの設定等ときり離す←<div id="hpb-main">*/

.change_main{
    max-width: 700px;
    float: left;
    text-align: left;
    margin: 0 auto;
}

/*-----タイトル下からの大枠-----*/

#service{
    margin: 15px 15px 80px;
}

/*・を消す*/
ul{
    list-style: none;
    padding-left: 0;
}

li {
    list-style: none;
}

p{
    margin-bottom: 0rem;
    margin-top: 0rem;
    color: #333333; 
    letter-spacing: 0.1em;
    font-size: 16px;
}

/*****単独微調整asidepageの会社欄****/
#companyinfo p{
    font-size: 1.1em;
    margin-right: 15px;
}

#companyinfo img{
    margin-bottom: 10px;
}
.address{
    font-size:75%;
}

/*　↑↑↑単独微調整sidepageの会社欄とheaderP　↑↑↑*/

/*****青帯の幅を広げる****/
/*.hpb-layoutset-02 h2{
    width: 100%;
}
*/

/*ページの説明*/
.annai p{
    margin: 0 0 5px 0;
    font-size: 1.3em;
}

.annai_text{
    padding-bottom: 5px;
}

p.bigsize_red{
    font-weight: bold;
    text-align: left;
    color: red;
    margin:15px 0;
    font-size: 18px;

}

/****文字太文字グラデーション****/

.gradienttext {
  font-size: 1.3em;
  font-weight:700;
  background: linear-gradient(90deg, #7c3aed, #ff0000, #ff6a00);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}






/*h4 タイトル装飾 左縦線アンダードット
.list_title{
    padding-left: 5px;
    margin: 50px 0 30px;
    font-weight: bold;
    border-left:10px solid #51Ac9a;
}

.list_title h4{
    font-size: 2.4em;
    font-weight: bold;
    border-bottom: lightslategray dotted 2px;
}
*/

/*****個別タイトルを調整****/
h5{
    background-image: none;
    padding: 0px;
    font-size: 1.3em;
}

/*表*/
.table_common{
    width: 100%;
}

.table_common{
    vertical-align: top;
}

.table_common th{
    padding: 10px 5px;
    box-sizing: border-box;
    border: yellowgreen solid 1px;
    background-color: #efefef;
    vertical-align: top;
}

.table_common td{
    box-sizing: border-box;
    padding: 10px 5px;
    border: yellowgreen solid 1px;       
}

.table_common{
    font-size: 1.2em;
}
  

/********************************
予備自衛官ページの表調整 文字色変
*********************************/


.table_yobi{
width:100%;
font-size:1.3em;
line-height:1.8;
color:#333333
}

.table_yobi th{
width:25%;
}

.table_yobi img{
max-height:250px;
width:auto;
}

.table_yobi p{
margin-bottom: 0.5em;
}

.hpb-layoutset-02 #hpb-wrapper h3 {
font-size:1.6em;
}

/************************
 調達ページの調整
*************************/

#choutatu_change h4{
margin-top:20px;
font-size:1.7em;
}

#choutatu_change table{
font-size:1.2em;
width:100%;
}

td.width01{
width:45%;
}

td.width02{
width:30%;
}

td.width03{
width:25%;
}

#choutatu_attention ul{
display:flex;
justify-content: center;
}

li.width04{
width:30%;

}

#choutatu_attention ul li{
background-image: none;
border-bottom-style: none;
padding: 5px;
}

#choutatu_attention a{
text-decoration: none;
color:white;
}

#choutatu_attention p{
font-weight: 700; /* 太字 */
color: white;
text-align: center;
background-color:red;
padding:5px;
font-size:0.5em;
border-radius: 15px;
cursor: pointer;
}

/*項目の色*/
.td_change{
background-color: aqua;
font-size:1.2em;
}

/*項目の幅*/
.td10{
padding:10px;
text-align: center;
font-size:1.1em;
}

.tdleft{
text-align: left;
padding:10px;
font-size:1.1em;
}
.notice td{
padding:10px;
}


/************************
 企業主の皆様へ
classが効かないためidで指示
*************************/

.map_syoukai{
margin:45px 0;
text-align: center;
}

#retirement a{
font-size:1.3em;
}

#retirement1 a{
font-size:1.3em;
}

#retirement1 ul li{
padding:15px 0 15px 25px;
background-position:5px 20px;
} 

#retirement ul li{
padding:15px 0 15px 25px;
background-position:5px 20px;
}
 
#retirement{
margin-top:1em;
}


/*PDFアイコンをテキスト後ろにつける*/
.aftericon::after{
  content: '';
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: url(../images/forall/icon_pdf.png);
  background-size: contain;
  vertical-align: bottom /*middle*/;
}

.annai_space{
padding:10px;
}

#engo{
    margin-top: 20px;
    font-size: 1.5em;
}

#sosiki{
    margin-top: 20px;
    font-size: 1.5em;
}

#yotei{
    margin-top: 20px;
    font-size: 1.5em;
}

#syoukai{
    margin-top: 20px;
    font-size: 1.5em;
}

.engoiro{
        color: #1F939f;
	line-height: 1.3;
}



/*------spサイズ設定(元々設定のもの）-----*/

        /*MENU表示の調整*/
    @media screen and (max-width: 568px){
        #hpb-nav h3.hpb-c-index {
            text-indent: 0;
            text-align: left;
            padding-left: 30px;
            width: 100%;
            font-size: 2em;
            line-height: 0.9;
        } 
    
    /*スマホのとき画像消すお試し*/
        .sp-none{
            display: none;
        }

/*予備自衛官ページの調整
.table_yobi{
font-size:1.2em;
}
*/

.table_yobi th{
width:30%;
}


.table_yobi img{
max-height:150px;
width:auto;
}

}
    /*PC設定を調整*/

    @media screen and (min-width: 568px){
        .pc-none{
               display: none;
           }
    /*個別タイトル名*/
        h5{
                font-size:1.4em;
            } 

/*調達の入札項目幅調整
td.width01{
width:50%;
}

td.width02{
width:25%;
}
*/
#choutatu_change table{
font-size:1.3em;
}

/*調達赤枠文字*/
#choutatu_attention p{
font-size:1em;
}

/*企業の皆様箇条ボタンの位置調整2行にする場合用*/

#retirement ul li{
background-position:5px 30px;
}