@charset "utf-8";

/* for all
---------------------------------------------------------------------------- */

/* @import "reset.css"; import廃止→cssを下記に展開 2022.03 kanda */
/* @import "modules.css"; import廃止→cssを下記に展開 2022.03 kanda */
/* @import "base.css"; import廃止→cssを下記に展開 2022.03 kanda */
/* @import "responsive.css"; import廃止→cssを下記に展開 2022.03 kanda */
/* @import "../cf/css/style_p_ex.css"; import廃止→cssを下記に展開 2022.03 kanda */
/* @import "../cf/css/style_p_ex_add.css"; import廃止→cssを下記に展開 2022.03 kanda */

/* 20220311 本番環境からインポート先のCSS内容持ってきて作り直し　kanda */

/*========================================================
reset.css
========================================================*/

html {
	overflow-y: scroll;
}

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,caption,cite,code,dfn,var {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

img { 
	border: 0; 
	vertical-align: bottom;
}

a:hover img,
p input:hover,
.categoryList ul li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

fieldset { border: 0; }

hr { display: none; }

ol, ul { list-style: none; } 

li { width: 100%; }

q:before, q:after { content: ''; } 

abbr, acronym { border: 0; }

em { font-style: normal; }

/* text-decoration */

.R {
	text-align: right;
}

.L {
	text-align: left;
}

.C {
	text-align: center;
}

.B {
	font-weight: bold;
}

.red {
	color: #cc0032;
}

.gray {
	color: #666;
}

.small {
	font-size: 80%;
}

.middle {
	font-size: 90%;
}

.middle2 {
	font-size: 110%;
}

.big {
	font-size: 120%;
}

.big2 {
	font-size: 130%;
}
/* other */

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.imgR {
	float: right;
    margin: 0 0 10px 10px;
}

.imgL {
	float: left;
    margin: 0 10px 10px 0;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.f-clear {
	clear: both;
}

.clearfix:after {
  font-size: 1px;
  content: ".";
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
	zoom: 1;
} 

/*========================================================
modules.css
========================================================*/

/* # offscreen
---------------------------------------------------------------------------- */

.offscreen {
	text-indent: -9999em;
	position: absolute;
	overflow: hidden;
}


/* # float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; }


/* # float
---------------------------------------------------------------------------- */

.floatLeft  { float:left; }
.floatRight { float:right; }


/* # align
---------------------------------------------------------------------------- */

.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }


/* # valign
---------------------------------------------------------------------------- */

.valignBaseline { vertical-align: baseline; }


/* # rollover
---------------------------------------------------------------------------- */

.imgover {}


/* # font color
---------------------------------------------------------------------------- */

.attention { 
	color: #f00; 
}

.required { 
	color: #f66; 
}


/* # font size
---------------------------------------------------------------------------- */

.smallText { font-size: 83%; }


/* # last list 
---------------------------------------------------------------------------- */

.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}


/* # clearfix 
---------------------------------------------------------------------------- */

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}



/*========================================================
base.css
========================================================*/

