@charset "utf-8";
@media screen and (max-width: 768px) {
/*//////////////////////////////////////////////////////////

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  responsive.css
 style info :  レスポンシブファイル
 admin info :  apricot-design
 
//////////////////////////////////////////////////////////*/

/*
0:セット
------------------------------------------------------------
*/
  body {
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: 0.5px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* コンテナ系 */
  #containerWrap {
    min-width: 0;
  }

    #container {
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }
	
  #container1,
  #contentTop,
  #content{
    width: 100%;
    margin: 0;
    padding: 0 15px;
  }

#contentSub {
    width: 100%;
    margin: 0;
  }
  #contentSubA{
  padding: 0;
  background: #fff;
}

  #container1 {
    margin-top: 80px;
  }

  #content {
    width: 100%;
    margin: 40px auto;
  }

 /* 表示切替 */
.container_pc,.overlay,.bnrList,.top-background-img{
  display: none;
}

.container_sp,.top-background-img_sp {
  display: block;
}

#main {
   width: 100%;
   padding: 0;	
}
  .main {
    width: 100%;
    padding: 0;
  }

.main1 {
        width: 87%;
        overflow: hidden;
        clear: both;
        padding: 0 6.5%;
    }
.main4 {
    margin:20px;
    width: 89%;	
}
#sub {
    float: none;
    width: 100%;
    margin-top: 30px;
}

  /* セクション */
  .section,
  .sectiontop,
  .sectionA,
  .sectionB,
  .sectionC,
  .sectionD,
  .sectionE,
  .sectionF,
  .sectionJ,
  .sectionk,
  .sectionL,
  .sectionM {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
  }

  .sectionC,
  .sectionD {
    float: none;
    margin-left: 0;
    text-align: left;
  }

  .sectionJ,
  .sectionL {
    display: block;
  }
	

  /* 背景ボックス */
  .beigeBox1 {
    padding: 50px 0 20px;
	background:#f3efed;
  }

  .beigeBox4 {
    height: auto;
    padding: 30px 0;
  }

  /* Job系 */
  .jobBox,
  .jobBox2,
  .jobBoxTop,
  .jobBoxKey {
    width: 100%;
    padding: 20px;
  }

  .jobBoxLeft,
  .jobBoxRight {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }

  /* カラム系 */
  .leftBox,
  .rightBox {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  /* マップ */
  .map {
    width: 100%;
    height: 300px;
    margin: 15px 0;
  }

  /* その他 */
  .secound {
    width: 100%;
    height: auto;
    background-size: cover;
    padding-bottom: 15px;
  }

  .beigeBoxp {
    width: 100%;
  }

  .textBox {
    padding-left: 0;
  }
  .nameBox{
  padding-bottom: 0;
	}

/*
2:h_tag
------------------------------------------------------------
*/
h2.mainTi {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 100%;
	background:#000;
	color: #FFF;
}
h3.mainTi{
	font-family: 'Asap', sans-serif;
	font-size:277%;
	font-weight:bold;
	color: #C31C1F;
	text-align:center;
	margin-bottom:60px;
}
h3.mainTi2 {
	font-size:1.5em;
	text-align:center;
	margin:20px auto;
	border-bottom: 1px solid #666;
	color: #C31C1F;
	font-weight: bold;
	padding-bottom:20px;
}
h3.mainTi3 {
	font-size:1.6em;
	text-align:center;
	margin-bottom:30px;
	padding-bottom: 15px;
}
h3.mainTi4 {
	font-size:1.3em;
	text-align:center;
	margin:20px auto;
	color: #C31C1F;
	font-weight: bold;
}
h3.mainTiY {
	background: url(../images/migi.png) no-repeat 0 0;
	padding-left: 35px;
	font-size: 1.7em;
	border-bottom: 1px solid #666;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
h3.mainTiY2 {
	background: url(../images/migi.png) no-repeat 0 0;
	padding-left: 35px;
	font-size: 1.7em;
	margin-bottom: 30px;
}
h3.mainTi span{
	display:block;
	font-size:38.8%;
	padding-top:25px;
	color:#323232;
	font-weight:normal;
	font-family: "メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}
h3.subTi {
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 15px;
}
h4.mainTi {
	border-bottom:1px solid #111;
	font-weight:bold;
	font-size: 1.4em;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
h4.subTi {
	font-weight: bold;
	font-size: 116%;
}
.sectionk{
	background: #FFF;
    border-radius: 10px;
    width:90%;
    margin: 10px auto;
    text-align: center;
	padding: 10px 0 0;
}
.number1{
	font-family: 'Asap', sans-serif;
   font-size: 1.4em;
	padding: 13px;
	font-weight: bold;
	text-align: center;
	color: #d10000;
}
.title {
	font-size: 1.3em;
	font-weight: bold;
}
.title2 {
	font-size: 1.4em;
	margin-bottom: 15px;
}
.title3{
	font-size: 1.7em;
	font-weight: bold;
	margin-bottom: 15px;
}
.titleN {
	background: url(../images/number.png) no-repeat 0 0;
	line-height: 38px;
	margin-bottom: 30px;
	font-size: 1.4em;
	margin-bottom: 50px;
}
.titlePick {
    width: 250px;
}
.titleSyokushu {
	font-size: 1.4em;
    text-align: center;
}
.titleKeyword {
	background: url(../images/keyword.png) no-repeat 0 0;
	line-height: 50px;
	margin: 20px auto 30px;
	font-size: 1.4em;
	padding-left:50px;
}
.titleNensyu {
	background: url(../images/nensyu.png) no-repeat 0 0;
	line-height: 50px;
	margin: 20px auto 30px;
	font-size: 1.4em;
	padding-left:50px;
}
.titleC {
	text-align:center;
}
.titleY {
	background: url(../images/migi.png) no-repeat 0 0;
	padding-left: 35px;
	font-size: 1.4em;
	margin: 10px 0;
}
/*
3:Common style
------------------------------------------------------------
*/
.alignleft {
	margin: 0 15% 15px 15%;
	width: 70% !important;
	border-radius: 10px;      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  
}
.alignright {
	margin: 0 15% 15px 15%;
	width: 70% !important;
	border-radius: 10px;      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  
}
.aligncenter {
	margin: 0 15% 15px 15%;
	width: 70% !important;
	border-radius: 10px;      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  
}
.photoL {
	margin: 0 15% 15px 15%;
	width: 70% !important;
	border-radius: 10px;      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  

}
.photoL p {
	overflow: auto;
}
.photoR {
	margin: 0 15% 15px 15%;
	width: 70% !important;
	border-radius: 10px;      
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;  
}
.photoR p {
	overflow: auto;
}

.imgTi {
	margin-bottom: 15px;
}
.imgTi0 {
	margin-bottom: 0px;
}
.imgTi5 {
	padding-bottom: 5px;
}
.imgTi10 {
	padding-bottom: 10px;
}
.imgTi15 {
	padding-bottom: 15px;
}
.imgTi20 {
	padding-bottom: 20px;
}

/*
4:Header
------------------------------------------------------------
*/
header {
	width: 100%;
	margin: 0 auto;
	border-top:8px solid #000;
}
#header{
	width: 100%;
	clear:both;
	margin-bottom: 30px;
}
h1 {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 93%;
	line-height:1.8;
	letter-spacing:0;
	text-align:center;
}
#headerLeft {
	margin:0 0 0px 3%;
	text-align:center;
	float:left;
}
#headerLeft img {
}

#headerRight {
	float:right;
	margin:0 3% 0px 0;
}

