@charset "utf-8";
/*共通部分
---------------------*/
html{
  font-size: 100%;
}

body{
       font-family: "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","ヒラギノ角ゴ Pro W3","sans-serif","丸ゴシック体";
       line-height: 1.7;
       color: #432;
       margin-top: 0px;
       padding-top: 0px;
}

a{
  text-decoration: none;
  color: #432;
}
img{
  max-width: 100%;
}
h3{
  font-size: 1.6rem;
}
h4{
  font-size: 1.4rem;
}
h5{
  font-size: 1.2rem;
}
h6{
  font-size: 1.0rem;
}
p{
  font-size: 0.9rem;
}
.bold{
  font-family: "ヒラギノ角ゴ Pro W";
  font-weight: 900;
}
.margin_top_20{
  margin-top: 20px;
}
.margin_top_30{
  margin-top: 30px;
}
.margin_top_half{

}
.margin_bottom_15{
  margin-bottom: 15px;
}
.margin_bottom_30{
  margin-bottom: 30px;
}
.space-3rem{
  margin-top: 3rem;
}
.center
{
display: flex;
justify-content: center;
align-items: center;
}
.center img{
  background-size: cover;
}
.center60
{
display: flex;
justify-content: center;
align-items: center;
width: 60%;
}
.center60 img{
  background-size: cover;
}
.black_bg{
  background-color: #333333;
  padding-left: 30px;
  padding-right: 30px;
  color: #ffffff;
  font-size: 1.0rem;
  margin-bottom: 10px;
}
.blue{
  color:#2E338C;
  font-size: 1.0rem;
  font-family: "ヒラギノ角ゴ Pro W";
  font-weight: 900;
}

/*TOPに戻る
---------------------*/
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(135deg,#85241b,#f1e2be,#85241b);
  background: -webkit-linear-gradient(135deg,#85241b,#f1e2be,#85241b);
  background: linear-gradient(135deg,#85241b,#f1e2be,#85241b);
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*HEADER
----------------------*/
#header_pc{
  margin-bottom: 10px;
}
.up_header{
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 3%;
  align-items: flex-end;
}
.logo{
  display: flex;
  align-items: center;
}
.logo img{
  width: 100px;
}

.main-nav{
  font-size: 0.7rem;
  text-transform: uppercase;
  list-style:none;
  text-align: center;
}
.main-nav ul{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
}
.main-nav ul li{
  list-style: none;
  margin-left: 25px;
}
.main-nav ul li a{
  color: #111;
  opacity: 1;
}
.main-nav ul li a:hover{
  color: #0bd;
   opacity: 1;
}

.wrapper{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 4%;
}


/*大きな背景画像
-------------------*/
.big-bg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#index_bg{
background-image: url("../images/index_bg.jpg");
min-height: 70vh;
}
#about_bg{
background-image: url("../images/about_bg.jpg");
min-height: 70vh;
}
#case_bg{
background-image: url("../images/case_bg.jpg");
min-height: 70vh;
}
#content_bg{
background-image: url("../images/content_bg.jpg");
min-height: 70vh;
}
#company_bg{
background-image: url("../images/company_bg.jpg");
min-height: 70vh;
}
#policy_bg{
  background-image: url("../images/policy_bg.jpg");
  min-height: 70vh;
}

.index_bg_title{
  text-align: center;
  background-color:rgba(0,0,0,0.5);
  width: 500px;
  height: 150px;
}
 .about_bg_title{
   text-align: center;
   background-color:rgba(0,0,0,0.5);
   width: 500px;
   height: 150px;
 }
 .content_bg_title{
   text-align: center;
   background-color:rgba(0,0,0,0.5);
   width: 500px;
   height: 150px;
 }
 .member_bg_title{
   text-align: center;
   background-color:rgba(0,0,0,0.5);
   width: 800px;
   height: 150px;
 }