// @font-face {
  //     font-family: "Hiragino Kaku Gothic ProN";
  //     src: url(../font/hiragino-kaku-gothic-pron-w3.otf);
  // }
  
  /* Table Of Contents
  ----------------------------------------
  
  # General Elements
  # body
  # layout
  # header
  # gNav
  # method
  # pageBody
  # content
  # sidebar
  # footer
  # common classes
  # clearfix
  
  ----------------------------------------*/
  
  
  /* # General Elements
  ---------------------------------------------------------------------------- */
  
  a {
      color: #009;
      outline: none;
      text-decoration: none;
  }
  
  a:hover {
      text-decoration: underline;
  }
  
  #pageTop {
      margin: 0 auto;
      width: 960px;
      text-align: right;
  }
  
  #pageTop a {
      background: url(../images/bg_pagetop.gif) no-repeat 0 0;
      color: #fff;
      display: inline-block;
      height: 29px;
      padding: 10px 0 0 41px;
      text-align: left;
      width: 130px;
  }
  
  
  /* # body
  ---------------------------------------------------------------------------- */
  
  body {
      background-color: #fff;
      color: #333;
      font-size: 75%;
      font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
      line-height: 1.5;
  }
  
  
  /* # header
  ---------------------------------------------------------------------------- */
  
  #header {
      background: #fffffe url(../images/bg_header.gif) repeat-x left bottom;
      padding-bottom: 7px;
  }
  
  #headerInner {
      margin: 0 auto;
      position: relative;
      width: 960px;
  }
  
  #header p#description {
      position: absolute;
      top:0px;
      left:0px
  }
  
  #header .hSection {
      display: inline;
      float: left;
      padding: 5px 0 0 0;
      width: 295px;
  }
  
  #header .hNav {
      display: inline;
      float: right;
      padding: 34px 0 0;
      text-align: right;
      width: 720px;
  }
  
  #header .hNavLogin {
      padding:0;
  }
  
  #header .hNav li ,.en-page{
      background: url(../images/ico_arrow01.gif) no-repeat left center;
      display: inline;
      margin-left: 10px;
      padding: 0 0 0 11px;
      width: auto;
  }
  
  header#header section#headerInner div#authentication {
      float: right;
      text-align:right;
      padding-bottom: 5px;
  }
  
  /* # gNav
  ---------------------------------------------------------------------------- */
  ol, ul {
      list-style: outside none none;
  }
  
  nav#gNav ul {
    display: block;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }
  
  nav#gNav ul li {
    display: inline-block;
    list-style: none;
  }
  
  nav#gNav {
    vertical-align: middle;
    margin: 0px;
    border-bottom: 1px solid #480000;
    /* Firefox v3.6+ */
    background-image: -moz-linear-gradient(50% 0% -90deg, #660000 0%, #400000 100%);
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image: -webkit-gradient(linear, 50% 0%, 50% 117%, color-stop(0, #660000), color-stop(1, #400000));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image: -webkit-linear-gradient(-90deg, #660000 0%, #400000 100%);
    /* Opera v11.10+ */
    background-image: -o-linear-gradient(-90deg, #660000 0%, #400000 100%);
    /* IE v10+ */
    background-image: -ms-linear-gradient(-90deg, #660000 0%, #400000 100%);
    background-image: linear-gradient(180deg, #660000 0%, #400000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff660000,endColorstr=#ff400000,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff660000,endColorstr=#ff400000,GradientType=0);
  }
  
  
  nav#gNav ul li {
    margin-top: 8px;
    margin-bottom: 7px;
  }
  
  nav#gNav ul li a {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    margin-right: 15px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    color: white;
    font-size: 1.3em !important;
    text-decoration: none;
    font-weight: bold;
  }
  
  nav#gNav ul li a.active {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  
  nav#gNav ul li a:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  
  nav#gNav ul li a {
    background-image: url(../images/common/li-header_globalnav.png);
  }
  
  nav#gNav ul li a:hover, nav#gNav ul li a.active {
    background-color: #801a1a;
  }
  
  nav#gNav ul li#gNav01 {
    width: 180px;
  }
  
  nav#gNav ul li#gNav02 {
    width: 190px;
  }
  
  nav#gNav ul li#gNav03 {
    width: 140px;
  }
  
  nav#gNav ul li#gNav04 {
    width: 160px;
  }
  
  nav#gNav ul li#gNav05 {
    width: 250px;
  }
  /* # pageBody
  ---------------------------------------------------------------------------- */
  
  #pageBody div.method p{
      font-size: 12px;
      font-weight: bold;
      margin-top:8px;
      margin-bottom: 5px;
      /*WEB_TEAM-324  suzuki 20220802 */
  }

  #pageBody div.method p a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #5c5c5e;
    /* WEB_TEAM-218 suzuki 20220705 */
  }
  
  /* # pageBody
  ---------------------------------------------------------------------------- */
  
  #pageBody {
      background-color:#f6f6fb;
  }
  
  #pageBodyInner {
      margin: 0 auto;
      padding: 10px 0 10px;
      width: 960px;
  }
  
  #content {
      float: left;
      width: 706px;
  }
  
  
  /* # sidebar
  ---------------------------------------------------------------------------- */
  
  
  #sidebar,
  #sidebar-second {
      float: right;
      width: 235px;
  }
  
  #sidebar ul.listButton li,
  #sidebar-second ul.listButton li {
      padding-bottom: 10px;
  }
  
  #sidebar div.box,
  #sidebar-second div.box {
      border: 1px solid #999;
      margin-bottom: 10px;
      padding: 1px;
      width: 230px;
  }
  #sidebar div.box h2,
  #sidebar-second div.box h2 {
      padding: 5px 0px 3px 0px;
      text-align: center;
      color: #ffffff;
      font-size: 1.3em;
      font-weight: bold;
  }
  
  #sidebar .box-sidebar .news a img {
    width: 100%;
    margin-bottom: 10px;
  }
  #sidebar .sp-display {
    display: none;
  }
  #sidebar .regist-button-tiger {
    margin-top: 10px;
  }
  #sidebar .regist-button-tiger-top {
    margin-top: 0;
  }
  #sidebar .regist-button-tiger img {
    width: 100%;
  }

  .searchBox {
      background: #673f2e;
  }
  
  @media screen and (max-width: 750px){
    #sidebar .pc-display {
      display: none;
    }
    #sidebar .sp-display {
      display: block;
    }
    .searchBox {
        background: #673f2e !important;
    }
  }
  
  .categoryBox {
      background: #943b17;
  }
  .smallh2 {
      font-size: 12px;
  }
  #sidebar div.box div.boxInner,
  #sidebar-second div.box div.boxInner {
      padding: 15px 18px 14px 16px;
      background-color:#fff;
  }
  
  #sidebar div.box div.boxInner02,
  #sidebar-second div.box div.boxInner02 {
      padding: 15px 18px 14px 16px;
      background-color:#fff;
  }
  
  #sidebar div.box div.boxInner span,
  #sidebar-second div.box div.boxInner span {
      float: right;
  }
  
  #sidebar div.box div.news,
  #sidebar-second div.box div.news {
      padding: 0 6px 8px;
  }
  
  #sidebar div.box div.news p.date,
  #sidebar-second div.box div.news p.date {
      padding: 7px 0 3px;
      font-size: 90%;
      text-align: right;
  }
  
  #sidebar div.box div.news p.more,
  #sidebar-second div.box div.news p.more {
      text-align: right;
  }
  
  #sidebar div.box div.news ul li,
  #sidebar-second div.box div.news ul li {
      background: url(../images/bg_dot01.gif) repeat-x left bottom;
      margin-bottom: 0px;
      padding-bottom: 14px;
  }
  
  #sidebar div.box div.news ul li p,
  #sidebar-second div.box div.news ul li p {
      padding-left: 6px;
      text-indent: 0;
  }
  
  #sidebar div.block,
  #sidebar-second div.block {
      background: url(../images/bg_block_top.gif) no-repeat left top;
      margin-bottom: 10px;
      padding-top: 7px;
  }
  
  #sidebar div.blockInner,
  #sidebar-second div.blockInner {
      background: url(../images/bg_block_bottom.gif) no-repeat left bottom;
      padding: 3px 8px 10px 8px;
  }
  
  #sidebar div.blockInner div.email,
  #sidebar-second div.blockInner div.email {
      background: url(../images/bg_mail_top.gif) no-repeat left top;
      padding-top: 4px;
  }
  
  #sidebar div.blockInner div.emailInner,
  #sidebar-second div.blockInner div.emailInner {
      background: url(../images/bg_mail_bottom.gif) no-repeat left bottom;
      padding: 0 8px 10px 8px;
  }
  
  #sidebar div.blockInner div.emailInner div,
  #sidebar-second div.blockInner div.emailInner div {
      padding-bottom: 4px;
  }
  
  #sidebar div.blockInner div.emailInner div p.image,
  #sidebar-second div.blockInner div.emailInner div p.image {
      display: inline;
      float: left;
      width: 63px;
  }
  
  #sidebar div.blockInner div.emailInner div p.text,
  #sidebar-second div.blockInner div.emailInner div p.text {
      display: inline;
      float: right;
      padding-top: 5px;
      width: 134px;
  }
  #sidebar div.blockInner div.emailInner p.button,
  #sidebar-second div.blockInner div.emailInner p.button {  }
  #sidebar div.blockInner div.emailInner p.button span,
  #sidebar-second div.blockInner div.emailInner p.button span {
      background: url(../images/bg_button02.gif) no-repeat 0 0;
  }
  
  #sidebar div.blockInner div.emailInner p.button a,
  #sidebar-second div.blockInner div.emailInner p.button a
    { display:inline-block; font-size:130%; padding:8px 14px 7px 14px; width:161px;
        border-radius:5px; text-shadow:none; font-weight:normal; color:#FFFFFF; }
  #sidebar div.blockInner div.emailInner p.button a:hover,
  #sidebar-second div.blockInner div.emailInner p.button a:hover { text-decoration:none; }
  
  #sidebar div.box .size02,
  #sidebar div.blockInner div.emailInner .size01,
  #sidebar-second div.box .size02,
  #sidebar-second div.blockInner div.emailInner .size01 {
      border: 1px solid #ccc;
      height: 14px;
      padding: 4px;
      width: 190px;
  }
  
  #sidebar div.box .size02,
  #sidebar-second div.box .size02 {
      width: 156px!important;
  }
  
  .idleField {
      color: #999!important;
  }
  
  .focusField {
      color: #333!important;
  }
  
  #sidebar ul.listCatalog li,
  #sidebar-second ul.listCatalog li {
      padding-bottom: 8px !important;
  }
  
  #sidebar ul.listCatalog li p.listInfo,
  #sidebar-second ul.listCatalog li p.listInfo {
      padding: 2px 0 0 1px;
  }
  
  #sidebar div.box02,
  #sidebar-second div.box02 {
      float:left;
    border: 1px solid #999;
    margin-bottom: 10px;
    width: 232px;
  }
  
  #sidebar div.box02 div.news,
  #sidebar-second div.box02 div.news {
      float:left;
      margin: 0 6px 0 0;
      width:232px;
  }
  
  #sidebar div.box02 .newsttl,
  #sidebar-second div.box02 .newsttl{
      color:#654908;
      font-weight:bold;
      float:left;
      background:url(../images/bg_newsttl.gif) no-repeat;
      font-size:120%;
      height:25px;
      padding:4px 0 0 18px;
      /*border-bottom: 1px solid black;*/
      width:214px;
  
  }
  
  #sidebar div.box02 div.news ul li,
  #sidebar-second div.box02 div.news ul li {
      float:left;
      background: url(../images/bg_dot01.gif) repeat-x left bottom;
      padding:7px 0 6px 16px;
      width:210px;
  }
  
  #sidebar div.box02 div.news ul li.libottom,
  #sidebar-second div.box02 div.news ul li.libottom {
      float:left;
      background:#fff;
      padding:7px 0 6px 16px;
      width:210px;
  }
  
  #sidebar div.box02 div.news ul li.libottom03,
  #sidebar-second div.box02 div.news ul li.libottom03 {
      float:left;
      padding:0 0 0 11px;
      width:221px;
  }
  
  #sidebar div.box02 div.news ul li.lilist,
  #sidebar-second div.box02 div.news ul li.lilist {
      float:left;
      background:#fff;
      padding:0 0 7px 0;
      width:213px !important;
  }
  
  
  
  #sidebar div.box02 div.news ul li.libottom02,
  #sidebar-second div.box02 div.news ul li.libottom02 {
      background:#fff;
      float:left;
      padding:0 0 0 20px;
      width:202px;
  }
  
  #sidebar div.box02 div.news ul li img,
  #sidebar-second div.box02 div.news ul li img{
      float:left;
      margin:6px 5px 0 0;
  }
  
  #sidebar div.box02 div.news ul li p,
  #sidebar-second div.box02 div.news ul li p {
      float:left;
      font-weight:bold;
      font-size:110%;
  }
  
  #sidebar div.box02 div.news ul li p a,
  #sidebar-second div.box02 div.news ul li p a{
      float:left;
  }
  
  #sidebar div.box02 div.news ul li p.fontstyle,
  #sidebar-second div.box02 div.news ul li p.fontstyle {
      background: url(../images/bg_dot02.gif) no-repeat 0 12px;
      font-weight:normal;
      padding:0 8px 0 11px;
  }
  
  #sidebar div.box02 div.news ul li p.fontstyle a,
  #sidebar-second div.box02 div.news ul li p.fontstyle a{
      padding-top:2px;
  }
  
  #sidebar div.box02 div.news ul li .bgcolor,
  #sidebar-second div.box02 div.news ul li .bgcolor{
      background:#D9EEFF;
  }
  
  #sidebar div.box02 div.news ul li .bgcolor02,
  #sidebar-second div.box02 div.news ul li .bgcolor02{
      background:#fff;
  }
  
  
  
  /* # footer
  ---------------------------------------------------------------------------- */
  
  #footer {
      background: #481f0c url(../images/bg_footer.gif) repeat-x 0 0;
      clear: both;
      padding-bottom: 20px;
  }
  
  #footer #footerInner {
      margin: 0 auto;
      width: 960px;
  }
  
  #footer #footerInner p {
      color: #fff;
      font-weight: bold;
      font-size: 115%;
      padding: 26px 0 22px 14px;
  }
  
  #footer #footerInner .fNav {
      padding-bottom: 20px;
  }
  
  #footer #footerInner .fNav li {
      background: url(../images/bg_line.gif) no-repeat left center;
      display: inline;
      float: left;
      margin-bottom: 6px;
      padding: 0 26px 0 21px;
      width: auto;
  }
  
  #footer #footerInner .fNav li.first {
      padding-left: 9px;
  }
  
  #footer #footerInner .fNav a {
      color: #fff;
  }
  
  #copyright {
      color: #fff;
      text-align: center;
  }
  
  
  
  /* # common classes
  ---------------------------------------------------------------------------- */
  /*div#companyList {
      padding-bottom: 5px;
  }*/
  
  div#companyList p.copy {
      margin-bottom: 5px;
      background-color: #fdeada;
      padding: 3px 5px;
  }
  
  div#companyList .companyListBox {
      padding-bottom: 5px;
  }
  
  div#companyList .companyListArrow01 {
      float: left;
      padding-right: 15px;
  }
  
  /*div#companyList ul {
      float: left;
  }*/
  
  div#companyList ul li {
      display: inline;
      float: left;
      margin-right: 17px;
      width: auto;
      width: 115px;
  }
  
  div#companyList ul li .companyBox {
      width: auto;
      border: 1px solid #ccc;
      width: 115px;
  }
  
  div#companyList ul li .companyName {
      padding-top: 3px;
      width: 117px;
      word-break: break-all;
      font-size: 10px;
  }
  
  div#companyList .companyListArrow02 {
      float: right;
      padding-left: 15px;
  }
  
  div.categoryList {
      clear: both;
      padding-bottom: 5px;
  }
  
  div.categoryList ul {
      display: inline;
      float: left;
      width: 706px;
  }
  
  div.categoryList ul li {
      display: inline;
      float: left;
      margin-right: 7px;
      width: auto;
  }
  
  div.categoryList ul li.last {
      margin-right: 0;
  }
  
  div.categoryList ul li a {
      color: #fff;
      display: inline-block;
      white-space: nowrap;
      height: 30px;
      text-indent: -9999px;
  }
  
  div.categoryList ul li a.job {
      background: url(../images/btn_shokushu01.png) no-repeat left top;
      width: 171px;
  }
  
  div.categoryList ul li a.jouken {
      background: url(../images/btn_jouken01.png) no-repeat left top;
      width: 171px;
  }
  
  div.categoryList ul li a.money {
      background: url(../images/btn_money01.png) no-repeat left top;
      width: 171px;
  }
  
  div.categoryList ul li a.key {
      background: url(../images/btn_key01.png) no-repeat left top;
      width: 172px;
  }
  
  div.categoryList ul li a span {
      background: url(../images/bg_category_right02.gif) no-repeat right top;
      cursor: pointer;
      display: inline-block;
      padding: 0px 10px 0px 3px;
  }
  
  .section {
      background: #f5f5f5;
      border: 1px solid #ccc;
      clear: both;
      margin-bottom: 10px;
  }
  
  .section div.sectionInner {
      padding: 9px;
  }
  
  .section div.bHead {
      background: #fff;
      /*border-bottom: 2px solid #943b17;サイトリニューアルに伴い削除 20210625*/ 
      margin: 1px;
      padding: 8px 8px 7px 9px;
  }
  
  /*
  .section div.bHead img {
      float: left;
  }
  */
  
  
  .section div.bHead h2.textHead {
      float: left;
      line-height: 23px;
      font-size: 1.5em;
      font-weight: bold;
      padding-left: 6px;
      color: #191d5d;
  }
  .section div.bHead h3.textHead {
      float: left;
      line-height: 23px;
      font-size: 1.5em;
      font-weight: bold;
      padding-left: 6px;
      color: #50220e;
  }
  .section div.bHead h2.jouken {
      background: url(../images/ico_search_jouken.gif) no-repeat left center;
  }
  .section div.bHead h2.money {
      background: url(../images/ico_search_money.gif) no-repeat left center;
  }
  
  .section div.bHead p {
      float: right;
      padding-top: 3px;
      text-align: right;
      width: 475px;
  }
  
  .section div.box {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
  }
  
  .section div.box h3 {
      background: #fffefe;
      background: -moz-linear-gradient(top,  #fffefe 0%, #f9f2e7 47%, #efdfc1 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefe), color-stop(47%,#f9f2e7), color-stop(100%,#efdfc1));
      background: -webkit-linear-gradient(top,  #fffefe 0%,#f9f2e7 47%,#efdfc1 100%);
      background: -o-linear-gradient(top,  #fffefe 0%,#f9f2e7 47%,#efdfc1 100%);
      background: linear-gradient(to bottom, #f9f2e7, #efdfc1);
      -pie-background: linear-gradient(top,  #fffefe 0%,#f9f2e7 47%,#efdfc1 100%);
      color: #654908;
      display: block;
      font-size: 120%;
      font-weight: bold;
      padding: 3px 12px 3px 12px;
      border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px 3px 0 0;
      box-shadow: 1px 1px 0 0 #cccccc,2px 1px 0 0 #e4e4e4;
      margin: 0 2px 0 1px;
      overflow: hidden;
  }
  
  .section div.box div.boxInner {
      margin: 14px 8px 0 13px;
  }
  
  .section div.box01 {
      display: inline;
      float: left;
      width: 480px;
  }
  
  .section div.box02 {
      display: inline;
      float: right;
      width: 235px;
  }
  
  .section div.box02 div.box {
      margin-bottom: 6px;
  }
  
  .section div.box dl.linkList01 {
      display: inline;
      float: left;
      width: 219px;
  }
  
  .section div.box02 dl.linkList01 {
      width: 208px;
  }
  
  .section div.box dl.linkList02 {
      margin-left: 21px;
  }
  
  .section div.box dl.linkList01 dt {
    margin-bottom: 3px;
   background: url(../images/ico_arrow03.1.gif) no-repeat 0 4px;
   font-weight: bold;
   padding-left: 10px;
  }
  
  .section div.box dl.linkList01 dd {
      background: url(../images/bg_dot01.gif) repeat-x left bottom;
      margin-bottom: 10px;
  }
  
  .section div.box dl.linkList01 dd.lastList {
      background: none;
      margin-bottom: 0;
  }
  
  .section div.box ul {
      padding: 0 0 14px 0;
  }
  
  .section div.block01 {
      background: #fff;
      border: 1px solid #ccc;
      padding: 2px 0 2px 2px;
  }
  
  .section div.block02 {
      background: #fff;
      border: 1px solid #ccc;
      padding: 10px 13px 15px 13px;
  }
  
  .section div.block03 {
      background: #fff;
      border: 1px solid #ccc;
      padding: 10px 13px 6px 13px;
  }
  
  .section table.tableSytle {
      width: 682px;
  }
  
  .section table.tableSytle th {
      background: #ccc url(../images/bg_th01.gif) no-repeat left bottom;
      padding: 12px 12px 12px 12px;
      vertical-align: top;
      width: 14.8%;
  }
  
  .section table.tableSytle th.title01 {
      background: url(../images/bg_th02.gif) no-repeat left bottom;
      width: 19%;
  }
  
  .section table.tableSytle th.title02 {
      background: url(../images/bg_th03.gif) no-repeat left bottom;
  }
  
  .section table.tableSytle tr.lastRow th {
      background: url(../images/bg_th03.gif) no-repeat left bottom;
      white-space: nowrap;
  }
  
  .section table.tableSytle td {
      background: url(../images/bg_dot03.gif) repeat-x left bottom;
      padding: 8px 0 9px 9px;
  }
  
  .section table.tableSytle tr.lastRow td {
      background: none;
  }
  
  .section table.tableSytle ul.linkList04 li {
      display: inline;
      float: left;
      width: 140px;
  }
  
  .section table.tableSytle ul.linkList04 li input,
  .section table.tableSytle ul.linkList04 li label {
      vertical-align: middle;
  }
  
  .section table.tableSytle ul.linkList04 li label span {
      font-size: 115%;
  }
  
  .section table.tableSytle input.sizeB {
      border: 1px solid #ccc;
      padding: 3px 5px 3px 5px;
      width: 542px;
  }
  
  .section table.tableSytle select.sizeB {
      width: 212px;
      width: 213px\9;
  }
  
  .section table.tableSytle select.sizeM {
      width: 181px;
  }
  
  .section table.tableSytle ul.linkList04 li {
      display: inline;
      float: left;
      padding-bottom: 5px;
      width: 140px;
  }
  
  .section table.tableSytle p.linkText {
      padding-right: 18px;
      text-align: right;
  }
  
  .section table.tableSytle p.linkText a {
      margin-left: 27px;
  }
  
  .section ul.linkList03 {
      margin: 0 -13px -9px 0;
  }
  
  .section ul.linkList03 li {
      background: url(../images/ico_arrow03.gif) no-repeat 0 7px;
      display: inline;
      float: left;
      padding-bottom: 5px;
      padding-left: 9px;
      width: 158px;
  }
  
  .section ul.linkList03 li a {
      font-weight: bold;
      font-size: 110%;
  }
  
  .section ul.linkList03 li a span {
      font-size: 115%;
  }
  
  .section ul.listLink li {
      color: #2f50b3;
      display: inline;
      float: left;
      padding: 0 15px 3px 0;
      width: auto;
  }
  
  .section ul.listLink02 li {
      color: #2f50b3;
      display: inline;
      float: left;
      padding: 0 15px 3px 0;
  }
  
  .section ul.listLink03 li {
      color: #2f50b3;
      padding: 0 15px 3px 0;
  }
  
  .piecss3 {
      position: relative;
      z-index: 300;
  }
  
  p.button {
      margin: 10px auto auto;
      text-align: center;
  }
  
  p.button span {
      background: url(../images/bg_button01.gif) no-repeat 0 0;
      display: inline-block;
      cursor: pointer;
  }
  
  p.button button {
      background: none;
      display: block;
      border: none;
      color: #fff;
      cursor: pointer;
      font-size: 170%;
      font-weight: bold;
      height: 36px;
      padding: 3px 0 3px 14px;
      text-shadow: #864300 1px 1px 1px;
      filter: dropshadow(color=#864300, offX = 0 , offY = 1);
      overflow: hidden;
      width: 221px;
  }
  
  .dot {
      /*background: url(../images/bg_dot02.gif) no-repeat 0 8px;WEB_TEAM-57 20220301 suzuki*/
      padding: 0 0 2px 7px;
      width: auto;
  }
  
  #email_input{
      color:#76797a;
  }
  
  /* # clearfix
  ---------------------------------------------------------------------------- */
  
  #layout,
  #pageBodyInner,
  #header,
  #header .hNav,
  #gNav ul,
  #footer #footerInner .fNav,
  #sidebar div.blockInner div.emailInner div,
  #sidebar-second div.blockInner div.emailInner div,
  div.categoryList,
  div.categoryList ul,
  .section div.bHead,
  .section div.sectionInner,
  .section div.box div.boxInner,
  .section ul.linkList03,
  .section table.tableSytle ul.linkList04,
  .section ul.listLink {
      zoom: 1;
  }
  
  #layout:after,
  #pageBodyInner:after,
  #header:after,
  #header .hNav:after,
  #gNav ul:after,
  #footer #footerInner .fNav:after,
  #sidebar div.blockInner div.emailInner div:after,
  #sidebar-second div.blockInner div.emailInner div:after,
  div.categoryList:after,
  div.categoryList ul:after,
  .section div.bHead:after,
  .section div.sectionInner:after,
  .section div.box div.boxInner:after,
  .section ul.linkList03:after,
  .section table.tableSytle ul.linkList04:after,
  .section ul.listLink:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      line-height: 0;
      visibility: hidden;
  }
  
  section,
  header,
  footer,
  aside,
  nav {
      display: block;
  }
  
  /* # 20130118 追加
  ---------------------------------------------------------------------------- */
  
  h2.nHead-text01 {
  //    font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
      font-weight: bold;
      color: #50200e;
      font-size: 140%;
  }
  
  h2.nHead-text01 img {
      vertical-align: top;
      padding-top: 3px;
  }
  
  /* 20130109追加 */
  
  #pageBody .block01 .list_check li {
      margin-right: 5px;
      margin-top: 5px;
      width: 180px;
      display: inline-block;
      vertical-align: top;
      clear: both;
  }
  
  /* # 20130308 追加
  ---------------------------------------------------------------------------- */
  
  #about_box {
   padding-bottom: 20px;
   color: #898989;
   font-size: 90%;
  }
  
  #about_box_top {
   padding: 40px 0 20px;
   color: #898989;
   font-size: 90%;
  }
  
  #about_box h3, #about_box_top h3 {
   padding-bottom: 5px;
   font-weight: bold;
  }
  
  #ssl {
  height: 80px;
  margin-top: 20px;
  margin-left: 52px;
  }
  
  /* # 20140203 追加
  ---------------------------------------------------------------------------- */
  .section div.box01_consulting {
      display: inline;
      float: left;
      width: 337px;
  }
  
  .section div.box02_consulting {
      display: inline;
      float: right;
      width: 337px;
  }
  
  
  /* # 20160401 追加
  ---------------------------------------------------------------------------- */
  #sidebar ul.listCatalog2 li,
  #sidebar-second ul.listCatalog2 li {
      padding-bottom: 8px !important;
      text-align:center;
  }
  
  #sidebar ul.listCatalog2 li p.listInfo,
  #sidebar-second ul.listCatalog2 li p.listInfo {
      padding: 2px 0 0 1px;
  }
  
  /* # ぱんくず構造化
  ---------------------------------------------------------------------------- */
  
  #pageBody div.method ul.structured {
      font-size:100%;
      margin-top: 8px;
      margin-bottom: 5px;
      padding: 0;
  }
  
  #pageBody div.method ul.structured li {
      display:inline;
      margin:0;
      padding:0;
  }
  #footer #footerInner p#copyright {
      font-size: 12px;
      font-weight: normal;
    }
  
  
  /* # 20180110追加
  ---------------------------------------------------------------------------- */
  #side_pmark {
      margin:15px auto;
      padding: 7px;
      background: #fff;
      border:1px solid #999;
      max-width:235px;
  }
  
  #side_pmark .plogo {
      display: inline-block;
      vertical-align: middle;
      width:70px;
  }
  
  #side_pmark .ptext{
      width: 135px;
      display: inline-block;
      padding-left: 8px;
      font-size: 11px;
      vertical-align: middle;
  }
  
  #side_pmark_wide {
      margin:60px auto;
      padding: 7px;
      background: #fff;
      width:100%;
      display:flex;
  }
  
  #side_pmark_wide .plogo_wide {
      display: inline-block;
      vertical-align: top;
  }
  
  #side_pmark_wide .plogo_wide img {
      width:120px;
  }
  
  #side_pmark_wide .ptext_wide{
      display: inline-block;
      padding-left: 20px;
      font-size: 11px;
      vertical-align: top;
      /*width:800px; https://www.kotora.jp/service/form_mendan_after.phpをはじめレイアウト崩しに影響しているため削除 20210719*/
  }
  
  .save-search-mobile {
      display: none;
  }
  
  .btn-save-search {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      position: relative;
      background-color: #1dcfcb;
      border: none;
      width: 230px;
      height: 50px;
      outline: none;
      font-size: 18px;
      font-weight: bold;
      border-radius: 5px;
      color: #FFFFFF;
      cursor: pointer;
      margin-bottom: 14px;
  }
  
  .btn-save-search-box {
      margin: unset;
      margin-top: 10px;
      margin-bottom: 0;
  }
  
  .btn-save-search img {
      width: 17px !important;
      margin-right: 5px;
  }
  
  .btn-save-search:hover {
      background-color: #60ddda;
  }
  
  /* The Modal (background) */
  .modal-box {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 145px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
  }
  
  /* Modal Content */
  .modal-box .modal-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      border: 1px solid #888;
      width: 390px;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetop {
      from {top:-300px; opacity:0} 
      to {top:0; opacity:1}
  }
  
  @keyframes animatetop {
      from {top:-300px; opacity:0}
      to {top:0; opacity:1}
  }
  
  /* The Close Button */
  .modal-box .close-modal {
      float: right;
      font-size: 20px;
      font-weight: bold;
  }
  
  .modal-box .close-modal:hover,
  .modal-box .close-modal:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }
  
  .modal-box .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 16px;
      background-color: #e8e7e7;
  }
  
  .modal-box .modal-header h2 {
      font-size: 15px;
      font-weight: bold;
      color: #000;
  } 
  
  .modal-box .modal-body {
      padding: 20px 16px;
  }
  
  .modal-box .modal-body .btn-agee {
      padding: 8px 25px;
      background: #ef7003 !important;
      border: 1px solid #ef7003;
      border-radius: 5px !important;
      color: #fff;
      font-weight: bold;
      cursor: pointer;
      outline: none;
  }
  
  .modal-box .modal-body .btn-agee:hover {
      background-color: #ff8800 !important;
  }
  
  .modal-box .modal-footer {
      padding: 2px 16px;
      background-color: #5cb85c;
      color: white;
  }
  
  .text-danger {
      color: red;
  }
  
  .mb-1 {
      margin-bottom: 8px;
  }
  
  .text-center {
      text-align: center;
  }
  
  .font-bold {
      font-weight: bold;
  }
  
  .color-black {
      color: #000;
  }
  
  .color-gray {
      color: #808080;
  }
  
  .w-100 {
      width: 100%;
  }
  
  .btn-search-wrap {
      display: flex;
      justify-content: space-evenly;
      width: 100% !important;
  }
  
  .btn-search-wrap .largeButton {
      width: 230px !important;
      display: inline-block;
      font-weight: bold;
      position: relative;
      outline: none;
      cursor: pointer;
      box-shadow: 0px 2px 6px 1px rgb(0 0 0 / 20%);
      font-weight: bold;
  }
  
  .btn-job-search .largeButton {
      font-size: 22px;
  }
  
  /* .btn-search-wrap .largeButton::after {
      content:"";
      position:absolute; 
      display:block; 
      right:20px; 
      width:6px; 
      height:6px;
      border-top:3px solid #FFF; 
      border-right:3px solid #FFF; 
      transform: translateY(-50%) rotate(45deg);
      top: 50%;
  } */
  
  .btn-search-wrap .largeButton:hover { 
      background-color:#ff8800 !important; 
  }
  
  .bubble {
      margin-bottom: 20px;
      z-index: 9000;
  }
  
  .bubble p {
      position: relative;
      width: 200px;
      padding: 15px;
      border: 0 solid #999;
      border-radius: 5px;
      box-shadow: 1px 2px 10px #aaa;
      background-color: #fafafa;
      letter-spacing: 2.2px;
      text-align: justify;
  }
  
  .bubble p span:first-child {
      display: block;
      margin-bottom: 8px;
  }
  
  .bubble p:before {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-top: 10px solid #fafafa;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      filter: drop-shadow(1px 2px 2px #aaa);
  }
  
  .bubble p:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-top: 10px solid #fafafa;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
  }
  
  @media screen and (max-width: 750px) {
  #side_pmark {
      border:none;
  
  }
  #side_pmark_wide {
      margin:60px auto;
      padding: 14px;
      background: #fff;
      width:360px;
  }
  
  #side_pmark_wide .plogo_wide {
      display: inline-block;
      vertical-align: top;
  }
  
  #side_pmark_wide .plogo_wide img {
      width:80px;
  }
  
  #side_pmark_wide .ptext_wide{
      display: inline-block;
      padding-left: 12px;
      width:240px;
  }
  .btn-search-wrap .largeButton {
  width: 180px !important;
  font-size: 14px !important;
  }
  
  .modal-box .modal-content {
  width: 340px;
  }
  
  .modal-box .modal-content .btn-save-job {
  margin-top: 10px;
  }
  
  .save-search-mobile {
  display: block;
  }
  
  .title-link .count-cookie {
  font-size: 8px !important;
  right: -18px;
  top: -5px;
  width: 16px !important;
  color: #fff !important;
  }
  }
  
  @media screen and (max-width: 576px) {
    .btn-search-wrap {
    justify-content: space-around;
    }
    .btn-search-wrap .largeButton {
    width: 155px !important
    }
    .btn-search-wrap .largeButton::after {
    right: 8px;
    }

    #pageBody.colmun3 #sidebar,
    #pageBody.colmun3 #sidebar-second {
      width: 100%;
    }
  }
  
  .mb0{
      margin-bottom:0;
  }
  .mb4{
      margin-bottom:4px;
  }
  .mb8{
      margin-bottom:8px;
  }
  .mb16{
      margin-bottom:16px;
  }
  .mb20{
      margin-bottom:20px;
  }
  .mb24{
      margin-bottom:24px;
  }
  .mb32{
      margin-bottom:32px;
  }
  .mb48{
      margin-bottom:48px;
  }
  .mb64{
      margin-bottom:64px;
  }
  .mgb20{
      margin-bottom:20px;
  }
  
  .mt0{
      margin-top:0;
  }
  .mt4{
      margin-top:4px;
  }
  .mt8{
      margin-top:8px;
  }
  .mt16{
      margin-top:16px;
  }
  .mt20{
      margin-top:20px;
  }
  .mt24{
      margin-top:24px;
  }
  .mt32{
      margin-top:32px;
  }
  .mt64{
      margin-top:64px;
  }
  
  .txt_r{
      text-align:right;
  }
  .txt_c{
      text-align:center;
  }
  .txt_l{
      text-align:left;
  }
  
  .b{
    font-weight: bold;
  }
  /* Add 191108 */
  .blockAction { position:relative; display:flex; align-items:center; width:280px; margin:10px auto 0 auto; }
  /*.blockAction::after {
      position:absolute; content:""; display:block; right:20px; width:6px; height:6px;
      border-top:3px solid #FFF; border-right:3px solid #FFF; transform:rotate(45deg); }*/
  .blockAction .largeButton {
      margin-top:10px; 
      padding:7px 4px; 
      background:#f9bf1b !important;
      border:none; 
      border-radius:8px; 
      color:#fff; 
  }
  .blockAction input[type="button"] { 
      width:100%; 
      margin:10px 0; 
      font-size:1.3em !important; 
      font-weight:bold; 
  }
  .blockAction input[type="button"]:hover { 
      background-color:#ff8800 !important; 
  }
  
  .middleButton {
      float:right; padding:6px 18px; background:#1b2f5f;
      color:#fff;
      font-weight:normal;
      border-radius:3px;
      }
  .middleButton:hover { opacity:.8; text-decoration:none; }
  /* Color */
  .buttonGreen        { background-color:#1dcfcb !important; }
  .buttonGreen:hover  { background-color:#60ddda !important; }
  .largeButton.buttonOrange, .buttonOrange             { background-color:#ef7003 !important; }
  .largeButton.buttonOrange:hover, .buttonOrange:hover { background-color:#ff8800 !important; }
  .buttonYellow       { background-color:#fabf1b !important; }
  .buttonYellow:hover { background-color:#fbd25f !important; }
  
  /* Add 1912 */
  .text-center{text-align:center}
  .strong{font-weight:700}
  .blockInline span{display:inline-block}
  .blockBasic{box-sizing:border-box;width:100%;margin:0 0 20px 0}
  .blockBasic h2,.blockBasic h3,.blockBasic h4,.blockBasic h5,.blockBasic h6{font-size:.875rem}
  .blockBasic .titleBgLight{font-size:16px;font-weight:700;margin:0 0 22px 0;padding:10px 15px;border-radius:3px;background:#d9e2f3}
  .blockBasic dl,.blockBasic p,.blockBasic ul{font-size:.875rem}
  .blockBasic div,.blockBasic h2,.blockBasic h3,.blockBasic h4,.blockBasic h5,.blockBasic h6,.blockBasic p,.blockBasic ul{margin-bottom:10px}
  .blockBasic .blockFeature{font-size:.938rem;padding:8px 13px;border:solid 1px #d9e2f3;background:#f5f5f5}
  .blockBasic .blockFeature p,.blockBasic .blockFeature ul{font-size:.938rem}
  .blockBasic .blockFeature span{color:#1b2f5f}
  .blockBasic .blockFeature p:last-child,.blockBasic .blockFeature ul{margin-bottom:0}
  .blockBasic a.button{margin:10px 0}
  .block2Col{display:-webkit-box;display:flex;padding:0 10px}
  .block2Col a.button{min-width:200px}
  /*.block2Col a.small-button{font-size: 10px;}*/
  @media (max-width:750px){
      .block2Col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
      }
  .block2Col>div{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
  .block2Col>div .flexBottom{margin-top:auto}
  @media (min-width:751px){
      .block2Col>div{width:50%}
      .block2Col>div:nth-child(odd){margin-right:7px}
      .block2Col>div:nth-child(even){margin-left:7px}
      }
  .boxBorder{padding:15px;border:solid 1px #ccc}
  .boxBorder-none{padding:15px;}
  .listNumber dl{display:-webkit-box;display:flex}
  .listNumber dl dt{width:1.5rem}
  ul.listLinks li{position:relative;box-sizing:border-box;margin-bottom:3px;padding-left:1.2em}
  ul.listLinks li:before{position:absolute;top:.25em;left:0;width:1em;height:1em;content:'';border-radius:50%;background:#1b2f5f}
  .button{line-height:1;position:relative;display:-webkit-inline-box;display:inline-flex;text-decoration:none;color:#fff;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
  .button:after{position:absolute;right:13px;display:block;width:6px;height:6px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:3px solid #fff;border-right:3px solid #fff}  /* WEB_TEAM-434 suzuki 20220823 */
  .button:hover{text-decoration:none}
  /*
  .small-button{line-height:1;position:relative;display:-webkit-inline-box;display:inline-flex;text-decoration:none;color:#fff;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
  .small-button:after{position:absolute;right:20px;display:block;width:6px;height:6px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:3px solid #fff;border-right:3px solid #fff}
  .small-button:hover{text-decoration:none}
  */
  .buttonBasic{background:#1b2f5f}
  .buttonBasic:hover{background:#1b2f60}
  .buttonMiddle{padding:12px 26px;border-radius:5px}
  
  @media screen and (max-width: 1366px) { 
    .modal-content {
      width: 353px;
    }
  }
  
  @media screen and (max-width: 576px) { 
    div.publicationBtns div#areaApply span.requested, 
    div.referralsBtns div#areaApply span.requested {
      padding: 10px 0 !important;
      font-size: 11px !important;
    }
  }

/*========================================================
common/css/responsive.css
========================================================*/


@media screen and (max-width: 750px) {
  input[type="button"],input[type="submit"] {
    border-radius: 0;
  }
  body{
    position: relative;
    margin-top: 0 !important;
    -webkit-text-size-adjust: 100%;
        font-size: 90%;
  }
  body a{
    font-size: 100%;
  }
  input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
  body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, address, pre, caption, cite, code, dfn, var, span, li{
  /*font-size: 80%;*/
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  }
  body #logo img{
    width: 100%;
    height: auto;
  }
  body .big{
    font-size: 100%;
  }
  body.w1120{
      min-width: 100% !important;
      overflow-x: hidden;
      position: relative;
  }
  body #pageBodyInner{
    width: 95%;
    font-size: 100%;
  }
  body #content{
    width: auto;
    float: none;
  }
  body .section div.box01{
    width: auto;
    float: none;
    border: none;
  }
  body .section div.box dl.linkList01{
    width: 100%;
    float: none;
  }
  body .section div.box02{
    float: none;
    width: auto;
  }
  body .section div.box02 dl.linkList01{
      width: auto;
  float: none;
  }
  body .section table.tableSytle{
    width: 100%;
    font-size: 100%;
  }
  body .section table.tableSytle tr{
    display: block;
    width: 100%;
  }
  body .section div.sectionInner{
    width: auto;
    display: none;
  }
  body .section{
    border: none;
  }
  body #category02{
  	width:98%
  }
  
  
  body .dot{
    font-size: 100%;
  }
  body .L .ulttl{
    font-size: 100%;
  }
/*slider*/
body div#billboard ul li{
    width: auto;
  height: auto;
}
body .mod_billboardcontent{
  width: 100%;
}
body div#billboard{
    width: 320px !important;
  margin: 0 auto;
  height: 79px;
  overflow: hidden;
}
body div#billboard ul{
  width: 100% !important;
  height: auto;
  margin-left: 0 !important;
}
body div#billboard ul li img{
    width: 100%;
  height: auto;
}
body .mod_billboardcontent_btn #next{
    position: absolute;
  top: 24px;
  left: auto;
    right: 10px;
  width: 29px;
  cursor: pointer;
  z-index: 9999;
}
body .mod_billboardcontent_btn #prev{
    position: absolute;
  top: 24px;
  left: 10px;
  width: 29px;
  cursor: pointer;
}
/*contents*/
body .section div.box div.boxInner{
  margin: 0;
  background: #FFF;
}
body .section div.box dl.linkList02 {
  margin-left: 5%;
}
body .section div.box dl.linkList01 dt{
  margin-top: 0;
}
body .section div.box dl.linkList01 dt {
  margin-bottom: 0;
  background: #fff;
  font-weight: bold;
  padding: 15px 10px;
  margin-top: 0;
  font-size: 12px;
    border-bottom: 1px solid #ccc;
}
body .section div.box dl.linkList01 dd{
	margin-bottom: 0;
  display: none;
  font-size: 100%;
}
body .section div.box ul{
	padding: 0;
  font-size: 100%;
}
body .dot {
  background:none;
  padding: 15px 16px;
  width: auto;
  border-top: 1px solid #ccc;
}
div.categoryList ul li {
  display: block;
  float: left;
  margin-right: 7px;
  width: 48%;
}
body #pageBody div.method p a,
body #pageBody div.method p{
  /*font-size: 8px !important;*/
  /*display: none; WEB_TEAM-324  suzuki 20220802 */
}
body .photos-comment{
  font-size: 100% !important;
}
body .company-box01-photo{
  float: none;
  left: 0;
}
body .company-box01-photo .company-box01-photo-box-l{
  float: none;
  left: 0;
}
body .company-box01-photo .company-box01-photo-box-l p{
  display: block !important;
}
body #pageBody #content .company-box01 .company-box01-column .company-box01-photo-1{
  padding: 0;
}
body .company-box01-photo-wrap .company-box01-photo-box{
  float: none;
  left: 0;
  display: block;
  margin: 0;
}
body #pageBody #content .company-box01 .company-box01-column p img,
body .company-box01-photo-wrap .company-box01-photo-box p img{
  width: 100% !important;
  height: auto !important;
}
body .company-box01-column .pr{
  display: block !important;
  text-align: left;
}
body .company-box01-photo-wrap .company-box01-photo-box p{
  display: block !important;
  text-align: left;
}
body #pageBody #content .company-box01 .company-box01-photo-1 p,
body #pageBody #content .company-box01 .company-box01-column p.photos-comment{
  display: block;
  text-align: left;
  font-size: 100% !important;
}
div.categoryList ul li:nth-child(2n+2){
  margin-right: 0;
}
body #pageBody #content .company-box01 div.company-box01-column div.PositionPR h3{
  padding: 10px;
  margin-bottom: 10px;
}
body #pageBody #content .company-box01 div.company-box01-column div.PositionPR p{
  display: block !important;
}
body div.categoryList ul li a.job,
body div.categoryList ul li a.jouken,
body div.categoryList ul li a.money,
body div.categoryList ul li a.key{
    width: 100%;
    -webkit-background-size: 100%;
         -o-background-size: 100%;
            background-size: 100%;
}
body .section div.box h3{
    padding: 15px 10px;
}
body .section table.tableSytle ul.linkList04 li {
  display: block;
  float: left;
  padding-bottom: 20px;
  width: 50%;
}
body #pageBody .tableSytle ul{
  padding-top: 10px;
}
body #pageBody .tableSytle ul li {
  margin: 0;
  font-size: 100%;
  padding-bottom: 10px;
}
body #sidebar div.box div.news p.more,
body #sidebar-second div.box div.news p.more {
  text-align: center;
  background-color: #446cc7;
  padding: 15px;
  font-size: 100%;
  /* color: #fff; */
}
body #sidebar div.box div.news p.more a,
body #sidebar-second div.box div.news p.more a{
  color: #FFF;
}
body aside#sidebar ul.listButton li.regist a input[type=button],
body aside#sidebar-second ul.listButton li.regist a input[type=button]{
  margin: 0 auto;
}
body .section div.block02{
    padding: 20px 15px;
    font-size: 100%;
}
body .section div.block02 .linkList03{
  font-size: 100%;
}
body .section ul.linkList03 li{
  width: 45%;
  margin-bottom: 10px;
  font-size: 100%;
}
body .section div.box dl.linkList01 dt,
body .section div.bHead{
  padding: 15px 8px 8px 9px;
  /* background: url(../../common/images/sp_swich01.png) no-repeat 98% 50% #fff; */
  background-size: 20px;
}
body .section div.box dl.linkList01 dt.active,
body .section div.active{
  padding: 15px 8px 15px 9px;
  /* background: url(../../common/images/sp_swich02.png) no-repeat 98% 50% #fff; */
  background-size: 20px;
}
div.active .openButton{
  transform: rotateZ(180deg);
}
div.active .openButton::before{
  right:25px;
}