#headerRight .hBtn{
	float:right;
	margin-bottom:20px;
}

/*========= ナビメニュー　20230123===============*/
ul, li{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#category {
    background-color: #2A427A;
    padding: 10px 0;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    width: 100%;
}
#category a:hover {
    color: #ffffff;
}
#menu {
	padding-top: 60px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
.main_menu{
    padding: 15px 0;
    background-color: #2A427A;
    font-weight: bold;
    padding-left: 20px;
    text-indent: 10;
    display: block;
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
	color: #fff;
}
.main_menu::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#menu .open::before {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    margin-top: -3px;
}
#menu .main_menu:hover ,#menu .open {
    background-color: #7A312A;
    color: #FFF;
	padding-left: 10px;
}
#menu .main_menu:hover::before ,#menu .open::before{
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
}
.sub_menu li a{
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 40px;
    background-color: #f2f2f2;
    display: block;
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
}
.sub_menu li a::before{
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #CCC;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    margin-left: 25px;
}
.sub_menu li a:hover{
    background-color: #7A312A;
	 color:#fff;
}
.sub_menu li a:hover::before {
    border-left: solid 6px #ffffff;
}
.third_menu li a{
    padding-left: 40px;
    border-top-style: none;
    padding-bottom: 6px;
    padding-top: 6px;   
}
.third_menu li a::before{
    margin-left: 65px;
}

/*========= ハンバーガーメニュー　20221220===============*/
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 990;
    background-color: #2A427A;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    height: 100%;
    position: fixed;
    top: 0;
}
.menu-content {
	width: 60%;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 95;
    background-color: #2A427A;
    transition: all 0.5s;/*アニメーション設定*/
	padding:10px 5%;
}

#menu-btn-check:checked ~ .menu-content {
    left: 40%;/*メニューを画面内へ*/
}

.jobBoxtop{
	background: #fff;
	padding: 11px;
	margin: 0 auto;
	clear:both;
	overflow:hidden;
}

.joblist{
	width: 100%;
	font-size: 10px;
}
.titleD{
	text-align:center;
	padding-right:5px;
	background: #899bc0;
	font-weight: 700;
	color: #fff;
}
.section .jobBoxpc{
	display: none;
}


.contactBox02 {
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
}

.jobBox2 {
    width: 100%;
    background: url(../images/beigeBox1.jpg) no-repeat center top;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 0px;
    overflow: hidden;
    clear: both;
    background-repeat: repeat;
}
.aligncenter2{
	padding:0 30px;
	font-weight:bold;
	text-align:center;
}

#topWrap1 {
    margin-top: 30px;
}