.index_bg_title h3{
  padding-top: 20px;
font-size: 2rem;
font-family: serif;
color: #ffffff;
text-transform: uppercase;
font-weight: normal;
}
.about_bg_title h3{
  padding-top: 50px;
font-size: 2rem;
font-family: serif;
color: #ffffff;
text-transform: uppercase;
font-weight: normal;
}
.content_bg_title h3{
  padding-top: 50px;
font-size: 2rem;
font-family: serif;
color: #ffffff;
text-transform: uppercase;
font-weight: normal;
}
.member_bg_title h3{
  padding-top: 50px;
font-size: 2rem;
font-family: serif;
color: #ffffff;
text-transform: uppercase;
font-weight: normal;
}

#index{
  display: flex;
  flex-wrap: wrap;
}
#index_01{
background-image: url("../images/index_01.jpg");
min-height: 40vh;
width: 100%;
}
.index_01_under{
  width: 100%;
  margin-bottom: 5px;
}
.index_01_title{
  width: 700px;
  margin: 20px auto;
  text-align: center;
}
.index_01_text{
  width: 700px;
  margin: 0px auto 30px;
}
#index_02{
background-image: url("../images/index_02.jpg");
min-height: 40vh;
width: 33.3%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.index_02_all,.index_03_all,.index_04_all,.index_05_all,.index_06_all,.index_07_all{
  width: 400px;
  background-color:rgba(365,365,365,0.8);
  margin: 50px auto 10px;
  padding: 10px;
}
.index_02_title,.index_03_title,.index_04_title,.index_05_title,.index_06_title,.index_07_title{
  width: 400px;
  margin: 0px auto 10px;
}
.index_02,.index_03,.index_04,.index_05,.index_06,.index_07{
  width: 400px;
  display: flex;
  margin: 0px auto 10px;
}
.index_02_text,.index_03_text,.index_04_text,.index_05_text,.index_06_text,.index_07_text{
  width: 300px;
}
.button_more{
  width: 100px;
  object-fit: contain;
  margin-right: 20px;
}

#index_03{
background-image: url("../images/index_03.jpg");
min-height: 40vh;
width: 33.3%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

#index_07{
background-image: url("../images/index_07.jpg");
min-height: 40vh;
width: 33.3%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

#index_04{
background-image: url("../images/index_04.jpg");
min-height: 40vh;
width: 100%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#index_05{
background-image: url("../images/index_05.jpg");
min-height: 40vh;
width: 50%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#index_06{
background-image: url("../images/logo.png");
min-height: 40vh;
width: 50%;
margin-bottom: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#about_01, #consulting_01, #human_01,#global_01,#ec_01,#case_01,#company_01{
min-height: 40vh;
width: 80%;
}
.about_01, .consulting_01, .company_01, .case_01{
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
}
.about_side, .consulting_side, .company_side, .case_side{
  min-height: 40vh;
  width: 10%;
}
#about_01{
background-image: url("../images/about_01.jpg");
}
.about_side{
  background-color: #026037;
}
#consulting_01{
background-image: url("../images/consulting_01.jpg");
}
.consulting_side{
  background-color: #1B1464;
}
#human_01{
background-image: url("../images/human_01.jpg");
}
#global_01{
background-image: url("../images/global_01.jpg");
}
#ec_01{
background-image: url("../images/ec_01.jpg");
}
#case_01{
background-image: url("../images/case_01.jpg");
}
.case_side{
  background-color: #736356;
}
#company_01{
background-image: url("../images/company_bg.png");
}
.company_side{
  background-color: #42210B;
}
/*ボタン
--------------------------*/
.buttonlist{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3px;
}
.button_01{
  color: #ffffff;
  height: 100px;
  text-align: center;
  align-items: center;
  background-color: #006837;
  padding-top: 30px;
}
.button_02{
  color: #ffffff;
  height: 100px;
  text-align: center;
  align-items: center;
  background-color: #2D3193;
  padding-top: 30px;
}
.button_03{
  color: #ffffff;
  height: 100px;
  text-align: center;
  align-items: center;
  background-color: #736356;
  padding-top: 30px;
}
.button_04{
  color: #ffffff;
  height: 100px;
  text-align: center;
  align-items: center;
  background-color: #42210B;
  padding-top: 30px;
}
.buttonlist_02{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1200px;
  height: 70px;
  margin: 0 auto;
}
.buttonlist_02 a{
  border: 1px solid;
  text-align: center;
  padding-top: 20px;
}