body .section div.bHead h2{
  display: block;
  float: none;
  font-size: 100%;
}
body #pageBody .bHead p {
  float: none;
  display: none;
  width: auto;
  text-align: left;
  margin-top: 10px;
  margin-bottom: -3px;
}
body #footer #footerInner .fNav li {
  background: url(../images/bg_line.gif) no-repeat left center;
  display: inline;
  float: none;
  margin-bottom: 6px;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: auto;
  display: block;
  border-bottom: 1px solid #ccc;
}
body #sidebar div.box div.news ul li,
body #sidebar-second div.box div.news ul li{
  margin: 0;
  padding-bottom: 0;
    font-size: 100%;
}
body #sidebar div.box div.news ul li p,
body #sidebar-second div.box div.news ul li p{
  padding-left: 16px;
  border: none;
  padding: 10px;
}
/*form*/
body .section table.tableSytle ul.linkList04 li{
  width: 50%;
  float: left;
}

body #layout, #pageBodyInner, #header, #header .hNav, #gNav ul, #footer #footerInner .fNav, #sidebar div.blockInner div.emailInner div, #sidebar-second div.blockInner div.emailInner div, div.categoryList, div.categoryList ul, .section div.bHead, .section div.sectionInner, .section div.box div.boxInner, .section ul.linkList03, .section table.tableSytle ul.linkList04, .section ul.listLink{
  width: auto;
}
body aside#sidebar div.login_form section input[type=text], aside#sidebar div.login_form section input[type=password], aside#sidebar div.login_form section textarea, body aside#sidebar-second div.login_form section input[type=text], aside#sidebar-second div.login_form section input[type=password], aside#sidebar-second div.login_form section textarea,div#login_div div.login_form section input[type=text], div#login_div div.login_form section input[type=password], div#login_div div.login_form section textarea{
  padding: 10px;
  width: 90% !important;
}
body aside#sidebar div.login_form div.btn_center input[type=submit], body aside#sidebar-second div.login_form div.btn_center input[type=submit], div#login_div div.login_form div.btn_center input[type=submit]{
  padding: 20px;
  width: 90%;
}
body .section table.tableSytle input.sizeB{
  width: 89%;
  padding: 10px;
}
body .section table.tableSytle td{
    display: block;
    padding: 10px;
    background: none;
}
body .section table.tableSytle tr.lastRow th{
  display: block;
  background: url(../images/bg_th03.gif) repeat left bottom;
}
body .section table.tableSytle tr.lastRow td{
  display: block;
}
body .section table.tableSytle th{
  background: #ddd;
  display: block;
  width: auto;
  font-weight: bold;
  font-size: 100%;
}
body #about_box h3,
body #about_box_top h3{
  font-size: 100% !important;
}
body .section table.tableSytle p.linkText{
	padding: 0;
	text-align: center;
	width: auto;
	overflow: hidden;
}
body .section table.tableSytle p.linkText a:nth-child(1){
	margin-right: 10px;
}
body .section table.tableSytle p.linkText a{
	  margin-left: 0;
	  width: 37%;
	  background-color: #ccc;
	  padding: 15px;
	  display: inline-block;
	  color: #000;
	  -webkit-border-radius: 4px;
	          border-radius: 4px;
}
body .section table.tableSytle th.title01{
  display: block;
  width: auto;
  background:none;
  padding: 0 10px;
}
body .section table.tableSytle th#soshikiTh{
    display: block;
    margin-top: 100px;
    position: absolute;
    width: 87%;
}
body .section table.tableSytle td#chubunruiTd{
	position: absolute;
    margin-top: 150px;
    width: 70%;
}
body .section table.tableSytle th.title01{
	display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
body .section table.tableSytle th.title01 label{
	display: block;
    background-color: #ddd;
    padding: 10px;
}
body .section table.tableSytle tr.lastRow td:nth-child(4){
  padding-bottom: 30px;
}
body .section table.tableSytle td:nth-child(4){
	/*margin: 0 0 110px;*/
  padding-bottom: 130px;
}
body .section table.tableSytle .lastRow td:nth-child(4){
	margin-bottom: 20px;
}
body .section table.tableSytle select.sizeM,
body .section table.tableSytle select.sizeB{
  width: 100%;
  padding: 10px;
}
/*header*/
body #headerInner{
  width: auto;
  overflow: hidden;
  padding: 0 10px;
}
body #headerInner h1{
  display: none;
}
body #header .hNav{
  width: 100%;
  overflow: hidden;
  margin: 10px 0 0;
}
#header .hNav li{
    background: #1C1F2F !important;
    display: block;
    margin-left: 2% !important;
    padding: 1% !important;
    width: 29% !important;
    float: left !important;
    font-size: 10px !important;
    text-align: center !important;
    height: 35px !important;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