/*
5:Common table
------------------------------------------------------------
*/
    .basicTable {
        border-top: none;
        border-bottom: none;
    }

    .basicTable tr {
        display: block;
        border-top: 1px solid #BFBFBF;
        margin-bottom: 12px;
    }

    .basicTable th,
    .basicTable td {
        display: block;
        width: 100%;
        border-bottom: none;
        padding: 10px 12px;
    }

    .basicTable th {
        background-color: #f0f0f0;
        text-align: left;
    }

  /* --------------------
     メニューリスト
  -------------------- */
  ul.menu li a {
    width: 100%;
    padding: 10px 12px 10px 28px;
    background-position: 10px center;
    font-size: 1rem;
  }

  /* --------------------
     ブログリスト
  -------------------- */
  ul.blogList li {
    padding-left: 18px;
    background-position: 0 8px;
    font-size: 0.95rem;
  }

  /* --------------------
     ベーシックリスト
  -------------------- */
  ul.basicList li {
    padding: 12px;
    padding-left: 15px;
    flex-direction: row;
  }

  .number1 {
    font-size: 1.1rem;
    margin-right: 10px;
  }

  /* --------------------
     写真リスト
  -------------------- */
  ul.photo {
    width: 100%;
    margin-right: 0;
  }

  ul.photo li {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  ul.photo li img {
    width: 100%;
    height: auto;
  }

  /* --------------------
     リンクボックス
  -------------------- */
  ul.linkBox {
    width: 100%;
    text-align: center;
  }

  ul.linkBox li {
    width: 100%;
    margin: 0 0 15px;
    background-position: 15px center;
    font-size: 1.1rem;
  }

  ul.linkBox li a {
    width: 100%;
    padding: 15px;
  }

/* --------------------
   主要実績（レスポンシブ）
-------------------- */

/* 横はみ出し防止 */
*, *::before, *::after {
  box-sizing: border-box;
}

ul.resultList {
  width: 100%;
  padding: 0 12px;
  margin: 0;
  overflow-x: hidden;
}

ul.resultList li {
  width: 100%;
  padding: 20px 12px;
  height: 135px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* ★PCの padding:50px をリセット */
ul.resultList dl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;              /* ← 重要 */
  margin: 0;
}

/* ★margin-right:190px を無効化 */
ul.resultList dl dt {
  flex: 0 0 40%;
  max-width: 40%;
  margin: 0 !important;    /* ← 重要 */
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
}

/* 右側 */
ul.resultList dl dd {
  flex: 1;
  min-width: 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
}

/* 赤背景の位置安定 */
ul.resultList dl dd .redBg {
  display: inline-block;
  padding: 8px 10px;
  margin-left: 70px;	
}

ul.resultList dl dd div.icon {
  display: block;
  margin-bottom: 6px;
}

.smallText {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}
 
  /* --------------------
     ジョブボックス内リスト
  -------------------- */
  .jobBoxTop ul li,
  .jobBoxLeft ul li,
  .jobBoxRight ul li {
    float: none;
    width: 100%;
    padding: 15px 30px 15px 0;
    background-position: 100% center;
  }

  .jobBoxTop ul li {
    height: auto;
    margin-right: 0;
  }

/*
7:採用情報のテーブル
------------------------------------------------------------
*/

	.basicTable2,
	.basicTable2 tbody,
	.basicTable2 tr,
	.basicTable2 th,
	.basicTable2 td,
	.basicTable3,
	.basicTable3 tbody,
	.basicTable3 tr,
	.basicTable3 th,
	.basicTable3 td {
		display: block;
		width: 100%;
	}

	.basicTable2 tr,
	.basicTable3 tr {
		margin-bottom: 20px;
		border: 1px solid #ddd;
		border-radius: 6px;
		overflow: hidden;
		background: #fff;
	}

	.basicTable2 th,
	.basicTable3 th {
		background: #C31C1F;
		color: #fff;
		padding: 10px 14px;
		font-size: 14px;
		border: none;
	}

	.basicTable2 td,
	.basicTable3 td {
		padding: 12px 14px;
		font-size: 14px;
		border: none;
		line-height: 1.8;
	}
/*
7:home
------------------------------------------------------------
*/
.hero-title {
    font-size: 1.8rem;
}
	
    .search-keyword-form,
    .search-filter-form {
        flex-direction: column;
        gap: 12px;
    }

    .search-input,
    .search-select {
        width: 100%;
    }

  .container {
	  width:100%;
      padding: 40px 16px;
  }

  /* ボックス全体：縦並び */
 .home_box {
      display: block;
  }

  /* reverse 指定があっても縦並びに統一 */
  .home_box.is-reverse {
      flex-direction: column;
  }

.home_box:nth-child(odd) {
  flex-direction: row;
}
.home_box:nth-child(even) {
  flex-direction: row-reverse;
}
.home_text {
  flex: 1;
  font-size: 16px;
  line-height: 1.8;
}
.home_box img {
  flex: 0 0 300px;
  border-radius: 10px;
  background: #fff;
}

  /* テキストエリア */
  .home_box-text {
      order: 2;
	  margin-bottom:20px;
  }

  /* 画像エリアを先に表示 */
  .home_box-image {
      order: 1;
      text-align: center;
  }

  .home_box-image img {
      max-width: 80%;
      height: auto;
  }

  /* 見出し（四字熟語） */
  .home_box-title {
      font-size: 1.4rem;
      text-align: center;
      margin-bottom: 12px;
      letter-spacing: 0.2em;
  }

  /* 本文 */
  .home_box-text p {
      font-size: 0.95rem;
      line-height: 1.8;
      text-align: left;
  }
	

.home_container{
  margin:0 auto;
 width:100%;
  padding:0;
}

.home_content {
  flex-wrap: wrap;
  gap: 20px;
}
.home_text {
  flex: 1;
  font-size: 16px;
  line-height: 1.8;
}
.home_image {
  flex: 0 0 300px;
  text-align: center;
}
.home_image img {
  border-radius: 10px;
  width: 50%;
}
/* Philosophy Section */
.philosophy {
  background: #f4f4f4;
  padding: 40px 20px;
}
.section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
  color:#d10000;
}

