* {
  margin:0px;
  padding:0px;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }


body {
 /* background: #ffffff; */
  /* fabric-shirt.png white-brick.png washi-pink.png*/
  background-image: url(../img/bussiness_02.jpg);
  color: #00C1A8;
 /* font-weight: normal;
  font-size: 1em;
  font-family: 'Roboto', Arial, sans-serif;*/
}

/*======================*/
/* table デザイン       */
/*======================*/
table {
 /* border-collapse: collapse; */

/* border: 1px solid #aaa; */

  margin:0px;
  margin-top: 10px;
  table-layout: fixed;
  width:100%;

  border-collapse: separate;
  border-spacing: 0;
/*   border-radius: 40px; */
  overflow: hidden;
}

table th {
  border-right: 1px solid #696969;  /* Gray */
  border-left: 1px solid #696969;   /* Gray */
  border-bottom: 1px solid #00C1A8; /* Green */
  border-top: 1px solid #696969;    /* Gray */

  padding: 0.5em;
  table-layout:fixed;
/*   width:70; */
/*   width:30%; */
  text-align    : left;
}

 th.width40 {
    text-align    : right;
    height: 0px;
    width: 40%;
    padding: 0;
 }

th.width60 {
  text-align    : left;
  height: 0px;
  padding: 0;
}

 th.p2_side {
  border-right: 1px solid #696969;  /* Gray */
  border-left: 1px solid #696969;   /* Gray */
  border-bottom: 1px solid #696969; /* Green */
  border-top: 1px solid #696969;    /* Gray */
    padding: 0;
 }

table td {
  border: 1px solid #696969; /* gray */
  padding: 0.5em;
  table-layout:fixed;
  width:70;
}

/*======================*/
/* Input Box 丸ボタン   */
/*======================*/
input#inputc {
  border:none;
  border-radius:10px;
  box-shadow: none;
  padding: 2px 8px;
}

/*==============================*/
/* Submitボタンデザイン         */
/*==============================*/
.button {
  display       : inline-block;
  border-radius : 0%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
/*   padding       : 9px 95px;   余白       */
  background    : #696969;     /* 背景色     */
  color         : #00C1A8;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #00C1A8;    /* 枠の指定 */
    margin: 0.5em;
}
.button:hover {
  color         : #ffffff;     /* 背景色     */
  background    : #000000;     /* 文字色     */
}

/*======================*/
/* ヘッダー関連CSS      */
/*======================*/
.header{
 /* margin-top: 20px; */
  margin-top: 0px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__inner{
 /* max-width: 1152px; */
 /*  width: 90%; */
   width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__logo{
  flex: none;
  width: auto;
 /*  height: 35px; */
    height: 60px;
}
.header__navgroup{
  margin-left: auto;
  display: flex;
  flex: none;
}
.header__navgroup > * + *{
 /* margin-left: 60px; */
 margin-left: 0px;
}
.header__navitem{
  font-size: 16px;
  color: #fff;
}

/*======================*/
/* フッター関連CSS      */
/*======================*/
.footer{
 /* margin-top: 20px; */
   margin-top: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #333;
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align:center
}
.footer__inner{
 /* max-width: 1152px; */
 /*  width: 90%; */
text-align:center
   width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


/*=======================*/
/*  リボン見出し(未使用) */
/*=======================*/
/*
.ribbon01 {
box-sizing: border-box;
height: 45px;
margin: 50px auto;
position: relative;
text-align: center;
vertical-align: middle;
width: 300px;
}

.ribbon01::before,
.ribbon01::after {
border-color: #73c01a;
border-style: solid;
bottom: -10px;
content: '';
position: absolute;
width: 0;
z-index: -2;
}

.ribbon01::before {
border-left-color: transparent;
border-width: 20px 15px 20px 15px;
left: -20px;
}

.ribbon01::after {
border-right-color: transparent;
border-width: 20px 15px 20px 15px;
right: -20px;
}

h2.ribbon {
font-size: 14px;
}

.ribbon {
background: #8dce41;
color: #fff;
padding: 12px 20px;
position: relative;
}

.ribbon::before,
.ribbon::after {
border: none;
border-bottom: solid 10px transparent;
content: '';
position: absolute;
top: 100%;
}

.ribbon::before {
left: 0;
border-right: solid 10px #478400;
}

.ribbon::after {
right: 0;
border-left: solid 10px #478400;
}

*/

/*======================*/
/* 見出し(共通) */
/*======================*/

h2{
  margin-top: 50px;
    margin-bottom: 10px;
  width: 300px;
color: #fff;
background-color: #000;
border-top: 5px solid #00C1A8;
border-bottom: 5px solid #00C1A8;
padding: 10px;
}



/*======================*/
/* URLリンク(共通) */
/*======================*/
a {
/*   text-decoration:none; */
  text-decoration:underline;
}

a:link {
  color:#FFFFFF;
}

a:visited {
  color:#2e8b57;
}

a:hover {
  color:#FF0099;
  text-decoration:underline;
}

a:active {
  color:#33CC00;
}

/* top link */
a.top {
  text-decoration:none;
}

a.top:link {
  color:#FFFFFF;
}

a.top:visited {
  color:#FFFFFF;
}

a.top:hover {
  color:#FF0099;
  text-decoration:underline;
}

a.top:active {
  color:#33CC00;
}