/*フッター最下部
--------------------------*/
footer{
  background: #333333;
  text-align: center;
  padding: 26px 0;
  margin-top: 5px;
}
footer p{
  color: #fff;
  font-size: 0.875rem;
}
/*フッター０２
--------------------------*/
.footer-footer{
  background-color: #F2F2F2;
  padding-top: 20px;
}
.footer-nav{
  display: flex;
  justify-content: center;
}
.footer-nav-01{
  width: 130px;
  margin: 0 1%;
  font-size: 0.80rem;
  color: #111;
  text-transform: none;
  list-style:none;
  white-space: nowrap;
}
.footer-nav-02{
  width: 470px;
  margin: 0 1%;
  color: #111;
  text-transform: none;
  white-space: nowrap;
}
.footer-nav-02 p{
    font-size: 0.80rem;
  }
.footer-company{
  margin: 0 1%;
  padding-top: 10px;
}
/*index本文
------------------------------*/
#news{
  display: flex;
  background-color: #f2f2f2;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 3px solid #8C7B6C;
  border-bottom: 3px solid #8C7B6C;
}

/*NEWS
--------------------------*/
.news_img{
  width: 20%;
  text-align: center;
  margin-top: 80px
}
.news_img img{
  width: 150px;
}
.news{
  width: 80%;
  border-top: 1px #111 solid;
  margin: 1rem;
}
.newslist{
  font-size: 1rem;
  padding: 8px 8px;
  border-bottom: 2px #111 solid;
  list-style: none;
}

/*代表メッセージ
--------------------------*/
#message h4, #message h5, #message h6, #philosophy h4, #philosophy h5, #philosophy h6{
  text-align: center;
}

#message, #philosophy{
  margin-top: 50px;
}

/*企業理念
--------------------------*/
.about_02{
  width: 500px;
  margin: 30px auto 0;
}

/*コンサルティング事業
--------------------------*/
.consulting_00{
  width: 300px;
  margin: 30px auto 0;
}
.consulting_02{
  width: 100%;
  margin: 30px auto 0;
}
.consulting_03{
  width: 80%;
  margin: 30px auto 0;
}
.consulting_04{
  width: 100%;
  margin: 30px auto 0;
}
.consulting_05{
  width: 80%;
  margin: 30px auto 0;
}
.consulting_06{
  width: 100%;
  margin: 30px auto 0;
}
.consulting_07{
  width: 80%;
  margin: 30px auto 0;
}
.consulting_08{
  width: 80%;
  margin: 30px auto 0;
}
.consulting_09{
  width: 80%;
  margin: 30px auto 0;
}

/*コンサルティング事業
--------------------------*/
.human_00{
  width: 180px;
  margin: 30px auto 0;
}
.human_02, .human_04{
  display: flex;
  justify-content: space-between;
}
.human_02 img, .human_04 img{
  width: 47%;
}
.human_03{
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto 30px;
}
.human_03 img{
  width: 48%;
  margin: 1%;
}
.human_05{
  width: 100%
}
/*グローバル事業
--------------------------*/
.global_00{
  width: 180px;
  margin: 30px auto 0;
}
.global_02, .global_03, .global_04{
  width: 60%;
  margin: 30px auto 30px;
}