/*
7:Common DL
------------------------------------------------------------
*/

  dl.basicList {
      margin-bottom: 30px;
  }

  dl.basicList dt {
      padding-top: 30px;
      margin-bottom: 15px;
      font-size: 1.1em;
  }

  dl.basicList dd {
      padding-bottom: 30px;
      font-size: 0.95em;
      line-height: 1.7;
  }

  dl.menuList {
      width: 100%;
      height: auto;
      margin-bottom: 20px;
  }

  dl.menuList dt,
  dl.menuList dd {
      width: 100%;
  }

/*
8:top
------------------------------------------------------------
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ---------------------------------
   Main Visual
--------------------------------- */
.mainImg {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
}

#mainTxt{
	position: static; /* absolute解除 */
	margin: 20px auto;
	padding: 0 15px;
	text-align: center;
	z-index: 60;
}

/* ---------------------------------
   Background Blocks
--------------------------------- */
.beige,
.beigeBox,
.whiteBox,
.beige2 {
	width: 100%;
	background-size: cover;
	overflow: hidden;
	clear: both;
}

.boxTop,
.boxBottom {
	display: none;
}

/* ---------------------------------
   Section / Title
--------------------------------- */
.topSection{
	margin: 0 auto;
	width: 100%;
}

h2.topTi,
h2.topTi1,
h2.topTi3,
h2.topTi4{
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
h2.topTi3{
	padding:0;
}


h2.topTi{ font-size: 2em; }
h2.topTi1{ font-size: 2em; }
h2.topTi2{
	font-size: 2em; /* oversized修正 */
	margin: 0 10%;
}
h2.topTi3{ font-size: 1.5em; }
h2.topTi4{ font-size: 2.2em; }

	
/* ---------------------------------
  お問い合わせボタン
--------------------------------- */
.centerbox{
	display:block;
}
	
/* ---------------------------------
  当社の強み
--------------------------------- */
    .topMenu {
        grid-template-columns: 1fr;
    }

    .topMenu > li {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .rightCol,
    .leftCol2 {
        order: 1;
        text-align: center;
    }

    .leftCol,
    .rightCol2 {
        order: 2;
    }

    .num {
        font-size: 32px;
    }

    .ti {
        font-size: 18px;
    }


/* ---------------------------------
   Flow（横スクロール）
--------------------------------- */
.flowBox{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

ul.flowList{
	width: 1000px;
	height: auto; /* 固定解除 */
	padding: 60px 0 20px;
	background: url(../images/flowBg.png) no-repeat 0 0;
}

ul.flowList li{
	float: none; /* float解除 */
	display: inline-block;
	width: 111px;
	text-align: center;
}

/* ---------------------------------
   ご相談からの流れ
--------------------------------- */
    .flowSteps {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .flowStep {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 20px;
        padding: 20px 40px;
		width: 380px;
    }

    .flowStep::after {
        content: "▼";
        right: 50%;
        top: auto;
        bottom: -20px;
        transform: translateX(50%);
    }

    .flowIcon img {
        width: 80px;
    }

    .flowContent h3 {
        font-size: 16px;
    }
/* ---------------------------------
    ご相談からの流れ （https://alpbiztest.ddns.net/flow/）
--------------------------------- */
    /* float解除 → 縦並び */
    .tsuyomiLeft,
    .tsuyomiRight,
    .flowLeft,
    .flowRight,
    .flowLeftp,
    .flowRightp {
        float: none;
        width: 100%;
    }

    /* 余白調整 */
    .tsuyomiText {
        margin: 15px 0;
        font-size: 14px;
        line-height: 2;
    }

    .flowText,
    .flowTextp {
        max-width: 100%;
        padding: 0 15px;
    }

    /* 三角ブロックの重なり解除 */
    .block1,
    .block2 {
        margin-top: 0;
    }

    .block1 .blockp,
    .block2 .blockp {
        min-height: auto;
        padding: 2em 1em;
    }

/* =========================
  選ばれる理由・強み（https://alpbiztest.ddns.net/strength/）
========================= */
    .main3 {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 60px;
		width: 100%;
    }

    /* 偶数でも縦並びにする */
    .main3:nth-child(even) {
        flex-direction: column;
    }

    .tsuyomiLeft,
    .tsuyomiRight {
        width: 100%;
    }

    .tsuyomiList dt {
        font-size: 22px;
        text-align: center;
    }

    .tsuyomiList dd {
        font-size: 14px;
    }

/* ---------------------------------
   Works
--------------------------------- */
.worksBox{
	width: 100%;
	padding: 6.5%;
	margin-bottom: 20px;
}

.worksBox .inner{
	background: #fff;
	border-radius: 10px;
	padding: 30px;
}

/* ---------------------------------
   Info List
--------------------------------- */
ul.infoList{
	padding: 0 6.5%;
}

ul.infoList li{
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/* ---------------------------------
   Top Contact
--------------------------------- */
#topLeft,
#topRight{
	width: 100%;
	margin: 20px auto;
	padding: 6.5%;
	border-radius: 10px;
	text-align: center;
}

#topLeft .tel{
	font-size: 2.2em; /* SP最適化 */
}

/* ---------------------------------
   Writer Profile
--------------------------------- */
.writer-profile{
	width: 100%;
	min-height: auto; /* 固定解除 */
	margin-bottom: 20px;
	border-radius: 8px;
	background: #f5f5f5;
}

.writer-profile .name{
	font-size: 1.5em;
}

/* ---------------------------------
   Image
--------------------------------- */
img{
	max-width: 100%;
	height: auto;
}

/*
9:side
------------------------------------------------------------
*/
.sideSection {
	width: 100%;
	margin-bottom: 20px;
}
.sideContact {
	text-align: center;
}

/*
10:Footer
------------------------------------------------------------
*/

  #topcontrol{
    width:40px;
    height:40px;
    background-size: contain;
  }

  #footerWrap {
    padding: 40px 15px 10px;
  }

  #footer {
    width: 100%;
  }

  .footerLeft,
  .footerRight {
    float: none;
    width: 100%;
  }

  .footerLeft {
    margin-bottom: 20px;
    text-align: center;
  }

  .footerRight .hBtn {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }

  ul.fNavi {
    text-align: center;
    margin-bottom: 20px;
  }

  ul.fNavi li {
    display: inline-block;
    margin: 5px 8px;
  }

  .footerBox {
    padding-top: 0;
  }

  ul.fList,
  ul.fList2 {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  ul.fList li,
  ul.fList2 li {
    float: none;
    display: inline-block;
    border: none;
    padding: 0 8px;
    margin: 5px 0;
  }

  .qr {
    float: none;
    width: 80px;
    height: 80px;
    margin: 15px auto;
    text-align: center;
  }

  .copy {
    text-align: center;
    font-size: 0.85em;
    margin-top: 10px;
  }

/*
11:option/contactform
------------------------------------------------------------
*/
.contactform{
  width: 90%;		
	}

table.contactform th {
    font-weight: 700;
}
/*
12:option/wordpress
------------------------------------------------------------
*/
 .widget_search {
    padding: 12px;
    margin-bottom: 15px;
  }

  h3.widget-title {
    font-size: 0.95em;
    padding: 8px 5px;
    text-align: center;
  }

  .sideSectionw ul {
    margin-bottom: 15px;
  }

  .sideSectionw ul li {
    padding-left: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1.6;
    background-position: 0 0.6em;
  }

/*
13:original
------------------------------------------------------------
*/
/* ---------- ボタン ---------- */
  .hBtn {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 12px 0;
    border-radius: 30px;
  }

  .btn2 {
    width: 100%;
  }

  .btn3 {
    width: 100%;
  }

  /* ---------- フォントサイズ調整 ---------- */
  .f14 { font-size: 100%; }
  .f15 { font-size: 105%; }
  .f17 { font-size: 115%; }

  /* ---------- お問い合わせ ---------- */
  dl.contactList dt {
    font-size: 2em;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }

  .tel2,
  .mail2 {
    background-size: 24px auto;
    padding-left: 36px;
    margin-right: 0;
  }

  /* ---------- 結果ボックス ---------- */
  .resultBox,
  .resultBoxA {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
  }

  /* ---------- プロフィール帯 ---------- */
  .profilettl {
    font-size: 16px;
    padding-left: 36px;
    width: 100%;
    margin-left: 0;
  }

  .profilettl:before {
    display: none;
  }

  /* ---------- resultTop ---------- */
  .resultTop {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }

  .resultLeft img {
    width: 140px;
  }

  .resultTi {
    font-size: 1.3em;
  }

  .resultRight {
    padding: 15px 20px;
  }

  .resultRight h4 {
    font-size: 1.1em;
  }

  /* ---------- devプロフィール ---------- */
  .profileContainer {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }

  .profileLeft img {
    width: 140px;
  }

  .profileTitle {
    font-size: 1.3em;
  }

  .profileRight {
    padding: 15px 20px;
  }

  .profileSubtitle {
    font-size: 1.1em;
  }

/*
14:option/contactform コンサルタント紹介の業界・職種選択
------------------------------------------------------------
*/

  table.form-table {
    width: 100%;
    float: none;
  }

  table.form-table tr {
    display: block;
    padding: 10px 0;
  }

  table.form-table th,
  table.form-table td {
    display: block;
    width: 100%;
    padding: 5px 0;
    text-align: left;
  }

  table.form-table th {
    font-size: 1em;
    margin-bottom: 5px;
  }

  table.form-table ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }

  select#occupationList,
  select#industryList,
  .form-table input {
    width: 100%;
    box-sizing: border-box;
  }

  input#clickBtn {
    width: 100%;
    top: 0;
    margin-top: 20px;
  }