#header .hNav li:nth-child(1){
  margin: 0;
}
#header .hNav li:nth-child(4),
#header .hNav li:nth-child(5){
  line-height: 35px;
}
#header .hNav li:nth-child(6),
#header .hNav li:nth-child(3),
#header .hNav li:nth-child(2){
  display: none;
}
#header .hNav li,
#header .hNav li a{
  color: #FFF;
}
body div#billboard,
body .mod_billboardcontent{
  width: auto;
    position: relative;
}
body div#companyList{
  display: none;
}
body div.categoryList ul{
  width: auto;
  float: none;
}
body #header .hSection{
    float: left;
  width: 60%;
  display: block;
  text-align: center;
  padding-top: 10px;
}
body #header .hSection p a img{
	width: 100%;
}
body header#header section#headerInner div#authentication{
	width: 26%;
  /*padding: 2%;*/
}
body header#header section#headerInner div#authentication a{
  font-size: 80%;
}
body header#header section#headerInner div#authentication a.logout input[type=button]{
      margin: 0px !important;
}
body header#header section#headerInner div#authentication input{
	  padding: 13px 15px;
	  border: none;
	  background-color: #466fba;
  color: #fff;
  font-weight: bold;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body .section div.bHead h2 img{
  height: 15px;
}
body nav#gNav ul li {
    margin-top: 0;
  margin-bottom: 0;
  width: 55px !important;
  height: 55px;
  background: none;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  border-bottom: none;
}
body nav#gNav ul li a {
  /*background-repeat: no-repeat;
  background-position: left center;*/
  background: none;
  padding-left: 0;
  margin-right: 0;
  min-height: 0;
  padding-top: 0px;
  padding-bottom: 0;
  padding-right: 0;
  color: white;
  width: 55px;
  height: 55px;
  font-size: 10px !important;
  text-decoration: none;
  font-weight: normal;
  padding: 0;
  display: block;
}
body nav#gNav ul li#gNav01 a{
  background: url(../images/sp_icon01.png) no-repeat;
  -webkit-background-size: 55px 55px;
       -o-background-size: 55px 55px;
          background-size: 55px 55px;
}
body nav#gNav ul li#gNav02 a{
  background: url(../images/sp_icon02.png) no-repeat;
  -webkit-background-size: 55px 55px;
       -o-background-size: 55px 55px;
          background-size: 55px 55px;
}
body nav#gNav ul li#gNav03 a{
  background: url(../images/sp_icon03.png) no-repeat;
  -webkit-background-size: 55px 55px;
       -o-background-size: 55px 55px;
          background-size: 55px 55px;
}
body nav#gNav ul li#gNav04 a{
  background: url(../images/sp_icon04.png) no-repeat;
  -webkit-background-size: 55px 55px;
       -o-background-size: 55px 55px;
          background-size: 55px 55px;
}
body nav#gNav ul li#gNav05 a{
  background: url(../images/sp_icon05.png) no-repeat;
  -webkit-background-size: 55px 55px;
       -o-background-size: 55px 55px;
          background-size: 55px 55px;
}
body nav#gNav ul li.co_sp01 a{
  background: url(../images/sp_icon06.png) no-repeat !important;
  -webkit-background-size: 55px 55px !important;
       -o-background-size: 55px 55px !important;
          background-size: 55px 55px !important;
}
body nav#gNav ul li.co_sp02 a{
  background: url(../images/sp_icon07.png) no-repeat !important;
  -webkit-background-size: 55px 55px !important;
       -o-background-size: 55px 55px !important;
          background-size: 55px 55px !important;
}
body nav#gNav ul li.co_sp04 a{
  background: url(../images/sp_icon08.png) no-repeat !important;
  -webkit-background-size: 55px 55px !important;
       -o-background-size: 55px 55px !important;
          background-size: 55px 55px !important;
}
body .box h2{
  text-align: center;
  background: #943b17;
}
body #pageBody .block01{
  margin-top: 0;
  padding: 0;
}
body div.categoryList{
  padding: 7px;
  display: none;
}
/*side*/

  body #sidebar,
  body #sidebar-second{
    width: auto;
    float: none;
    padding: 10px;
  }
  body #sidebar #sidebar,
  body #sidebar #sidebar-second{
  	padding: 0;
  }
  body #sidebar div.box,
  body #sidebar-second #sidebar{
    width: auto;
  }
  body #sidebar div a img,
  body #sidebar-second div a img{
    width: 100%;
  }
  #sidebar div.block,#sidebar-second div.block{
    display: block;
    width:235px;
    margin:0 auto;
    /* WEB_TEAM-413 suzuki 20220830 */
  }
  body #about_box_top {
    padding: 10px;
    color: #898989;
    font-size: 100%;
  }
  body #about_box_top p{
    font-size: 100% !important;
  }
  body .listCatalog{
    /* display: none;
		WEB_TEAM-413 suzuki 20220830 */
  }
  body #ssl{
    display: none;
  }
  #sidebar ul.listCatalog li img{
    width: 100%;
    /* WEB_TEAM-413 suzuki 20220830 */
  }