/*EC事業
--------------------------*/
.ec_00{
  width: 180px;
  margin: 30px auto 0;
}
#ec_02{
 display: grid;
 grid-template-columns: 1fr 1fr;
 align-items: flex-start;
}
.ec{
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.ec_big{
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 30px;
 grid-row: 2/4;
}
.ec h6,.ec_big h6{
  background-color: #2F3191;
  color: #fff;
  padding-left: 30px;
}
.ec_01{
  width: 100%;
  margin-bottom: 30px;
  padding: 0 30px 0 5px;
}
.ec_02{
  width: 60%;
}
.ec_03{
  width: 20%;
  margin-right: 20%;
}
/*WEB
--------------------------*/
.web{
  margin-bottom: 30px;
}
.web h6{
  background-color: #2F3191;
  color: #fff;
  text-align: center;
}
.web_title{
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
.web_main{
  margin-bottom: 30px;
}
.web_main h6{
  font-size: 900;
}
.web_main img{
  margin: 10px auto 10px
}
/*事例
--------------------------*/
.hansoku_main img{
  width: 60%;
  margin: 20px auto;
}
.hansoku_main table td{
  padding: 10px 30px;
}
.hansoku{
  margin-bottom: 50px;
}
.hansoku h6{
  background-color: #E5E5E5;
  color: #30348C;
  padding-left: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/*定期情報誌
--------------------------*/
.vitamin{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.vitamin_main{
  width: 30%;
}
.vitamin_button{
  text-align: center;
  align-items: center;
  width: 200px;
  height: 30px;
  background-color: red;
  color: #fff;
  border-radius: 15px;
  margin-top: 15px;
}
.vitamin_button a{

}
.vitamin_img_00{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 40%;
}
.vitamin_border{
  border-bottom: 1px solid;
  margin-bottom: 30px;
}
.vitamin_img_00 img{
  object-fit: contain;
}
.vitamin_img_01{
  width: 40%;
  padding: 0 10px;
  margin-bottom: 30px;
}
.vitamin_img_02{
  width: 30%;
}
.vitamin_img_03{
  width: 50%;
}
.vitamin_img_04{
  width: 30%;
}

/*事例
--------------------------*/
#case_02 span, #case_03 span, #case_04 span, #case_05 span{
  color: #cc0000;
}
#case_00 h4, #company_00 h4, #consulting_00 h4, #ec_00 h4, #global_00 h4, #human_00 h4{
  text-align: center;
  font-size: 1.5rem;
}
.case_info{
  background-color: #F1F1F1;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px;
}
.case_info_01{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background-color: #808080;
  padding: 30px 20px;
}
.case_info_02{
  display:flex;
  flex-direction: column;
  text-align:left;
  padding: 20px;
}
.case_info_03{
  display: flex;
  flex-direction: column;
  text-align:left;
  padding: 20px;
}

.case_info_01 p{
  color: #FFFFFF;
}
.case_info_02 p{
  text-align:left;
}
.case_info_03 p{
text-align:left;
}
/*会社概要
--------------------------*/
#company table, #history table{
  border-top: 1px solid #111;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 50px;
}
#company  td, #history td{
  height: 80px;
  min-width: 200px;
  padding: 10px;
  border-bottom: 1px solid #111;
}

/*ポリシー
--------------------------*/
#policy{
  margin-top: 50px;
}

/*メンバーログインページ
--------------------------*/
.login{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 100px;
}
.member_button{
  display: block;
  width: 400px;
  height: 100px;
  padding-top: 20px;
  background-color:rgba(0,0,0,0.3);
  color:#ffffff;

}
/*お問い合わせ
--------------------------*/
#contact h4{
  font-size: 2.5rem;
  margin-top: 50px;
  margin-bottom: 50px;
}

#formWrap {
  width: 700px;
	margin:2rem auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto 20px;
}
table.formTable td,table.formTable th{
  display: block;
	padding:3px;
}
table.formTable th{
	width:100%;
	font-weight:900;
	text-align:left;
}
table.formTable th span{
  color: #cc0000;
}
table.formTable td{
  font-weight:normal;
  text-align:left;
}
table.formTable tr{
  border-bottom: solid 1px;
}
input[type="text"], textarea {
	font-weight:normal;
  height: 30px;
  border:1px solid #111;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;

}
textarea {
  height: 300px;
  padding-top: 10px;
}
input[type="checkbox"]{
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #fff;
}
input[type="submit"], input[type="reset"]{
  height: 50px;
  width: 200px;
  font-size: 1.2rem;
  color: #1CA9BB;
  border: 1.5px solid #1CA9BB;
  border-radius: 5px;
}
input[type="submit"]:hover, input[type="reset"]:hover{
  color: #fff;
  border: 1.5px solid #1CA9BB;
  background-color: #1CA9BB;
  border-radius: 5px;
}
label{
  margin-right: 30px;
  margin-left: 10px;
}
label input[type=checkbox] {
 margin-right:10px
}
#formWrap p{
  margin-top: 10px;
}