/* サイトマップの設定 */
#main3 {
	padding: 0px;
	clear: both;
	overflow: hidden;
	margin: 20px auto 0;
	width: 100%;
	display: block;
}
#menu_map {
	width:300px;
	margin: 0 auto;
}
.main_menu_map{
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #F3EFED;
    font-weight: bold;
    padding-left: 20px;
    text-indent: 10;
    display: block;
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
	color: #323232;
}
.main_menu_map::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#menu_map .open_map::before {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    margin-top: -3px;
}
#menu_map .main_menu_map:hover ,#menu_map .open {
    background-color: #C31C1F;
    color: #FFF;
}
#menu_map .main_menu_map:hover::before ,#menu_map .open::before{
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
}
.sub_menu_map li a{
    text-indent: 40px;
    background-color: #fff;
    display: block;
    position: relative;
    
}
.sub_menu_map li a::before{
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #CCC;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    margin-left: 25px;
}
.sub_menu_map li a:hover{
    background-color: #C31C1F;
	 color:#fff;
}
.sub_menu_map li a:hover::before {
    border-left: solid 6px #ffffff;
}
.third_menu_map li a{
    padding-left: 40px;
    border-top-style: none;
    padding-bottom: 6px;
    padding-top: 6px;   
}
.third_menu_map li a::before{
    margin-left: 65px;
}
	