/*footer*/
body #footer #footerInner{
    width: auto;
    font-size: 100%;
  }
  body #pageTop{
    width: auto;
    font-size: 75%;
  }
  body #footer #footerInner .fNav li{
      display: block;
	  width: auto;
	  float: left;
	  width: 36%;
	  font-size: 80%;
  }
  body #footer #footerInner h2{
    padding: 10px;
  }
  body #copyright{
  	color: #000;
	  text-align: center;
	  width: auto;
	  padding: 0 10px;
	  font-size: 50%;
    display: none;
  }
  body #sidebar iframe,
  body #sidebar-second iframe,
  .fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fb_iframe_widget span{
		  width: 235px !important;
  height: 240px !important;
  margin: 0 auto;
  display: none !important;
	}

  body #fb_button iframe,
  .fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fb_iframe_widget span{
		  width: 125px !important;
  height: 25px !important;
  margin: 0 auto;
  display: block !important;
	}

  body #footer #footerInner .fNav a{
      color: #fff;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  font-size: 100%;
  }

/*パンくず*/
body .method{
	padding: 0 10px;
}
/*body .method a{
	font-size: 10px;
}*/
/*一覧*/
body #pageBody .secHead{
  float: none;
  width: auto;
  overflow: hidden;
}
body #pageBody .block05 .text06{
  width: auto;
  float: none;
  padding: 0px 15px;
  overflow: hidden;
  display: block;
  width: auto;
  clear: both;
}
body #pageBody .block05 .text06 p{
    float: left;
  padding: 10px 0;
  font-size: 100%;
  clear: both;
}
body table.company-header{
  position: relative;
}
body table.company-header td.pub{
    position: absolute;
    right: 0;
    top: -20px;
}
body #pageBody #content .company-box01 .company-box01-text{
  float: none;
}
body table.company-header td.updated{
  font-size: 100%;
    letter-spacing: 0.07em;
    white-space: nowrap;
    text-align: right;
    display: block;
    width: 100%;
}
body table.company-header tr:nth-child(2) td{
  padding-top: 0;
      display: block;
      width: 100%;
      font-size: 100% !important;
}
body table.company-header tr:nth-child(2) td br{
  display: none;
}
body table.company-header td.pub p{
  display: block !important;
}
body #pageBody #content .company-box01 div.company-box01-column p.company-box01-column-title{
  display: block;
  font-size: 120%;
}
body #pageBody .block05 .text06 select{
  float: none;
}
body #pageBody .block05 .text06 p a{
  font-size: 100%;
}
body #sidebar div.box .size02{
  width: 80% !important;
  height: auto;
}
body #pageBody .block05 .text05 p a{
    border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  display: block;
  font-size: 100%;
}
body #pageBody .block05 .text05{
  padding: 0 15px;
  display: none;
}
body #pageBody .block05{
  width: auto;
  float: none;
  margin: 0;
  font-size: 100%;
  clear: both;
}
body div.TileOn{
	position: relative;
  height: auto;
  width: 45%;
  background-color: #6495ed;
  margin: 2px;
  padding: 2px;
  float: left;
  text-align: center;
}
body div.TileOff{
	  position: relative;
  height: auto;
  width: 45%;
  background-color: #e6e6fa;
  margin: 2px;
  float: left;
  text-align: center;
  padding: 2px;
}
body #pageBody .block05 .table02 .tbltext a{
  margin: 0 5px;
    width: 90%;
    display: block;
    font-size: 100%;
    margin-bottom: -16px;
}
body span.age2,
body span.age1{
	  position: relative;
  line-height: 1.4;
  bottom: 0;
  left: 0;
      font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 10pt;
  color: White;
}
body #pageBody .block05 .table02 td{
	padding: 5px;
    display: block;
  overflow: hidden;
  width: auto;
  font-size: 100%;
  background: #fff;
}
body #pageBody .block05 .table02 td:nth-child(3){
  display: none;
}
body #pageBody .block05 .table02{
  font-size: 100%;
}
body #pageBody .block05 .table02,
body #pageBody .block05 .table02 td p{
  float: none;
  width: 100%;
}
body #pageBody .block05 .table02 .thtext{
    font-size: 100%;
    background: #f3f3f3;
    display: block;
    width: calc(100% - 2px);
    padding: 5px 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #ccc;
}
body #pageBody .block05 .table02 .tablettl p{
  float: none;
  width: auto;
  font-size: 110%;
}
body #pageBody .block05 .table02 td table.result_button01{
  width: 100%;
  font-size: 100%;
  position: relative;
}
body #pageBody .block05 .table02 td table.result_button01 td{
  display: block;
  width: 100%;
  padding-bottom: 40px;
}
body #pageBody .block05 .table02 td p{
  height: auto !important;
  font-size: 100%;
}
body #pageBody .block05 .table02 td table.result_button01 td.button01{
  display: block !important;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 0;
}
body #pageBody .block05 .table02 .tablettl span{
  font-size: 80%;
}
body #pageBody .pagenumber{
  width: auto;
  float: none;
}
body #pageBody .pagenumber{
  padding: 10px 0 0 15px;
}
body #pageBody .pagenumber p{
  float: left;
  padding: 15px 0;
}

body #sidebar div.box02,
body #sidebar-second div.box02{
  width: auto;
  float: none;
  overflow: hidden;
  font-size: 100%;
}
body #sidebar div.box02 ul,
body #sidebar-second div.box02 ul{
  font-size: 100%;
}
body #sidebar div.box02 h2,
body #sidebar-second div.box02 h2{
  text-align: center;
  float: none;
    background: #943b17;
    margin-bottom: 15px;
}
body #sidebar div.box02 .newsttl,
body #sidebar-second div.box02 .newsttl{
  width: auto;
  float: none;
  display: block;
  overflow: hidden;
  background: #f5ebd8;
}
body #sidebar div.box02 div.news,
body #sidebar-second div.box02 div.news{
  float: none;
  margin: 0 6px 0 0;
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li p a,
body #sidebar-second div.box02 div.news ul li p a{
  font-size: 100%;
  display: block !important;
}
body #sidebar div.box02 div.news ul,
body #sidebar-second div.box02 div.news ul{
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li.libottom,
body #sidebar-second div.box02 div.news ul li.libottom{
  float: none;
  width: auto;
  overflow: hidden;
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li p,
body #sidebar-second div.box02 div.news ul li p{
  font-size: 100%;
  float: none;
  display: block !important;
}
body #sidebar div.box div.boxInner p,
body #sidebar-second div.box div.boxInner p{
  display: block !important;
}
body #sidebar div.box02 div.news ul li.lilist,
body #sidebar-second div.box02 div.news ul li.lilist{
   float: none;
  background: #fff;
  padding: 0 0 7px 0;
  width: auto !important;
  overflow: hidden;
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li.lilist ul,
body #sidebar-second div.box02 div.news ul li.lilist ul{
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li.libottom02,
body #sidebar-second div.box02 div.news ul li.libottom02{
  float: none;
  width: auto;
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li p.fontstyle,
body #sidebar-second div.box02 div.news ul li p.fontstyle{
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li p.fontstyle a,
body #sidebar-second div.box02 div.news ul li p.fontstyle a{
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li,
body #sidebar-second div.box02 div.news ul li{
  float: none;
  width: auto;
  overflow: hidden;
  padding: 10px 0 10px 16px;
  font-size: 100%;
  margin: 0;
}
/*キーワード一覧*/
body #pageBody #content .block{
  font-size: 100%;
}
body #pageBody #content .block .ttl,
body #pageBody #content .bottomblock,
body #pageBody #content{
	float: none;
	width: auto;
	overflow: hidden;
  font-size: 100%;
}
body #pageBody #content .block .ttl h1{
	float: none;
	width: auto;
  font-size: 100%;
}
body #pageBody #content .block .ttl p{
	display: none;
}
body #pageBody #content .block .ttl a{
  font-size: 100%;
}
body #pageBody #content .block .box03{
	width: auto;
	border-left:none;
	border-right:none;
	padding-top: 10px;
    float: none;
  display: block;
  font-size: 100%;
}
body #pageBody #content .block .box03 h2.title01{
	padding: 10px;
  font-size: 100%;
}
body .keyword-list01 li{
	overflow: hidden;
  padding: 10px 10px 0 10px !important;
  background-color: #d5daff !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body .keyword-list01 li a{
  padding-bottom: 10px;
}
body #pageBody #content .block .box03 ul{
	padding: 0;
  overflow: hidden;
  font-size: 100%;
}
body table.company-header td.pub p{
  font-size: 90% !important;
}
body #pageBody #content .block .box03 ul.list01 li{
  padding: 10px;
  font-size: 100%;
}
body #pageBody #content .block .box03 ul.list01 li.B a{
  font-size: 100%;
}
body #pageBody #content .company-box01 h2{
  font-size: 150%;
  width: auto;
}
body table.company-header td.accountName{
  font-size: 100%;
  display: block;
  padding-top: 10px;
}
/*求人一覧*/
body #pageBody .secHead{
	padding: 10px;
}
body .section ul.listLink03 li,
body .section ul.listLink li{
	background-color: #d5daff;
  padding: 5px;
  margin: 5px;
  width: auto;
}
body .section div.block03{
	padding: 10px;
}
/*転職体験記*/
body #pageBody #content{
	float: none;
	width: auto;
  font-size: 100%;
}
body #pageBody #content .ttlimg{
	float: none;
	width: auto;
	margin:10px 0;
}
body #pageBody #content .ttlimg-advice{
	width: auto;
	border-right: 1px solid #ddd;
}
body #pageBody #content .block{
	float: none;
	width: auto;
	overflow: hidden;
}
body #pageBody #content .block .ttl{
	  float: none;
  width: auto;
  height: auto;
  background: none;
  border-top: 5px solid #EC9E80;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  font-size: 100%;
  margin-bottom: 10px !important;
}
body #pageBody #content .block .box{
	width: auto;
	float: none;
	border-left:none;
	border-right:none;
	padding: 10px;
	overflow: hidden;
  font-size: 100%;
}
body #pageBody #content .block .box p.R,
body #pageBody #content .block .box p.text01 b{
  font-size: 100%;
}
body #pageBody #content .block .box p.text01{
  font-size: 100%;
}
body #pageBody #content .block .box p.text01 a{
	  padding: 10px;
  background-color: #ccc;
  display: block;
  color: #000;
  text-align: center;
  font-size: 100%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body #pageBody #content .block .box p.text01 img{
	width: 100%;
}
/*詳細*/
body #pageBody .block .table02{
	float: none;
	width: 100%;
  font-size: 100%;
}
body #pageBody .block .table02 .tablettl{
  font-size: 100%;
  width: auto;
}
body #pageBody .block .table02 .tablettl h1{
  font-size: 110%;
	width: auto;
}
body #pageBody .block .table02 .tablettl em{
	float: left;
}
body #pageBody .block .table02 .thtext{
	padding: 5px;
	width: 30%;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
    background: #f3f3f3;
    display: block;
    width: calc(100% - 2px);
    padding: 5px 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #ccc;
}
body #pageBody .block .table02 .tdflex{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

body #pageBody .block .table02 td{
	padding: 5px;
	font-size: 100%;
	display:block;
}
body #pageBody .block .table02 .tbltext a{
  font-size: 100%;
}


body div.publicationBtns, div.referralsBtns,
body #pageBody .block .text04{
	float: none;
	width: auto;
	overflow: hidden;
}
body #pageBody .block .text04{
  display: none;
}
body div.publicationBtns div#areaApply,
body div.referralsBtns div#areaApply{
  width: 100%;
  float: none;
  margin: 0 auto 10px;
  overflow: hidden;
}
body div.publicationBtns div#areaApply span.requested,
body div.referralsBtns div#areaApply span.requested{
      float: none;
      width: 60%;
}
body div.publicationBtns div#areaApply span.requested,
body div.referralsBtns div#areaApply span.requested{
  width: auto !important;
}
body div.publicationBtns div#areaApply div#divApply button[type=submit],
body div.publicationBtns div#areaApply div#divApply input[type=submit],
body div.publicationBtns div#areaApply div#divApply input[type=button],
body div.referralsBtns div#areaApply div#divApply button[type=submit],
body div.referralsBtns div#areaApply div#divApply input[type=submit],
body div.referralsBtns div#areaApply div#divApply input[type=button]{
	width: 100% !important;
	font-size: 13px;
}
body div.publicationBtns div div#divBookMark input[type=button],
body div.referralsBtns div div#divBookMark input[type=button]{
	width: 100%;
	font-size: 13px;
}
body div.publicationBtns div#divBookMark{
	margin-right: 0;
}
body div.publicationBtns div#areaApply div,
body div.referralsBtns div#areaApply div{
	  display: inline-block;
  float: left;
  width: 46%;
}
body div.publicationBtns div#areaApply div .requested
body div.publicationBtns div#divBookMark div .requested{
  width: auto;
}
body div.publicationBtns,
body div.referralsBtns{
	  width: auto;
  /*padding: 10px; 20210818コメアウト*/
}
body #pageBody .block .boxttl{
	  float: none;
  padding: 2%;
  width: 95.6%;/*96%→100% 20210625→95.6% 20210629*/ 
  font-size: 100%;
}
body #pageBody .block .boxttl h2{
  font-size: 100%;
}
body #pageBody .block .factor{
	float: none;
	width: auto;
	padding: 0;
  font-size: 100%;
}
body div.publicationBtns div#areaApply span.requested,
body div.referralsBtns div#areaApply span.requested{
      width: auto !important;
}
body .dot{
	border-bottom: 1px solid #ccc;
}
body #pageBody .block .factor ul li{
	margin-bottom: 0;
  font-size: 100%;
}
body #pageBody .block .factor ul li a{
  font-size: 100%;
}
body .method #content .factor p em a{
  display: block;
}
body #pageBody .block .factor p{
	  float: none;
  letter-spacing: 0.15em;
  margin: 0;
  padding: 10px;
  background-color: #ccc;
  display: block;
  text-align: center;
}
body #pageBody .block .factor p a{
	color: #000;
}
body div.step_line{
  background-position: 20px;
}
body div.step{
	width: auto;
	padding: 3%;
  display: block;
  height: auto;
}
body div.step1,
body div.step2,
body div.step3,
body div.step4,
body div.step5{
	width: 100%;
}
body div.flow-comment{
	width: 80%;
	height: auto;
  padding-left: 50px;
}
body #pageBody #content .midasi{
	  float: none;
  margin: 10px;
  width: auto;
}
body #pageBody #content .midasi h3{
	float: none;
	margin: 0;
}
/*サービスのご案内*/
body #pageBody #content .ttlimg-advice,
body #pageBody #content .ttlimg-industry{
	  width: auto;
  border: 1px solid #ddd;
  background: none;
  padding: 10px;
  font-size: 18px;
  height: auto;
  font-weight: bold;
}
body #pageBody #content .block{
	float: none;
	width: auto;
	padding: 0 8px;
	font-size: 100%;
}