/*iframe*/
iframe{
  width: 100%;
}
/*PC版
------------------------------*/
@media screen and (min-width: 680px){
  .pc { display:block; }
   .sp { display:none; }
   #header{
     display: none;
   }
}


/*モバイル版
------------------------------*/
@media screen and (max-width: 680px){
  .pc { display:none; }
  .sp { display:block; }
  .page-title{
    font-size: 2.5rem;
  }

  a{
  }
  img{
  }
  h3{
  }
  h4{
    font-size: 1.2em;
    text-align: center;
  }
  h5{
  }
  h6{
  }
  p{
  }
  .center
  {
  display: block
  }
  .center img{
    background-size: contain;
  }
/*大きな背景画像----*/
.big-bg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index_bg{
  min-height: 30vh;
  display: flex;
}

#about_bg{
  min-height: 30vh;
  display: flex;
}
#case_bg{
  min-height: 30vh;
  display: flex;
}
#content_bg{
  min-height: 30vh;
  display: flex;
}
#company_bg{
  min-height: 30vh;
  display: flex;
}
#policy_bg{
  min-height: 30vh;
  display: flex;
}

.index_bg_title{
  text-align: center;
  align-items: center;
  background-color:rgba(0,0,0,0.5);
  width: 300px;
  height: 100px;
}

 .about_bg_title{
   text-align: center;
   align-items: center;
   background-color:rgba(0,0,0,0.5);
   width: 300px;
   height: 100px;
 }
 .content_bg_title{
   text-align: center;
   align-items: center;
   background-color:rgba(0,0,0,0.5);
   width: 300px;
   height: 100px;
 }
 .member_bg_title{
   text-align: center;
   align-items: center;
   background-color:rgba(0,0,0,0.5);
   width: 300px;
   height: 100px;
 }
 .index_bg_title h3{
 padding-top: 20px;
 font-size: 1.5rem;
 font-family: serif;
 color: #ffffff;
 text-transform: uppercase;
 font-weight: normal;
 }
.about_bg_title h3{
  padding-top: 20px;
  font-size: 1.5rem;
  font-family: serif;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
}
.content_bg_title h3{
  padding-top: 20px;
  font-size: 1.5rem;
  font-family: serif;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
}
.member_bg_title h3{
  padding-top: 20px;
  font-size: 1.5rem;
  font-family: serif;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
}

/*ヘッダー----*/
#header_pc{
  margin-bottom: 10px;
  padding: 0;
}
.logo img{
  width: 60px;
  height: 60px;
}

.main-nav{
  display: none;
}
.nav-info{
  display:none;
}
.up_header{
  margin-top: 0;
  margin-bottom: 0;
}
.header_all{
  display: none;
}