.basicTable5 th.span{
	background: #A29D9B;
}

	
.mainbox, .mainbox1,
.mainbox2, .mainbox3{
  /*背景色指定省略*/
  /*要素を高さ、幅共に200pxの正方形*/
	width: 98%;
	height: 500px;
	border-radius: 50%;
}
.mainbox{
	background: #990000;
	color: #fff;
}
.mainbox1{
	background: #CC0000;
	color: #fff;
}
.mainbox2{
	background: #FFB3B3;
	color: #2B2B2B;
}
.mainbox3{
	background: #FFD1D1;
	color: #2B2B2B;
}

.numtitle {
    font-weight: bold;
    font-size: 250%;
    color: #fff;
    margin: 15px 0;
    text-align: center;
    position: relative;
    top: 50px;
}
.numtitle1 {
    font-weight: bold;
    font-size: 250%;
    color: #2B2B2B;
    margin: 15px 0;
    text-align: center;
    position: relative;
    top: 50px;
}
.numti {
    font-weight: bold;
    font-size: 200%;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    position: relative;
    top: 55px;
}
.numti1{
	font-weight:bold;
	font-size:200%;
	color: #2B2B2B;
	text-align: center;
	margin-top: 10px;
    position: relative;
    top: 55px;
}	
.num{
	text-align: center;
	position:relative;
}
.nump{
	text-align: center;
	position:relative;
	font-size:130%;
	top: 120px;
	margin:15px 10%;
}
.flow02 .box span {
    padding-top:20px;
    font-size: 2em;
    font-weight: bold;
    display: block;
    line-height: 1.3;
	text-align:center;
}
.flow02 .left{
	font-size: 1.2em;
	margin-top:10px ;
	margin-bottom:30px;
}

/*不動産業界img 20230630*/
.alignnonecenter{
	width: 100%;
	display:block;
}
.alignnonecenter img{
	width: 90%;
	margin:0 auto;
	display:block;
}
/*不動産業界ボタン 20230630*/
.example1 label{
    display: block;
    width: 100%;
	background: #fff;
    color: #323232;
	font-weight: bold;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    padding:6px 2px;
	margin: 4px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    cursor: pointer;
}
.example1 input:checked+label{
    background: #6495ED;
    color: #FFF;
	font-weight: bold;
}
.example2 label{
    display: block;
    width: 100%;
    background: #fff;
    color: #323232;
	font-weight: bold;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    padding:6px 2px;
	margin:4px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    cursor: pointer;
}
.example2 input:checked+label{
    background: #FF8C00;
    color: #fff;
	font-weight: bold;
}
.example1 input,.example2 input{
    display: none;
}
table.bluetable{
	margin: 0 auto;
	width:90%;
	display:block;
}

th.blueth,td.bluetd{
    padding:5px 4px;         /* 余白指定 */
	margin: 4px;
	width: 20%;
    background: #B1B1B1;
	color: #fff;
	text-align:center;
}
table.redtable{
	margin: 0 auto;
	width:90%;
	display:block;
}

th.redth,td.redtd{
    padding:5px 4px;         /* 余白指定 */
	margin: 4px;
	width: 20%;
    background: #B1B1B1;
	color: #fff;
	text-align:center;
}

#app {
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 5px;
	margin:0 auto;
}

.element1{
	width: 100%;
	height: auto;
  	color: #323232;
	background: #0C2D7A;
	padding: 30px 0;
}

.element2{
	width: 100%;
	height: auto;
   color: #323232;
	background: #E9A326;
	padding: 30px 0;
}
.button1,.button2{
	padding: 2%;
	box-shadow: 2px 2px 5px 0px rgba(200, 200, 200, 1);
	background: #ca0813;
	border: 6px outset #650409;
	color: #fff;
	transition: 0.5s;
	font-size: 1em;
	display: block;
	margin: 0 auto 10px;
}
.button1:hover,.button2:hover{
	background: #fff;
	border: 7px outset #650409;
	color: #d10000;
}

.button1 span,.button2 span{
	font-size:1.5em;
}
.button1 span:hover,.button2 span:hover{
	font-size:1.5em;
}

button {
    margin: 0 0 20px 0;
}
form{
	margin: 0;
}
.formTielement1,.formTielement2{
	color:#fff;
	text-align:center;
	margin: 20px;
}

/*不動産業界吹き出し 20230804*/
.company .arrow_box,
.Job-change .arrow_box{
    position:relative;
    width:320px;
    background:#E69495;
    padding:20px;
    position:relative;
	top:10px;
	left:5px;
    text-align:left;
    color:#FFFFFF;
    font-size:1.3em;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.company .arrow_box p,
.Job-change .arrow_box p{
	margin-top: 0;
}

.company .arrow_box:after,
.Job-change .arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:73px;
    border-bottom-width:73px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    border-top-color:#E69495;
    top:100%;
    left:8%;
}
.resultBoxA {
	border-radius: 15px;
	padding: 20px;
	margin: 0 auto 50px;
	position:relative;
	background: #fff;
}