body #pageBody #content .block .box06{
	border-left:none;
	border-right:none;
	border-bottom:none;
}

body #pageBody #content .company-box01 h1 {
	font-size:120%;
}

#pageBody #content .company-box01 .company-box01-logo {
	margin-bottom:16px;
}

/**/
body #pageBody #content .block .left{
	  width: 49%;
  margin: 0 2% 0 0;
}
/*body #pageBody #content div:nth-child(1) img{
	width: 100%;
}*/
/*body #pageBody #content img{
	width: 100%;
}*/
body #pageBody #content .block .right{
	width: 49%;
}
body #pageBody #content .block .left img,
body #pageBody #content .block .right img{
	width: 100%;
}
body .caption{
	margin: 10px;
}
body .tenshoku-entry-box02{
	border: none;
	padding: 10px;
	width: auto;
  font-size: 100%;
}
body #pageBody #content .after-title01{
	margin: 0;
  font-size: 100%;
}
body #pageBody #content .after-box01{
	margin: 0;
	padding: 10px;
  font-size: 100%;
}
body #pageBody #content .block .after-box01 ul li ul li.dot{
  font-size: 100%;
  padding: 10px;
}
body #pageBody #content .after-box01 ul li{
  font-size: 80% !important;
}
body #pageBody #content .after-box01 ul li ul,
body #pageBody #content .after-box01 ul li,
body #pageBody #content .after-box01 ul{
  font-size: 100% !important;
}
body .company-btn01{
  margin: 0;
}
body .company-btn01 a img{
	width: 100% !important;
}
body #pageBody #content .block .tenshoku-entry-box02 .boxbottom{
	display: none;
	float: none;
	margin: 0;
}
body .tenshoku-entry-box02{
	border: none;
  padding: 10px;
  font-size: 100%;
}
body .tenshoku-entry-box02 img{
	width: auto !important;
}
body .tenshoku-entry-box02 span ul li,
body .tenshoku-entry-box02 span ul,
body .tenshoku-entry-box02 span,{
  font-size: 100%;
}
body .tenshoku-entry-box02 p.pb10{
  font-size: 100%;
  padding-bottom: 0;
}
body .tenshoku-entry-box02 span{
  font-size: 100% !important;
}
body .imgL{
	float: none;
	margin: 0 0 10px 0;
  text-align: center;
}
body .imgR img,
body .imgL img{
	border: none !important;
	padding: 0 !important;
	width: 100%;
}
body .C{
	width: auto;
	padding: 10px;
}
body .tenshoku-entry-box01{
	padding: 10px;
  margin: 10px;
  width: auto;
}
body .caption{
	margin: 0;
}
body div#login_div ul.listButton{
	  width: auto;
  float: none;
}
body #pageBody #content .blockcontent02{
	width: auto;
	float: none;
	padding: 10px;
}
body div#login_div ul.listButton li.regist a input[type=button]{
  width: 280px;
  height: 108px;
  background-size: 100%;
  margin: 0 auto;
  display: block;
}
body div#login_div div.login_form{
	height: auto !important;
}
body div#login_div div.login_form{
	  width: auto;
  float: none;
}
body div#login_div div.login_form section input[type=password],
body div#login_div div.login_form section input[type=text]{
	padding: 10px;
}
body aside#sidebar ul.listButton li,
body aside#sidebar-second ul.listButton li,
body div#login_div ul.listButton li{
	  margin: 0 0 20px 0;
}
body aside#sidebar div.login_form div.btn_center input[type=submit],
body aside#sidebar-second div.login_form div.btn_center input[type=submit],
body div#login_div div.login_form div.btn_center input[type=submit]{
	padding: 15px;
}
body aside#sidebar div.login_form div.login-reminder a,
body aside#sidebar-second div.login_form div.login-reminder a{
  width: 100%;
}
/**/

/**/
body #pageBody #content .blockcontent{
	  width: auto;
  float: none;
}
body #pageBody #content .blockcontent .box{
	display: none;
}
/**/

body .blocktext{
	clear: both;
}
body #pageBody #content .blockcontent p{
	width: auto;
	margin: 0;
	float: none;
	margin-bottom: 20px;
	  overflow: hidden;
}
body #pageBody #content .blockcontent p img{
	  width: 49%;
	  margin-right: 2%;
}
body #pageBody #content .blockcontent p .btnscout{
	margin: 0;
}
body #pageBody #content .blockcontenttop,
body #pageBody #content .blockcontentbottom{
	display: none;
}
body #pageBody #content .blockcontent{
	background: none;
}
body #pageBody #content .blocktext ul{
	  float: none;
  margin: 0 0 15px 0;
  width: auto;
    padding: 10px;
  font-size: 100%;
}
body #pageBody #content .block .box04{
	width: auto;
	border: none;
  float: none;
}
body .imgR{
	float: none;
	margin: 10px;
}
body .imgR img{
	border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
body #pageBody #content .block .box04 span{
	float: none;
	margin: 10px;
	width: auto;
	display: block;
  font-size: 100%;
}
body #pageBody #content .block .box04 span a{
  background-color: #446cc7;
  padding: 15px;
  color: #FFF;
  display: block;
  font-size: 100%;
}
body #pageBody #content .block .box02{
	  float: none;
  width: auto;
  border: none;
  font-size: 100%;
}
body #pageBody #content .block .box02 .text01{
	float: none;
	width: auto;
	padding: 10px 0;
  font-size: 100%;
}
body #pageBody #content .block .box02 h4{
	  float: none;
  margin: 15px;
  display: block;
  text-align: center;
}
body #pageBody #content .block .box02 h4 img{
	width: auto;
}
body #pageBody #content .block .box02 .boxbottom img{
	width: 7%;
  display: none;
}
body #pageBody #content .block .box02 ul{
	  float: none;
  margin: 0;
  width: auto;
  overflow: hidden;
  font-size: 100%;
}
body #pageBody #content .block .box02 ul .text02{
	  float: none;
  font-size: 100%;
  letter-spacing: 0.06em;
  margin: 0;
  padding: 10px;
  width: auto;
}
body #pageBody #content .block .box02 p{
	  float: none;
  font-size: 100%;
  margin: 0;
  width: auto;
  padding: 10px;
}
body #pageBody #content .block .box02 p a{
  font-size: 100%;
}
body .block10{
	float: none;
	width: auto;
	background: none;
	margin: 0 0 20px 0;
	overflow: hidden;
}
body #pageBody #content .block h3{
	text-align: left;
	float: none;
	background-color: #ddd;
	  padding: 10px 0 0;
}
body .blockInner10{
	  float: none;
	  background: none;
  padding: 10px;
  width: auto;
  overflow: hidden;
  background-color: #ddd;
}
body .blockInner10 .email{
	float: none;
	background: none;
	padding: 0;
}
body .blockInner10 .emailInner{
	float: none;
	padding: 0;
	background: none;
	width: 100%;
  background-color: #fff;
}
body .blockInner10 .emailInner .image{
	  display: inline;
  float: left !important;
  margin: 0 0 5px 0 !important;
  width: 63px !important;
}
body .blockInner10 .emailInner .text{
	float: left !important;
  padding-top: 7px;
  padding-left: 3px;
  width: 58% !important;
}
body .blockInner10 .emailInner .size01{
	  width: 93%;
  padding: 3%;
}
body #pageBody #content .blocktext h1{
	  width: auto;
  padding: 10px;
  font-size: 100%;
}
body #pageBody #content .block .box02 span{
	width: 100%;
}
body #pageBody #content .block .box02 span a{
  font-size: 100%;
}
body #pageBody #content .block .box02 .boxbottom{
	clear: both;
  display: none;
  float: none;
  margin: 0;
  font-size: 70%;
}
body #pageBody #content .block .box02 .list01{
	margin: 0;
  font-size: 100%;
}
body #pageBody #content .block .box02 .list01 li{
	width: auto;
	padding: 10px;
  font-size: 100%;
}
body #pageBody #content .block .box02 .list01 li a{
  font-size: 100%;
}
body #about_box{
	padding: 10px;
}
body #about_box p{
  font-size: 100%;
}
body #about_box{
  font-size: 100%;
}
body #pageBody #content .block .box02 span{
	float: none;
	margin: 0;
	padding: 10px;
  width: auto;
  display: block;
  font-size: 100%;
}
body #pageBody #content .block{
  font-size: 100% !important;
}
body .interview-text{
	float: none;
	width: auto;
  font-size: 100%;
}
body .interview-text p{
  font-size: 100%;
}
/*body #pageBody #content .text01{
  display: none;
}*/
body .category{
  font-size: 100%;
}
body table.after_table01 td,
body table.after_table01 th,
body table.after_table01{
  font-size: 100%;
}
body #pageBody #content .block .box03 p{
	padding: 10px;
  font-size: 100% !important;
}
body #pageBody #content .block .box03 a{
	  margin-bottom: 10px;
    font-size: 90%;
  display: inline-block;
}
body .interview-navi{
	  float: none;
  border: 1px solid #ccc;
  width: auto;
  margin-right: 0;
  padding: 10px;
  margin: 10px;
  font-size: 100%;
}
body .interview-navi ul li{
	padding: 0 0 20px 7px;
}
/*転職対策講座*/
body #pageBody #content .block .ttl h2{
	float: none;
	width: auto !important;
	margin: 10px;
	overflow: hidden;
  font-size: 100%;
}
body #pageBody #content .block .box03 ul li{
	padding: 0px 10px 10px;
  width: auto;
  background: none;
  font-size: 100%;
}
/*業界情報*/
body #pageBody #content .textlist{
	float: none;
	width: auto;
	overflow: hidden;
  font-size: 100%;
}
body #pageBody #content .block .box em{
	border: none;
	  width: auto;
  padding: 0 8px;
}
body #pageBody #content .textlist dt,
body #pageBody #content .textlist img{
	display: none;
}
body #pageBody #content .textlist dl{
	margin-bottom: 20px;
  font-size: 100%;
}
body #pageBody #content .textlist dd{
	float: none;
  font-size: 100%;
}
body #pageBody #content .textlist span{
	float: none;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 10px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
body #pageBody #content .block .box .ulcon{
  font-size: 100%;
}
body #pageBody #content .block .box .ulttl a,
body #pageBody #content .textlist span a{
  font-size: 100%;
}
body #pageBody #content .textlist span a{
  font-size: 100% !important;
}
body #pageBody #content .block .box .ulttl{
  font-size: 100%;
}
body #pageBody #content .block .ttl span{
	width: 90%;
  font-size: 100%;
}
/*タイトル*/
body #pageBody #content .ttlimg-about,
body #pageBody #content .ttlimg-contact{
	  background: none;
  height: auto;
  margin: 0;
  width: auto;
  padding: 10px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #ddd;
  margin-bottom: 14px;
}
/*会社情報*/
body .about-navi-box01{
	float: none;
	width: auto;
}
body .about-navi-box01 ul.list01{
	  width: auto;
  display: block;
  clear: both;
  margin-bottom: 20px;
}
body table.corporate_data{
	margin: 0 10px;
  font-size: 80%;
}
body table.corporate_data th{
	width: 30%;
  font-size: 100%;
}
body table.corporate_data td{
	width: 70%;
  font-size: 100%;
}
body table.corporate_data td a{
  font-size: 100% !important;
}
body #pageBody #content .block .box03 p iframe{
	width: 100% !important;
	height: 300px !important;
}
body #pageBody #content .consullist2{
	margin: 0;
}
body dl.thumbnail div{
	  margin: 0 0 10px 0;
	    width: 33.3%;
}
body #pageBody #content .block .box03 a{
	margin-bottom: 0;
  font-size: 100%;
}
body dl.thumbnail_s img,
body dl.thumbnail img{
	padding: 0px !important;
  border: none;
  margin: 0;
  width: 100%;
  height: auto;
}
body dl.thumbnail_s div{
	margin: 0;
}
body #pageBody #content .block .box03 h3{
	  padding: 10px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 90% !important;
}
body #pageBody #content .consul-box01{
	padding: 0;
	margin: 0 10px 15px;
}
body #pageBody #content .consul-box01 a{
  font-size: 120%;
}
body #pageBody #content .block .box03 h3.red,
body #pageBody #content .block .box03 h3.consul-title01{
  font-size: 80% !important;
}
body #pageBody #content .block .box03 h3.title01{
	  margin: 0 10px 10px;
    font-size: 70%;
    padding: 10px;
    font-size: 100% !important;
}
body .ulttl .dot{
	display: none;
}
body .publicity-bocx01{
	float: none;
	width: auto;
}
body #pageBody #content .block .box03 p.ulttl{
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
body #pageBody #content .block .box03 p.ulttl a{
  font-size: 100%;
}
body #pageBody #content .block .ttl img{
	width: auto;
}
body #pageBody #content .blocktext h1 img{
	width: auto;
}
body aside#sidebar div.login_form section input[type=text],
body aside#sidebar div.login_form section input[type=password],
body aside#sidebar div.login_form section textarea,
body aside#sidebar-second div.login_form section input[type=text],
body aside#sidebar-second div.login_form section input[type=password],
body aside#sidebar-second div.login_form section textarea,
body div#login_div div.login_form section input[type=text],
body div#login_div div.login_form section input[type=password],
body div#login_div div.login_form section textarea{
  padding: 10px;
}
body header#header section#headerInner div.hAuthentication{
  float: right;
  display: block;
  padding: 5px 10px;
    clear: inherit;
}
body aside#sidebar ul.listButton li.mypage a input[type=button],
body aside#sidebar-second ul.listButton li.mypage a input[type=button]{
    width: 280px;
  margin: 0 auto;
  height: 155px;
  margin: 0 auto;
}
body table.advice_table03 td{
  font-size: 8px;
}
  /*フォーム追加*/