/*フッター---*/
.footer-footer{
  background-color: #F2F2F2;
  padding-top: 10px;
}
.footer-nav{
  display: flex;
  justify-content: center;
}
.footer-nav-01{
display: none;
}
.footer-nav-02{
display: none;
}
.footer-company{
  margin: 0 1%;
  padding-top: 0px;
}
/*index---*/
#index{
  display: block;
  flex-wrap: wrap;
}
#index_01{
background-image: url("../images/index_01.jpg");
min-height: 30vh;
width: 100%;
}
.index_01_under{
  width: 100%;
  margin-bottom: 5px;
}
.index_01_title{
  width: 90%;
  margin: 0px auto 10px;
  text-align: center;
}
.index_01_title h3{
  font-size: 1.2rem;
}
.index_01_text{
  width: 90%;
  margin: 0px auto 0px;
  padding-bottom: 10px;
}
#index_02{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
.index_02_title,.index_03_title,.index_04_title,.index_05_title,.index_06_title,.index_07_title{
  width: 300px;
  margin: 0px auto;
}
.index_02,.index_03,.index_04,.index_05,.index_06,.index_07{
  width: 300px;
  display: flex;
  margin: 0px auto 30px;
}
.index_02_text,.index_03_text,.index_04_text,.index_05_text,.index_06_text,.index_07_text{
  width: 200px;
}
#index_03{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
#index_04{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
#index_05{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
#index_06{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
#index_07{
min-height: 30vh;
width: 100%;
margin-bottom: 5px;
}
.button_more{
  display: flex;
  padding-left: 20px;
  justify-content: center;
  align-items: center;
}
#about_01, #consulting_01, #human_01,#global_01,#ec_01,#case_01,#company_01{
min-height: 20vh;
width: 80%;
}
.about_01, .consulting_01, .company_01, .case_01{
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
}
.about_side, .consulting_side, .company_side, .case_side{
  min-height: 20vh;
  width: 10%;
}


  /*ボタン*/
  .button_01 h5, .button_02 h5, .button_03 h5, .button_04 h5, .buttonlist_02 h5{
    font-size: 1rem;
  }

  /*企業理念
  --------------------------*/
  .about_02{
    width: 100%;
  }

  /*コンサルティング事業
  --------------------------*/
  .consulting_00{
    width: 300px;
    margin: 30px auto 0;
  }
  .consulting_02{
    width: 100%;
    margin: 30px auto 0;
  }
  .consulting_03{
    width: 80%;
    margin: 30px auto 0;
  }
  .consulting_04{
    width: 100%;
    margin: 30px auto 0;
  }
  .consulting_05{
    width: 80%;
    margin: 30px auto 0;
  }
  .consulting_06{
    width: 100%;
    margin: 30px auto 0;
  }
  .consulting_07{
    width: 80%;
    margin: 30px auto 0;
  }
  .consulting_08{
    width: 80%;
    margin: 30px auto 0;
  }
  .consulting_09{
    width: 80%;
    margin: 30px auto 0;
  }

  /*人材育成事業
  --------------------------*/
  .human_00{
    width: 180px;
    margin: 30px auto 0;
  }
  .human_02, .human_04{
    display: flex;
    justify-content: space-between;
  }
  .human_02 img, .human_04 img{
    width: 47%;
  }

  .human_05{
    width: 100%
  }
  /*グローバル事業
  --------------------------*/
  .global_00{
    width: 180px;
    margin: 30px auto 0;
  }
  .global_02, .global_03, .global_04{
    width: 60%;
    margin: 30px auto 30px;
  }

  /*EC事業
  --------------------------*/
  .ec_00{
    width: 180px;
    margin: 30px auto 0;
  }
  #ec_02{
    grid-template-columns: 1fr;
  }
  .hansoku_main table {
    display: block;
  }
  .hansoku_main tbody {
    display: flex;
    width: 100%;
  }
  .hansoku_main tr {
    display: block;
    width: 100%;
  }
  .hansoku_main th,.hansoku_main td {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
  }
  /*定期情報誌
  --------------------------*/
  .vitamin{
  }
  .vitamin_main{
    width: 100%;
    margin-bottom: 50px;
  }
  .vitamin_button{
    text-align: center;
    align-items: center;
    width: 200px;
    height: 30px;
    background-color: red;
    color: #fff;
    border-radius: 15px;
    margin: 15px 0px;
  }
  .vitamin_button a{
  }
  .vitamin_img_00{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 40%;
  }
  .vitamin_border{
    border-bottom: 1px solid;
    margin-bottom: 30px;
  }
  .vitamin_img_00 img{
    object-fit: contain;
  }
  .vitamin_img_01{
    width: 40%;
    padding: 0 10px;
    margin-bottom: 30px;
  }
  .vitamin_img_02{
    width: 30%;
  }
  .vitamin_img_03{
    width: 50%;
  }
  .vitamin_img_04{
    width: 30%;
  }
  /*コンサルティング
  --------------------------*/
  .consulting_03{
    width: 100%;
  }
  .consulting_08{
    width: 100%;
  }
  .consulting_09{
    width: 100%;
  }

  /*コンサルティング
  --------------------------*/
  .case_info{
    display: block;
  }
  .case_info_01{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    background-color: #808080;
    padding: 0px;
  }
  .case_info_02{
    display:flex;
    flex-direction: column;
    text-align:left;
    padding: 5px 0px 0px 20px;
  }
  .case_info_03{
    display: flex;
    flex-direction: column;
    text-align:left;
    padding: 0px 0px 5px 20px;
  }

  /*CONTACT*/
  .nbl_05_contact{
   display: block;
  }
  #contact .page-title{
     margin-top: 40px;
  }
  #formWrap {
    width:95%;
    margin:0 auto;
  }
  table.formTable th, table.formTable td {
    width:auto;
    display:block;
  }
  table.formTable th {
    margin-top:5px;
    border-bottom:0;
  }
  input[type="text"], textarea {
    width:80%;
    padding:5px;
    margin: 5px auto;
    font-size:110%;
    display:block;
  }
  textarea {
    height: 300px;
  }
  input[type="submit"], input[type="reset"], input[type="button"] {
    display:block;
    width:100%;
    height:40px;
  }

  /*フォーム*/
  input[type="text"],
  input[type="e-mail"],
  textarea{
    max-width: 100%;
  }

  /* bager menu */
  #header #navi {
    transition: all 0.6s;
    overflow-y: auto;
    padding-top: 40px;
    width: 300px;
    height: 78vh;
    z-index: 200;
    top: 0;
    right: -320px;
    background-color: #fff;
    position: fixed;
    flex-direction: column;
    align-items: baseline;
  }
  #header #navi li {
    padding: 10px;
  }
  #header .nav_btn {
    width: 44px;
    height: 44px;
    z-index: 300;
    top: 7px;
    right: 7px;
    cursor: pointer;
    position: absolute;
  }
  .hamburger_line {
    transition: all 0.6s;
    width: 34px;
    height: 2px;
    right:  5px;
    background-color: #000;
    position: absolute;
  }
  .hamburger_line1 {
    top: 50px;
  }
  .hamburger_line2 {
    top: 61px;
  }
  .hamburger_line3 {
    top: 72px;
  }
  .hamburger_line4 {
    top: 50px;
  }
  .hamburger_line5 {
    top: 61px;
  }
  .hamburger_line6 {
    top: 72px;
  }
  .nav_bg {
    opacity: 0;
    transition: all 0.6s;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: #000;
    cursor: pointer;
    position: fixed;
  }
  /* 表示された時用のCSS */
  .nav_open #header #navi {
    right: 0;
  }
  .nav_open .nav_bg {
    opacity: 0.8;
    visibility: visible;
  }
  .nav_open .hamburger_line1 {
    transform: rotate(45deg);
    top: 20px;
  }
  .nav_open .hamburger_line2 {
    width: 0;
    left: 50%;
  }
  .nav_open .hamburger_line3 {
    transform: rotate(-45deg);
    top: 20px;
  }
  .nav_open .hamburger_line4 {
    transform: rotate(45deg);
    top: 20px;
  }
  .nav_open .hamburger_line5 {
    width: 0;
    left: 50%;
  }
  .nav_open .hamburger_line6 {
    transform: rotate(-45deg);
    top: 20px;
  }
}

.home_btn{
	　text-align: center;
}
 .button02 {
  background-color: #fff;
  border: solid 2px #2f4f4f;
  color: #2f4f4f;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
  padding:1em 1em;
  border:black 2px solid;
  text-decoration:none;
	 text-align: center;
	 cursor: pointer;
}
.button02:hover {
  background-color: #006600;
	color: #fff;
}
.inline-block{
  display:inline-block;
}
.btnarea{
	text-align: center;
}