/* プロフィール全体のコンテナ */
.profilettl {
    padding: 5px 5px 5px 42px;
    background: #d10000;
    font-size: 20px;
    color: white;
    margin-left: -13px;
    line-height: 1.3;
    z-index: -1;
    width: 95%;
  }
  
  .profilettl:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index:-2
  }
.profilettl {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.6s ease-out forwards;
}
.resultTop {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px;
  background-color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
}
/* 左側の画像と情報 */
  .resultLeft {
	width:100%;
	margin: 0 auto;
  }	
/* プロフィール画像 */
  .resultLeft img {
    width: 240px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s;
	margin: 0 20%;  
  }
  
  .resultLeft img:hover {
    transform: scale(1.05);
  }
/* コンサルタント名とキャッチフレーズ */
.resultTi {
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
  text-align: center;
}

.resultTi .red {
  color: #d32f2f; /* 名前の赤色アクセント */
}

.resultRight2 {
  text-align: left;
}

/* 得意分野リスト */
.tokuiList {
  margin-bottom: 10px;
}

.tokuiList dt {
  font-weight: bold;
  color: #666;
  font-size: 1em;
  margin-bottom: 5px;
}

.tokuiList dd {
  margin-left: 12px;
  color: #444;
  font-size: 0.95em;
  line-height: 1.6;
}

/* 右側の説明部分 */
.resultRight {
  flex: 1.5;
  color: #333;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.resultRight h4 {
  font-size: 1.3em;
  color: #444;
  margin-bottom: 15px;
  border-bottom: 2px solid #d32f2f; /* 赤で強調 */
  padding-bottom: 8px;
  text-align: center;
}

/* 各セクションのアニメーション */
.resultTop, .resultLeft img, .resultRight {
  text-align: left;	
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.6s ease-out forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* devプロフィールデザイン */
.profileContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px;
  background-color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
}

.main2{
	padding: 10px 0.5%;
	margin:10px;
    display:block;
	}

.mainbox, .mainbox1,
.mainbox2, .mainbox3{
  /*背景色指定省略*/
  /*要素を高さ、幅共に200pxの正方形*/
	width: 98%;
	height: 340px;
	border-radius: 50%;
}
.numtitle {
    font-weight: bold;
    font-size: 250%;
    color: #fff;
    margin: 15px 0;
    text-align: center;
    position: relative;
    top: 50px;
}
.numti {
    font-weight: bold;
    font-size: 200%;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    position: relative;
    top: 55px;
}
.numti1{
	font-weight:bold;
	font-size:200%;
	color: #2B2B2B;
	text-align: center;
	margin-top: 10px;
    position: relative;
    top: 55px;
}	
.nump {
    text-align: center;
    position: relative;
    top: 60px;
    margin: 15px;
	font-size: 100%;
}
ul.resultList dl dt{
	width:10%;	
}
ul.resultList dl{
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;	
}
dl.fortuneList dd{
  width: 80%;		
}

/* プロフィール全体のコンテナ */
.profilettl {
  padding: 5px 5px 5px 42px;
  background: #d10000;
  font-size: 20px;
  color: white;
  margin-left: -13px;
  line-height: 1.3;
  z-index: -1;
  width: 95%;
}

.profilettl:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
.profilettl {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.6s ease-out forwards;
}
.profileContainer {
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px;
  background-color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
}