body p#pageTop a,
body div#pageTop a{
    width: 45%;
  margin-right: 0;
  height: auto;
  text-align: right;
  padding: 10px 10px 0 0;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  font-size: 110%;
}
body footer section#footerInner{
  padding: 0;
}
body footer h2{
  padding: 0 10px;
  margin: 0;
}
body div#personal div.contents{
  width: auto;
}
body .blocktext{
  padding: 10px;
  width: auto;
  font-size: 100%;
}
body section.attention,
body div.attention{
  width: auto;
  padding: 10px;
  border: none;
}
body ol.step4_gray li{
    min-height: 10px !important;
  display: block;
  background: none;
  margin: 0 10px;
  width: auto;
  height: auto;
  padding: 10px;
  text-align: center;
  margin-bottom: 5px;
}
body ol.step4_gray li:nth-last-of-type(1){
  width: auto;
}
body section#settings div#signup div#signupFrm table th{
    width: auto !important;
  display: block;
}
body div.contents table td{
    display: block;
}
body section#settings div#signup div#signupFrm input[type="text"],
body section#settings div#signup div#signupFrm input[type="password"]{
  margin-right: 0 !important;
  padding: 10px;
  width: 90%;
  margin-bottom: 10px;
}
body #signupKiyaku{
  width: auto !important;
  height: 150px !important;
}
body #signupKiyaku h3 img{
  display: none;
}
body #signupAgree{
  width: auto;
  padding: 10px;
}
body .secHead{
  width: auto;
  padding: 0 10px;
}
body #login{
    width: 150px;
  padding: 10px;
}
body section#login div.login_form section input{
  width: 95%;
}
body section#login div.btn_center{
  width: auto;
  display: block;
}
body section#login div.btn_center input[type="submit"]{
  padding: 20px 50px;
}
body section#regist table th,
body section#settings table th,
body section#login table th{
  display: block;
  width: auto;
}
body div.contents table td{
  width: auto
}
body #CFForm_1{
  width: auto;
}
body section.kotora25 div{
  padding: 10px;
  margin: 0;
}
body section.kotora25 div.login_k25 ul.listButton li{
  float: none;
}
body section.kotora25 div.login_k25 ul.listButton{
  width: auto;
}
body section.kotora25 div.login_k25 ul.listButton li.sample a input[type=button],
body section.kotora25 div.login_k25 ul.listButton li.mypage a input[type=button],
body section.kotora25 div.login_k25 ul.listButton li.regist a input[type=button]{
    width: 280px;
  height: 108px;
  margin: 0 auto;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
}
body section.kotora25 div{
  width: auto;
  padding: 0 10px;
}
body section.kotora25 div img{
  width: 100%;
  height: auto;
}
body section#settings.kotora25.test form#answer div.contents table tbody tr th,
body section#settings.kotora25.test div.contents table tbody tr th{
    width: auto !important;
}
body section#regist input[type=text],
body section#regist input[type=password],
body section#regist textarea,
body section#settings input[type=text],
body section#settings input[type=password],
body section#settings textarea,
body section#login input[type=text],
body section#login input[type=password],
body section#login textarea{
  width: 90%;
  padding: 10px;
  margin-bottom: 5px;
}
body nav#select_formtype ul li a{
  width: auto;
  font-size: 10px;
}
#settings{
  float: none !important;
}
body nav#select_formtype ul{
  overflow: hidden;
}
body nav#select_formtype ul li{
  float: left;
  width: 50%;
}
body section#regist div#settings_regist,
body section#settings div#settings_regist,
body section#login div#settings_regist{
  margin-top: 0;
}
body section#settings select{
  width: 100%;
}
body #school_name{
  width: 90% !important;
  margin: 0 !important;
}
body .gray{
  display: block !important;
}
body #keiken3,
body #post3,
body #company3,
body #keiken2,
body #post2,
body #company2,
body #keiken1,
body #post1,
body #company1{
  width: 90% !important;
}
body #kinzoku3_end,
body #kinzoku3,
body #kinzoku2_end,
body #kinzoku1_end,
body #kinzoku2,
body #kinzoku1{
  width: 30% !important;
}
body #shokumu3,
body #shokumu2,
body #shokumu1{
  margin: 0 !important;
}
body section#settings div#settings_regist input[type="submit"]{
  width: 100% !important;
}
body section#regist div#settings_2column,
body section#settings div#settings_2column,
body section#login div#settings_2column{
  width: auto !important;
  padding: 10px !important;
}
body section#regist div#settings_2column div#settings_regist,
body section#settings div#settings_2column div#settings_regist,
body section#login div#settings_2column div#settings_regist{
  width: 47% !important;
}

body section#kotora25-sample h2{
    margin: 15px 0 !important;
  width: auto !important;
}
body section#kotora25-sample div.kotora25-sample-description{
  width: auto !important;
  padding: 10px !important;
}
body section#kotora25-sample div.kotora25-sample-description img{
  width: 100% !important;
}
body section#settings.kotora25.test div#instruction{
  width: auto !important;
}
body section#settings.kotora25.test div#instruction div.sample img{
  width: 100% !important;
}
body #AnswerPurposeOtherText{
  width: 90% !important;
}
/*新規追加*/
body table.advice_table02 td,
body table.advice_table02 th,
body #pageBody #content .block .box03 p,
body .caption,
body #pageBody #content .blocktext ul li{
  font-size: 100%;
}
body #pageBody #content .block .box03 p span.B{
  display: block;
  font-size: 100%;
}
body #pageBody #content .block .box03 p a{
  font-size: 100%;
}
/*body #pageBody #content .block .ttl span{
  font-size: 140%;
}*/
body .ulttl a{
  font-size: 100% !important;
}
body .section ul.linkList03 li a{
  font-size: 100%;
}
body #pageBody #content .block .box .boxbottom,
body #pageBody #content .block .box03 p.boxbottom{
  font-size: 100%;
  padding: 0;
  display: none;
}
body #pageBody #content .block .box .boxbottom img,
body #pageBody #content .block .box03 .boxbottom img{
  width: 7%;
  display: none;
}
body #pageBody #content .block .box ul,
body #pageBody #content .block .box ul .lineh,
body table.advice_table01 td,
body table.advice_table01 th{
  font-size: 100%;
}
#pageBody #content .block .box ul .lineh{
  margin-bottom: 10px;
}
body table.advice_table01 td a{
  font-size: 100% !important;
}
body #pageBody #content .block .box .boxbottom{
    float: none;
  display: none;
  text-align: right;
  margin: 0;
  font-size: 100%;
}
body table.advice_table02{
  font-size: 100%;
}
body table.advice_table02 td{
  font-size: 100% !important;
}
body .section table.tableSytle ul.linkList04 li label span{
    font-size: 100%;
}
body table.industry_table01 th.koumoku01{
    width: 15%;
}
body .section table.tableSytle ul.linkList04 li input,
body .section table.tableSytle ul.linkList04 li label{
  font-size: 100%;
}
body #sidebar div.box02 div.news ul li img,
body #sidebar-second div.box02 div.news ul li img{
  width: auto;
}
body .method > nav#pannav{
  display: none;
}
body #pageBody .block .table02 .tablettl img{
  width: auto;
}
body header#header section#headerInner div#authentication a.login input[type=button]{
    padding: 10px 15px;
    line-height: 0.8;
    margin: 0;
}
body header#header div.hAuthentication a.login input[type="button"]{
  font-size: 80%;
}
/*フォーム追加**/
body .company-box01{
  padding: 10px;
}
body .company-box01-logo{
  /*display: none;*/
  margin: 0 auto;
  float: none !important;
  margin: 0 auto;
}
body .company-box01 div{
  width: auto !important;
}
body #pageBody #content .company-box01 .company-box01-name{
  height: auto;
  padding-top: 20px;
}
body #pageBody #content .company-box01 .boxbottom{
  display: none;
}
body #pageBody #content .blockcontent02 p{
  float: none;
  margin: 0;
  width: auto;
}
body #pageBody #content .blockcontent02 p img{
  float: none;
    margin-bottom: 10px;
    width: 100%;
}
body #pageBody #content .blockcontent02 p .btnscout{
  float: none;
  margin: 0;
}
body #pageBody #content .ttlimg-industry3{
    width: auto;
  border: 1px solid #ddd;
  background: none;
  padding: 10px;
  font-size: 18px;
  height: auto;
  font-weight: bold;
}
body table.serviceForm th,
body table.serviceForm td{
  display: block;
  width: auto;
  padding: 10px;
}
body table.serviceForm td input,
body table.serviceForm td select,
body table.serviceForm td textarea{
    width: 98% !important;
}
body #name_mei,
body #name_sei{
  width: 30%;
}
body h3.con_midasi{
  background: none;
}
header#header div.hAuthentication a {
    text-decoration: none !important;
    font-size: 100%;
}
body header div#switch{
  display: none !important;
}
/*co*/
/*body #pageBodyInner div:nth-child(2) img{
  width: 100%;
  height: auto;
}*/
/*body #footer #footerInner .fNav li.first{
  padding-left: 0;
}*/
.service_contents{
  padding: 10px;
}
.service_contents .lpHead img,
.service_contents a img{
  width: 100% !important;
  height: auto;
}
.service_contents a{
  font-size: 100% !important;
}
.service_contents .sectionInner div.photo img,
.service_contents div:nth-child(6) img{
  width: 100% !important;
  height: auto;
}
.service_contents div{
    width: auto !important;
    margin: 0 0 10px 0 !important;
      font-size: 100% !important;
}
body .service_contents .section div.sectionInner{
  display: block !important;
    padding: 10px !important;
}
body .service_contents .section div.sectionInner p{
  font-size: 100% !important;
}
body .service_contents .section div.sectionInner div{
  width: auto !important;
  height: auto !important;
  padding: 10px !important;
}
body .service_contents table{
  width: 100%;
}
body .service_contents table td,
body .service_contents table th{
  width: 25%;
}
.lp_kotoralogo{
  display: none !important;
}
body #pageBodyInner .service_contents div:nth-child(2) img{
  width: auto;
}
body .pc,
body .sp{
  display: block;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    background-color: #000;
    width: 100%;
    color: #fff;
    padding: 15px 0;
    cursor: pointer;
    text-align: center;
    font-size: 80%;
}
body nav#pNav ul {
    overflow: hidden;
}
body #pageBody #content .textlist dd br{
  display: none;
}
body nav#pNav ul li {
    float: left;
    width: 50% !important;
    text-align: left;
    margin: 5px 0;
    font-size: 100%;
}
body nav#pNav ul li a {
        font-size: 10px;
    background-size: 20px;
    padding: 0 0 0 22px;
    margin: 0;
}
body ul#tab{
  margin-top: 30px;
}
body ul#tab li{
  width: 38%;
  font-size: 90%;
}
body div#login_div ul.listButton li.mypage a input[type="button"]{
  margin-left: 0 !important;
}
body div#login_div ul.listButton li.mypage a input[type=button]{
  background-size: 100%;
    width: 300px;
    height: 118px;
    margin: 0 auto;
}

body section#settings .done p:nth-child(2),
body header div#switch{
  display: none !important;
}
body section.kotora25 div#exit-answer{
  line-height: 1.6 !important;
  margin: 10px 0;
}
body section.kotora25 table#services-service th{
  width: 100% !important;
  height: 90px;
}
body section.kotora25 div.service-list{
  margin: 10px 0;
}
body section.kotora25 table#services-service tr{
      float: left;
    width: 50%;
}
body section.kotora25 table#services-service td{
      height: 90px;
    padding: 5px;
        width: 92%;
}
body div.kotora-free div.description{
  line-height: 1.6 !important;
    margin-bottom: 10px;
}
body section.kotora25 div.nakama_form div.container div.description{
      line-height: 1.8 !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}
body nav#pNav ul.mykotora25menu{
      background-color: #05070f;
}
body #pageBody #content .block .right,
body #pageBody #content .block .left{
    width: auto;
    margin: 0;
    padding: 10px;
    float: none;
}
#pageBody #content .block .right .box dl dt,
#pageBody #content .block .left .box dl dt{
  font-size: 100%;
  width: 7% !important;
}
#pageBody #content .block .right .box dl dd,
#pageBody #content .block .left .box dl dd{
  font-size: 100% !important;
  width: 88% !important;
  word-wrap: break-word;
}
#pageBody #content .block .right .box h4, #pageBody #content .block .left .box h4{
      font-size: 100%;
}
#pageBody #content .block .right .box h4 br, #pageBody #content .block .left .box h4 br{
  display: none;
}
#pageBody #content .block .right .box h4 em,
#pageBody #content .block .left .box h4 em{
  padding: 0;
}
body #pageBody #content .block .right h2,
body #pageBody #content .block .left h2{
  float: none;
}
body .plead2{
  margin: 0 0 0 24px;
}
/*end*/
}
@media screen and (min-width: 750px) {
  body{
    position: relative;
  }
  body .pc,
  body .sp{
    display: none;
  }
  body .sp,
  body .pc{
    position: absolute;
    top: -90px;
    z-index: 9999;
    background-color: #ff4000;
    width: 100%;
    color: #fff;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 30px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
  }
/*end*/
}
@media screen and (min-width: 487px) {
  /*end*/
  #header .hNav li:nth-child(1){
        line-height: 35px;
  }
}

@media (max-width: 750px) {
    .hidden-sp {
        display: none !important;
    }
}

@media (min-width: 751px) {
    .hidden-pc {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
  #pageBody .block .table02 .tablettl h2 {
      width: 100% !important;
  }
  body #pageBody .block05 .table02 td.tdflex {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
}

/*20220228 WEB_TEAM-57 求人詳細ページ下部検索ボックス　スタイル追加　suzuki*/
@media screen and (max-width: 750px){
  body #pageBody .block.job-detail .factor ul li{
    border-top: none;
    margin-bottom: 5px;
    padding: 5px;
  }
  body #pageBody .block.job-detail .factor p{
    padding: 0;
    background-color: inherit;
  }
}

/*20220228 WEB_TEAM-57 求人詳細ページ下部検索ボックス　スタイル追加　suzuki*/
@media screen and (max-width: 750px){
  body #pageBody #content .block.job-detail .factor ul li{
    border-top: none;
    margin-bottom: 5px;
    padding: 0 0 5px;
    font-size: 100%;
  }
  body #pageBody .block.job-detail .factor p{
    padding: 0;
    background-color: inherit;
  }
}
  
/*========================================================
../cf/css/style_p_ex.css
========================================================*/

.clearfix {
    zoom: 1;
  }

  header#header div.hAuthentication a {
    text-decoration: none !important;
}