/* 左側の画像と情報 */
.profileLeft {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* プロフィール画像 */
.profileLeft img {
  width: 180px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
}

.profileLeft img:hover {
  transform: scale(1.05);
}

/* コンサルタント名とキャッチフレーズ */
.profileTitle {
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
  text-align: center;
}
.profileDetailsWrapper{
  text-align: left;		
}	

.profileTitle .nameAccent {
  color: #d32f2f; /* 名前の赤色アクセント */
}
.profileRight span{
 text-decoration: underline; 
}
.profileRight{
  text-align: left;			
}  

/* 得意分野リスト */
.expertiseList {
  margin-bottom: 10px;
}

.expertiseList dt {
  font-weight: bold;
  color: #666;
  font-size: 1em;
  margin-bottom: 5px;
}

.expertiseList dd {
  margin-left: 12px;
  color: #444;
  font-size: 0.95em;
  line-height: 1.6;
}

/* 右側の説明部分 */
.profileRight {
  flex: 1.5;
  color: #333;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.profileSubtitle {
  font-size: 1.3em;
  color: #444;
  margin-bottom: 15px;
  border-bottom: 2px solid #d32f2f; /* 赤で強調 */
  padding-bottom: 8px;
  text-align:center;
}

/* 各セクションのアニメーション */
.profileContainer, .profileLeft img, .profileRight {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.6s ease-out forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 記事リスト全体のスタイル */
.kiji-list {
    display: flex;
    flex-direction: column;
    gap: 15px; /* 各ボックスの間隔を調整 */
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 各記事ボックス */
.kiji-list a {
	flex-direction: column;
    padding: 15px;
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 5px;
    background: linear-gradient(135deg, #6e6e6e, #393939, #000000);
    border-radius: 12px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    transition: all 0.4s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    isolation: isolate;
    transform: translateZ(0); /* ホバー時のスムーズな効果 */
}

/* リッチなホバーエフェクト */
.kiji-list a:hover {
    background: linear-gradient(135deg, #9E9E9E, #CFD8DC);
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border-color: #283152;
    cursor: pointer;
}

/* アイコンの代わりにバッジをスタイリング */
.kiji-list a::before {
     width: 100%;
     margin-right: 0;
     margin-bottom: 10px;
    text-align: center;
    content: attr(data-batch);
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    padding: 5px 10px;
    background-color: #d10000;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.kiji-list a:hover::before {
    transform: scale(1.1); /* バッジを少し拡大 */
    background-color: #e64a19; /* ホバー時に色を濃くする */
}

/* テキストコンテナ */
.kiji-list a span {
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
	font-size: 0.9rem;
    text-align: center;
}
.kiji-list a small {
    display: block;
    font-size: 0.7rem;
    color: #555;
    margin-top: 5px;
    position: relative;
    z-index: 1;
    text-align: center;
}

/* 背景の動き */
.kiji-list a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(25, 118, 210, 0.15);
    border-radius: 50%;
    transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
    z-index: 0;
    transform: translate(-50%, -50%);
}
.kiji-list a:hover::after {
    width: 120%;
    height: 120%;
    top: 50%;
    left: 50%;
}

/* リッチなフォントアニメーション */
.kiji-list a:hover span {
    color: #283152;
}
    .profile-card {
        padding: 15px; /* 内側の余白を減少 */
    }

    .profile-content {
        gap: 15px; /* 隙間を少し減少 */
display:block;
    }

    .profile-image {
        max-width: 100px; /* スマホ用に画像サイズを調整 */
		margin:10px 20px;
    }

    .profile-text {
        max-width: 100%; /* 幅を100%にして余白を自動調整 */
        padding: 0 10px; /* テキストの左右のパディングを追加 */
    }

    .btn {
        padding: 8px 16px; /* ボタンの内側の余白を調整 */
        font-size: 14px; /* フォントサイズを少し小さく */
    }

    .button-container {
        flex-direction: column; /* ボタンを縦並びに */
        gap: 10px; /* ボタン間の隙間を減少 */
    }
	
/*
18:専門業界（営業経験を活かす転職のご提案）
------------------------------------------------------------
*/	
  .section-title-strong{
    padding:56px 16px;
  }

  .lead-main{
    font-size:28px;
    letter-spacing:0.05em;
  }

  .lead-sub{
    font-size:15px;
  }
	.industry-sections-wrap{
		display:block;
	}

	.buttonbox{
		display:block;
	}
/*
1:占いDesign
------------------------------------------------------------
*/	
.apbiz-astro-header{
	margin:20px;
}
	
.astro-monthly-card {
   width: calc(50% - 15px);
}
}

@media (max-width: 480px) {
.astro-monthly-card {
   width: 100%;
}
.astro-author-profile{
		margin:20px;
	}
	.apbiz-title{
		font-size:2rem;
	}
	.section.gray{
	padding:5px;
	border-radius: 24px;
    width: 300px;
	margin-bottom:10px;
	}

	.section.gray h2{
	 font-size: 21px;
	 margin-top: 24px;	
	}
	.industry-title.is-job::before{
	  top: 0.4em;
	}

	.industry-item-strong{
		padding: 10px;
	}
	.emphasis p,.experience-lead{
		font-size:20px;
	}

	h2.topTi1 span{
        width: 90%;
		margin:0 10px;
		display: block;
        font-size: 60%;
        padding-top: 15px;
        color: #323232;
        line-height: 1.5em;
        font-weight: bold;
		text-align:left;
        font-family: "メイリオ", Meiryo, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	}

h3.jobTi{
		font-size: 1.3em;
	}
	h3.jobTi span{
		font-size: 0.7em;
	}
.basicTable5,
  .basicTable5 tbody,
  .basicTable5 tr,
  .basicTable5 th,
  .basicTable5 td {
    display: block;
    width: 100%;
  }

  .basicTable5 tr {
    margin-bottom: 16px;
    border-bottom: 8px #f3efed solid;
  }

  .basicTable5 th {
    width: 100%;
    border-right: none;
    border-bottom: none;
    padding: 12px;
  }

  .basicTable5 td {
    width: 100%;
    padding: 12px;
    border-bottom: none;
  }
	.linkBtn{
		display:block;
		padding:10%;
	}
	.btn {
        padding: 8px 16px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .greeting {
        background: #fff;
        padding: 40px 20px;
        margin: 20px auto;
        width: 85%;
    }	
.main2{
	width:350px;
	margin: 0 auto;
	}

/* =========
  テーブル表示
========= */
  table.contactform,
  table.contactform tbody,
  table.contactform tr {
    display: block;
    width: 100%;
  }

  table.contactform th,
  table.contactform td {
    display: block;
    width: 100%;
    border: none;
  }

  table.contactform tr {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
  }

  table.contactform th {
    background: none;
    padding: 0 0 6px;
    font-size: 14px;
    color: #333;
  }

  table.contactform td {
    padding: 0;
  }

  /* 入力欄を押しやすく */
  table.contactform input,
  table.contactform textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
  }
	.wpcf7-list-item{
		margin: 0 !important;
	}
	
 .job-list {
        margin: 0;                 /* 左右250pxを解除 */
        padding: 24px 12px 32px;   /* 画面端に少し余白 */
        gap: 16px;
    }

    .job-item {
        flex: 0 0 calc(100% - 24px); /* 1画面に1案件 */
    }
	.beigeBoxA{
		padding:0;
	}	
}