/* line 20, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
header#header div.hAuthentication a.login input[type=button] ,header#header section#headerInner div#authentication a.login input[type=button] {
  font-size: 1.1em;
  padding: 5px 15px;
  display: block;
  background-color: #466fba;
  margin: 0px 10px;
  color: #FFFFFF;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: inline;
  margin: 0px 0px 0px 10px;
}
/* line 332, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
header#header div.hAuthentication a.login input[type=button]:hover ,header#header section#headerInner div#authentication a.login input[type=button]:hover {
  background-color: #FF8800;
}
/* line 336, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
header#header div.authentication a.login input[type=button]:active  ,header#header section#headerInner div#authentication a.login input[type=button]:active {
  background-color: #FF0000;
}
/* line 33, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
header#header div.authentication a.login:hover ,header#header section#headerInner div#authentication a.login:hover{
  text-decoration: none;
}
/* line 39, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
header#header div.hAuthentication a.logout input[type=button] ,header#header section#headerInner div#authentication a.logout input[type=button] {
  font-size: 1.1em;
  padding: 5px 15px;
  display: block;
  background-color: gray;
  margin: 0px 10px;
  color: #FFFFFF;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: inline;
  margin: 0px 0px 0px 10px;
}

/*TASK_1-8826 top_new.cssによるホバーアクション上書き対応。（下部フォームに使っているため削除できず）*/
#pageBodyInner #sidebar .listButton .regist a:hover,
#pageBodyInner #sidebar-second .listButton .regist a:hover {
    text-decoration: none;
}

/* line 292, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
header#header div.hAuthentication a.logout input[type=button]:hover  ,header#header section#headerInner div#authentication a.logout input[type=button]:hover {
  background-color: #FF8800;
}
/* line 296, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
header#header div.hAuthentication a.logout input[type=button]:active  ,header#header section#headerInner div#authentication a.logout input[type=button]:active {
  background-color: #FF0000;
}
/* line 52, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
header#header div.hAuthentication a.logout:hover ,header#header section#headerInner div#authentication a.logout:hover {
  text-decoration: none;
}

/* line 63, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton, div#login_div ul.listButton,
aside#sidebar-second ul.listButton, div#login_div ul.listButton {
  padding: 0;
}
/* line 67, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li, div#login_div ul.listButton li,
aside#sidebar-second ul.listButton li, div#login_div ul.listButton li {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 74, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li a:hover, div#login_div ul.listButton li a:hover,
aside#sidebar-second ul.listButton li a:hover, div#login_div ul.listButton li a:hover {
  -webkit-filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* line 78, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li a:active, div#login_div ul.listButton li a:active,
aside#sidebar-second ul.listButton li a:active, div#login_div ul.listButton li a:active {
  -webkit-filter: brightness(80%);
  -moz-brightness: 0.8;
  brightness: 0.8;
}
/* line 82, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li a input[type=button], div#login_div ul.listButton li a input[type=button],
aside#sidebar-second  ul.listButton li a input[type=button], div#login_div ul.listButton li a input[type=button] {
  display: block;
  border: none;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 97, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form, div#login_div div.login_form,
aside#sidebar-second div.login_form, div#login_div div.login_form {
  border: 2px solid #466fba;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #fff;
}
/*野口 変更復旧 20210614*/
/* line 105, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
/*
aside#sidebar div.login_form h2, div#login_div div.login_form h2 {
  text-align:center;
  font-size:16px;
  font-weight: bold;
  background-color:#e6fcff;
  padding: 10px 20px;
}
*/
aside#sidebar div.login_form h2, div#login_div div.login_form h2,
aside#sidebar-second div.login_form h2, div#login_div div.login_form h2 {
    background-image: url(../cf/images/common/header_login-side.png);
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 1px 1px 10px 1px;
    height: 38px;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
}
/* line 115, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form section, div#login_div div.login_form section,
aside#sidebar-second div.login_form section, div#login_div div.login_form section {
  margin-bottom: 5px;
  padding: 10px;
}
/* line 120, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form section label, div#login_div div.login_form section label,
aside#sidebar-second div.login_form section label, div#login_div div.login_form section label {
  font-weight: bold;
}
/* line 429, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
aside#sidebar div.login_form section input[type=text], aside#sidebar div.login_form section input[type=password], aside#sidebar div.login_form section textarea, aside#sidebar-second div.login_form section input[type=text], aside#sidebar-second div.login_form section input[type=password], aside#sidebar-second div.login_form section textarea, div#login_div div.login_form section input[type=text], div#login_div div.login_form section input[type=password], div#login_div div.login_form section textarea {
  margin-right: 10px;
  padding: 5px;
  font-size: 1.1em;
}
/* line 437, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
aside#sidebar div.login_form section input[type=text]:focus, aside#sidebar div.login_form section input[type=password]:focus, aside#sidebar div.login_form section textarea:focus, aside#sidebar-second div.login_form section input[type=text]:focus, aside#sidebar-second div.login_form section input[type=password]:focus, aside#sidebar-second div.login_form section textarea:focus, div#login_div div.login_form section input[type=text]:focus, div#login_div div.login_form section input[type=password]:focus, div#login_div div.login_form section textarea:focus {
  border: solid 3px #FF8800;
}
/* line 442, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
aside#sidebar div.login_form section textarea, div#login_div div.login_form section textarea,
aside#sidebar-second div.login_form section textarea, div#login_div div.login_form section textarea {
  width: 95%;
}
/* line 129, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form div.btn_center, div#login_div div.login_form div.btn_center,
aside#sidebar-second div.login_form div.btn_center, div#login_div div.login_form div.btn_center {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
  padding: 5px 20px;
}
/* line 133, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form div.btn_center input[type=submit], div#login_div div.login_form div.btn_center input[type=submit],aside#sidebar-second div.login_form div.btn_center input[type=submit], div#login_div div.login_form div.btn_center input[type=submit] {
  font-size: 1.3em;
  padding: 5px 15px;
  background-color: #466fba;
  margin: 0px 10px;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0px auto 0px auto;
}
/* line 332, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
aside#sidebar div.login_form div.btn_center input[type=submit]:hover, div#login_div div.login_form div.btn_center input[type=submit]:hover,aside#sidebar-second div.login_form div.btn_center input[type=submit]:hover, div#login_div div.login_form div.btn_center input[type=submit]:hover {
  background-color: #FF8800;
}
/* line 336, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_settings.scss */
aside#sidebar div.login_form div.btn_center input[type=submit]:active, aside#sidebar-second div.login_form div.btn_center input[type=submit]:active, div#login_div div.login_form div.btn_center input[type=submit]:active {
  background-color: #FF0000;
}

/* line 150, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li.mypage a input[type=button],aside#sidebar-second ul.listButton li.mypage a input[type=button]{
  background-image: url(../cf/images/common/btn_mypage_side.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 238px;
  height: 133px;
}
/*野口 変更復旧 20210614*/
/* line 157, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li.regist a input[type=button],aside#sidebar-second ul.listButton li.regist a input[type=button]  {
  background-image: url(../cf/images/common/btn_regist-user_side_red.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  background-size: contain;
  padding-bottom: 55%;
  /* WEB_TEAM-165 suzuki */
}
/* line 164, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar ul.listButton li.scout a input[type=button],aside#sidebar-second ul.listButton li.scout a input[type=button] {
  background-image: url(../cf/images/common/btn_scout_side.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 238px;
  height: 133px;
}
/* line 171, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form section input[type=text],aside#sidebar-second div.login_form section input[type=text] {
  width: 10em;
}
/* line 175, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar div.login_form section input[type=text],aside#sidebar-second div.login_form section input[type=text] {
  width: 7em;
}
/* line 180, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
aside#sidebar section label,aside#sidebar-second section label{
  display: block;
}

/* line 187, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div ul.listButton {
  width: 480px;
  float: left;
}
/* line 192, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div ul.listButton li.mypage a input[type=button] {
  background-image: url(../cf/images/common/btn_mypage_main.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 470px;
  height: 182px;
}
/* line 199, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div ul.listButton li.regist a input[type=button] {
  background-image: url(../cf/images/common/btn_regist-user_main_red.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 476px;
  height: 184px;
	/* WEB_TEAM-199 suzuki */
}
/* line 206, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div ul.listButton li.scout a input[type=button] {
  background-image: url(../cf/images/common/btn_scout_main.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 470px;
  height: 182px;
}
/* line 215, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div div.login_form {
  width: 470px;
  float: right;
}
/* line 220, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div div.login_form section {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* line 225, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div div.login_form section label {
  font-size: 1em;
}
/* line 231, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div div.login_form section input[type=text] {
  width: 18em;
}
/* line 235, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div div.login_form section input[type=password] {
  width: 16em;
}
/* line 239, C:/Users/tokutome/Dropbox/Share-kotora/css/style_p_ex.scss */
div#login_div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden;
}


/*========================================================
../cf/css/style_p_ex_add.css
========================================================*/
div#login_div {
	margin-bottom: 5px !important;
	width:800px;
}
div#login_div div.login_form input[type=text] ,div#login_div div.login_form input[type=password] ,
aside#sidebar div.login_form input[type=text] ,aside#sidebar div.login_form input[type=password] ,
aside#sidebar-second div.login_form input[type=text] ,aside#sidebar-second div.login_form input[type=password] 
{
  width:200px !important;
}
div#login_div div.login_form {
  /*height: 178px !important; 20210802*/
  margin: 0 !important;
  width: 235px;
  height: 271px;
}

input[type="submit"]
,input[type="button"]
{
	cursor: pointer !important;
}

div#login_div ul.listButton li.mypage a input[type="button"] {
	margin-left: 250px !important;
}

/* line 125, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav {
  vertical-align: middle;
  margin: 0px;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(50% 0% -90deg, black 0%, #262a3f 1%, #181b29 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, black), color-stop(0.01, #262a3f), color-stop(1, #181b29));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-90deg, black 0%, #262a3f 1%, #181b29 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-90deg, black 0%, #262a3f 1%, #181b29 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(-90deg, black 0%, #262a3f 1%, #181b29 100%);
  background-image: linear-gradient(180deg, #000000 0%, #262a3f 1%, #181b29 100%);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff262a3f,endColorstr=#ff181b2900,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff262a3f,endColorstr=#ff181b29,GradientType=0);  
  border-bottom: 1px solid #555555;
}
/* line 32, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* line 37, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li {
  margin-top: 8px;
  margin-bottom: 7px;
    display: inline-block;
    list-style: outside none none;
    font-size: 1.3em;
   width: auto !important;
}
/* line 43, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li a {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 35px;
  margin-right: 15px;
  min-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
/* line 66, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li a.active {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 72, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li a:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 156, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li a {
  background-image: url(../cf/images/common/li-header_personalnav.png);
}
/* line 160, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul li a:hover, nav#pNav ul li a.active {
  background-color: #383c51;
}
/* line 188, C:/Users/tokutome/Dropbox/Share-kotora/css/_scss/_navigation.scss */
nav#pNav ul.mykotora25menu {
  display: none;
}
nav#pNav ul {
    display: block;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
}

#gNav ul li a {
    font-size: 1.3em !important;
}

/* 3カラム化 以下追加　WEB_TEAM-253 20220530 suzuki */
#pageBody.colmun3 #pageBodyInner{
  width: 100%;
}

#pageBody.colmun3 .pageBodyInner-nallow{
  /* width: 90%!important; */
  width: 100%!important;
}

#pageBody.colmun3 #pageBodyInner #content{
  float: none;
}
#pageBody.colmun3 .colmun3_wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 18px 2% 0;
}
#pageBody.colmun3 #sidebar ul.listCatalog li img,
#pageBody.colmun3 #sidebar-second ul.listCatalog li img{
  width: 100%;
  height: auto;
}
#pageBody.colmun3 #sidebar .mt-0,
#pageBody.colmun3 #sidebar-second .mt-0 {
  margin-top: 0;
}
#pageBody.colmun3 #sidebar,
#pageBody.colmun3 #sidebar-second {
  padding-top: 35px;
}
#pageBody.colmun3 #sidebar .box-sidebar .new-title,
#pageBody.colmun3 #sidebar-second .box-sidebar .new-title {
  color: #000;
  padding: 15px 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d2d2d2;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#pageBody.colmun3 #sidebar .box-sidebar .new-title .new-title-icon,
#pageBody.colmun3 #sidebar-second .box-sidebar .new-title .new-title-icon {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
#pageBody.colmun3 #sidebar .box-sidebar .new-title .new-title-icon img, #pageBody.colmun3 #sidebar-second .box-sidebar .new-title .new-title-icon img {
  width: 35px;
  height: auto;
}
#pageBody.colmun3 #sidebar .box-sidebar .new-title .new-title-icon .new-title-text,
#pageBody.colmun3 #sidebar-second .box-sidebar .new-title .new-title-icon .new-title-text {
  margin-left: 10px;
  text-align: left;
  line-height: 1.1;
  font-weight: bold;
}
#pageBody.colmun3 #sidebar .box-sidebar .list-box.list-box-area > ul,
#pageBody.colmun3 #sidebar-second .box-sidebar .list-box.list-box-area > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#pageBody.colmun3 #sidebar .box-sidebar .list-box.list-box-area > ul > li,
#pageBody.colmun3 #sidebar-second .box-sidebar .list-box.list-box-area > ul > li {
  flex: 0 0 33%;
  margin-bottom: 5px;
}
#pageBody.colmun3 #sidebar .box-sidebar .list-box.list-box-keyword ul li {
  font-size: 14px;
  display: inline;
  line-height: 1.8;
}
#sidebar .box-sidebar .list-box.list-box-keyword ul li::after {
  content: '／';
}

.box-category-link{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

@media screen and (min-width: 577px) {

	.box-category-link a{
		flex: 0 0 19%;
	}
}

.box-category-link .category-link-item{
	display: flex;
	align-items: center;
	justify-content: center!important;
	padding: 0!important;
	border-radius: 8px!important;
	background-color: #191d5d!important;
	cursor: pointer;
	box-shadow: -3px 3px 4px #cac9c9;
	width: 100%!important;
  margin-bottom: 0!important;
}

.box-category-link .category-link-item img {
  width: 25px;
  height: 25px;
  padding: 15px 0;
}

.box-category-link .category-link-item .title-category {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-left: 10px;
}

.box-category-link .category-link-item .title-category.fs-16 {
  font-size: 13px;
}

@media screen and (max-width: 576px) {
	.box-category-link {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.box-category-link a{
		width: calc(50% - 5px)!important;
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 751px) {
  #pageBody.colmun3 #pageBodyInner #content{
    order: 2;
    width: 60%;
  }
  #pageBody.colmun3 #sidebar{
    order: 1;
    width: 18%;
  }
  #pageBody.colmun3 #sidebar-second{
    order: 3;
    width: 18%;
  }
}
@media screen and (min-width: 1366px) {
  #pageBody.colmun3 #pageBodyInner #content{
    width: 62%;
  }
  #pageBody.colmun3 #sidebar{
    width: 18%;
  }
  #pageBody.colmun3 #sidebar-second{
    width: 18%;
  }
}

.feature_box h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 10px 0;
}

.box-feature{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 22px;
	gap: 4px;
}

.box-feature .feature-link-item {
	width: calc((100% - 12px) / 3);
}

.box-feature .feature-link-item img {
	width: 100%;
}

@media screen and (max-width: 600px){
	.box-feature .feature-link-item {
		width: calc((100% - 4px) / 2);
	}
}

/* 202311追記 */
#areaApply #divApply{
  margin: 0 auto;
}
#areaApply #divBookMark{
  margin: 0 auto;
}