/*!
Theme Name: flatink
Author: Underscores.me
Version: 1.0.0
*/

#pagetop {
width:60px;
position:fixed;
right:10px;
bottom:10px;
}
#pagetop img {
width:100%;
}

/*768px以上*/
@media screen and (min-width: 767px){

h1 {
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
h1.entry-title {
    display: none;
}
.telnumber-number {
	font-size: 18px;
}
span.wpcf7-list-item {
	margin: 0 30px !important;
	text-align: center;
}
textarea {
	width: 95% !important;
}

#wpsp-257 {
	width: 44%;
	margin: 0 auto;
}
h2.wp-show-posts-entry-title {
    font-size: 12px !important;
    font-weight: normal !important;
}
#main-date {
	margin-bottom: 50px;
}

.wp-show-posts-entry-title a,
.wp-show-posts-entry-meta a {
	font-size: 12px;
    color: #000;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

.wp-show-posts-entry-meta {
	margin-top: -50px;
}
.wp-show-posts-inner :last-child {
	margin-bottom: 50px;
}

html{
  scroll-behavior: smooth;
}

body {
  margin:0;
  font-size: 12px;
  line-height: 21px;
  color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

br.none {
  display: none;
}
/*=============================
レイアウト関係
=============================*/
.content-wrapper {
  width:900px;
  margin:auto;
}
.t-right {
  text-align: right;
}
.t-space30 {
  padding-bottom: 30px;
}
/*=============================
ヘッダー
=============================*/
#header {
  margin:auto;
  width:1000px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

/*-----------------------
#title-area {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 35px;
  line-height: 35px;
}
#title-area span {
  font-size: 12px;
}
-----------------------*/
#title-area img {
  width:360px;
  margin:15px;
}
#title-area a {
  text-decoration: none;
  color:#000;
}

#g-navigation {
  width:100%;
}
#g-navigation ul {
  margin: 0;
  padding: 0;
  padding-bottom:15px;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#g-navigation a {
  color:#000;
  text-decoration: none;
  font-size:15.5px;
}
#g-navigation a:hover {
  text-decoration: underline;
}

#g-navigation button {
  display: none;
}
/*-----------------------------
電話番号
-----------------------------*/
.telnumber {
  text-align: left;
  width:260px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
   -ms-flex-align: end;
      align-items: flex-end;
}
.telnumber-number {
  font-size: 18px;
}
.telnumber-number span {
  font-size: 12px;
}
.telnumber-time {
  font-size: 10px;
}
#header-contact {
  width:440px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
   -ms-flex-align: end;
      align-items: flex-end;
}
.mail-button {
  padding:0 20px;
  background: #0057a9;

  height:40px;
  display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
   -ms-flex-align: center;
      align-items: center;
}
.mail-button a {
  display: block;
  width:100%;
  background: url(../../uploads/common/header-mail.png) no-repeat left;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  padding-left:36px;
}

/*=============================
メインイメージ
=============================*/
#main-image {
    background: url(../../uploads/common/main.jpg)top;
    background-size:cover;
    padding-top:475px;
}

.contact-catch {
  background: rgba(0,0,0,.9);
  color: #fff;
  text-align: center;
  padding:30px 0;
}
.contact-area {
  width:800px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.contact-area {
  font-size:17px;
}

/*=============================
お知らせ
=============================*/
#main-date {
  margin-top:60px;
}
#main-date h2 {
  text-align: center;
  background: url(../../uploads/index/heading-date-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.date-area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.date-eyecatch {
  width:140px;
}
.date-body {
  width:750px;
}

/*=============================
IT・PCサポート
=============================*/
#service-support {
  background: url(../../uploads/index/support-bg.jpg) top no-repeat;
  background-size:cover;
  padding:60px 0 10px 0;
  color: #fff;
}
#service-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-service-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.support-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.support-detail-image {
  width: 260px;
  padding-bottom:50px;
  padding-right:10px;
}
.support-detail-image img {
  width: 100%;
}
.support-detail-text {
  width:630px;
  padding-bottom:50px;
}
.support-detail-text p {
  margin:6px 0;
}
p.support-title {
  font-size: 16px;
  font-weight: bold;
  margin-top:0;
}
.support-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.support-list ul {
  width:50%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top:0;
  padding-bottom: 0;
}



/*=============================
料金
=============================*/
#price-support {
  background: #f9f9f9;
  padding:60px 0;
}
#price-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-price-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.price-index {
  text-align: center;
  font-size:26px;
}
.price-index span {
  font-size:12px;
}

/*=============================
サポート内容
=============================*/
#detail-support {
  background: url(../../uploads/index/detail-bg.jpg) top no-repeat;
  background-size:cover;
  padding:60px 0;
  color: #fff;
}
#detail-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-detail-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}

.content-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.detail-title {
  background: rgba(0,87,169,.6);
  text-align: center;
  width:250px;
  margin:8px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
   -ms-flex-pack: center;
 justify-content: center;
-webkit-box-align: center;
   -ms-flex-align: center;
      align-items: center;
}
.detail-text {
  background: #fff;
  padding:10px 18px;
  width:600px;
  color: #000;
  margin:8px 0;
}
/*=============================
訪問サポート料金
=============================*/
#price-list {
  padding:60px 0;
}
#price-list h2 {
  text-align: center;
  padding:60px 0;
  font-size:16px;
}
.price-list-thumb {
  width:900px;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.price-list-title {
  width:30%;
  text-align: center;
  margin: 0;
  margin-bottom:30px;
}
.price-list-title strong {
  margin-top:16px;
  color: #009e93;
  font-size: 16px;
}
/*=============================
他社との比較
=============================*/

#compare {
  padding:40px 0;
  width: 1000px;
  margin: auto;
}
#compare h2 {
  text-align: center;
  padding-top:60px;
  font-size:16px;
}
.list-none {
  display: none;
}
#compare table {
  width: 100%;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
#compare td,#compare th {
  border-right:6px solid #fff;
}
#compare tr:last-child{
  border-bottom:6px solid #fff;
}
th.index {
  color:#0057a9;
}
.flatinc {
    font-size: 16px;
    line-height: 24px;
  background: #003b77;
  color: #fff;
  padding:8px;
}
.other {
  background: #89bed2;
  color: #fff;
  padding:8px;
}
 #data-3rd .index {
   width:34%;
 }
 #data-3rd .flatinc,#data-3rd .other {
   width:22%;
 }
 #data-4th .index {
   width:28%;
 }
 #data-4th .flatinc,#data-4th .other {
   width:18%;
 }


 /*=============================
 会社概要
 =============================*/

#conpany {
  padding-top:80px;
  width: 1000px;
  margin: auto;
}
#conpany h2 {
  text-align: center;
  background: url(../../uploads/index/heading-conpany-detail.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
#conpany-map iframe {
  width:100%;
  height:550px;
}
#conpany-map {
  font-size: 16px;
  text-align: center;
}
#conpany-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#conpany-logo {
  width:440px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 26px;
  line-height: 28px;
}
#conpany-logo span {
  font-size: 12px;
}
#conpany-logo img {
  width:66px;
  margin:10px;
}
#conpany-data {
  width:500px;
}
#conpany-image {
  width:100%;
}
#conpany-image ul {
  margin:0;
  padding:0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*=============================
お問い合わせ
=============================*/
#mail-form {
  padding-top:80px;
  width: 1000px;
  margin: auto;
}
#mail-form h2 {
  text-align: center;
  background: url(../../uploads/index/heading-mail-form.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
#contact-area p {
  font-weight: bold;
  font-size: 16px;
  margin-top:50px;
  line-height: 36px;
}
#contact-area span.hissu {
  margin-left:10px;
  color:#fff;
  font-size:10px;
  font-weight: normal;
  background: #e60012;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
	width: 150px !important;
	padding: 20px;
	margin-bottom: 15px;
	border: none;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	background: #0057A9;
}

.btncenter {
    text-align: center;
}
.checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.checkbox p {
  width:20%;
}
.checkbox input {
  float: left;
}
.form-button {
  width: 176px;
  margin: auto;
  padding-bottom:60px;
}


/*=============================
情報セキュリティ
=============================*/
#security-support {
  padding:60px 0;
}
#security-support h2 {
  text-align: center;
  background: url(../../uploads/security/heading-security-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.security-catch {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.security-catch-blue {
    width: 100%;
    margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #009e93;
  margin-bottom:50px;
}
#security-problem {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin:50px 0;
}
.security-problem-heading {
  width: 34%;
  font-weight: bold;
  font-size: 16px;
  padding-right:50px;
  color: #fff;
  height:130px;
  background: url(../../uploads/security/problem-bg.png) top no-repeat;
  background-size:contain;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
   -ms-flex-pack: center;
 justify-content: center;
-webkit-box-align: center;
   -ms-flex-align: center;
      align-items: center;
}
.security-problem-text {
  width: 60%;

}
.security-problem-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.security-problem-list p {
  width:50%;
}

.security-problem-title {
  font-weight: bold;
  font-size: 16px;
}


#security-step {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
justify-content: space-around;
}
.security-step-thumb {
  width:40%;
  text-align: center;
  margin-bottom:30px;
}
.security-step-thumb p {
  font-size: 16px;
  font-weight: bold;
  color:#009e93;
}
.security-step-thumb ol {
  text-align: left;
}


}






/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*768px以下*/
@media screen and (max-width: 768px){


html{
  scroll-behavior: smooth;
}

body {
  margin:0;
  font-size: 12px;
  line-height: 21px;
  color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
  width:90%;
  line-height: 28px;
  margin:auto;
}
br.none-smp {
  display: none;
}
th.none-smp {
  display: none;
}

/*=============================
レイアウト関係
=============================*/
.content-wrapper {
  margin:auto;
}
.t-right {
  text-align: right;
}
.t-space30 {
  padding-bottom: 30px;
}
/*=============================
ヘッダー
=============================*/
#header {
  margin:0 auto;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#title-area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 35px;
  text-align: center;
  margin: 0 auto;
}
#title-area span {
  font-size: 12px;
  line-height: 35px;
}
#title-area img {
  width:340px;
  margin:15px;
}
#title-area p {
  margin:0;
}
#title-area a {
  text-decoration: none;
  color:#000;
}

#g-navigation {
  width:100%;
  margin:20px 0;
}

#g-navigation ul {
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

#g-navigation a {
  color:#000;
  text-decoration: none;
  font-size:15.5px;
}
#g-navigation a:hover {
  text-decoration: underline;
}


/*-----------------------------
 ボタン
 -----------------------------*/
 /* reset */
#g-navigation button {
   background:transparent;
   border:none;
   cursor:pointer;
   outline:none;
   padding:0;
   appearance:none;
}
    #g-navigation li, #g-navigation p {
      margin: 0;
    }
 /* reset */

#g-navigation button {
display: block;
cursor: pointer;
background-color: #eee;
text-align: center;
width: 100%;
height: 50px;
}

#g-navigation ul > li {
background-color: #fff;
text-align: center;
width: 100%;

/* 閉じている状態 */
border-top: 0 white solid;
padding-top: 0;
padding-bottom: 0;

/* 閉じるアニメーション */
transition:
border-top 0.3s ease-out,
padding-top	0.3s ease-out,
padding-bottom 0.3s ease-out;
}
#g-navigation ul.is-open > li {

/* 開いている状態 */
border-top: 1px white solid;
padding-top: 13px;
padding-bottom: 13px;

/* 開くアニメーション */
transition:
border-top 0.3s ease-out,
padding-top 0.3s ease-out,
padding-bottom 0.3s ease-out;
}
#g-navigation ul > li {
/* 閉じている状態 */
line-height: 0;
opacity: 0;
visibility: hidden;
/* 閉じるアニメーション */
transition:
line-height 0.3s ease-out,
opacity 0.1s linear,
visibility 0.1s linear;
}
#g-navigation ul.is-open > li {
/* 開いている状態 */
line-height: 1.5;
opacity: 1;
visibility: visible;
/* 開くアニメーション */
transition:
line-height 0.3s ease-out,
opacity 0.1s linear 0.1s,
visibility 0.1s linear 0.1s;
}
.arrow {

}


/*-----------------------------
電話番号
-----------------------------*/
.telnumber {
  text-align: left;
  width:80%;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-box-align: end;
   -ms-flex-align: end;
      align-items: flex-end;
}
.telnumber-number {
  font-size: 20px;
}
.telnumber-number span {
  font-size: 13px;
}
.telnumber-time {
  font-size: 13px;
}
#header-contact {
  display: flex;
  -webkit-flex-wrap:  wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-align: end;
   -ms-flex-align: end;
      align-items: flex-end;
}
.mail-button {
  padding:0 20px;
  width:60%;
  margin:10px auto;
  background: #0057a9;

  height:40px;
  display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
   -ms-flex-align: center;
      align-items: center;
}
.mail-button a {
  display: block;
  width:100%;
  background: url(../../uploads/common/header-mail.png) no-repeat left;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  padding-left:36px;
}

/*=============================
メインイメージ
=============================*/
#main-image {
    background: url(../../uploads/common/main.jpg) 70% 50%;
    background-size:cover;
    padding-top:275px;
}

.contact-catch {
  background: rgba(0,0,0,.9);
  color: #fff;
  text-align: center;
  padding:30px 0;
}
.contact-area {
  width:100%;


}
.contact-area p {
  font-size:17px;
}
.contact-announce {
  font-size: 3vw;
}

/*=============================
お知らせ
=============================*/
#main-date {
  margin-top:60px;
}
#main-date h2 {
  text-align: center;
  background: url(../../uploads/index/heading-date-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}

.date-body {
  margin: auto;
  width:90%;
}

/*=============================
IT・PCサポート
=============================*/
#service-support {
  background: url(../../uploads/index/support-bg.jpg) top no-repeat;
  background-size:cover;
  padding:60px 0 0px 0;
  color: #fff;
}
#service-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-service-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}

.support-detail-image img {
  width: 100%;
}
.support-detail-text {
  width:90%;
  margin: auto;
  padding-bottom:30px;
}
.support-detail-attention {
  width:90%;
  margin: auto;
}

.support-title {
  font-size: 16px;
  font-weight: bold;
}
.support-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.support-list ul {
  width:50%;
}

/*=============================
料金
=============================*/
#price-support {
  background: #f9f9f9;
  padding:60px 0;
}
#price-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-price-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.price-index {
  text-align: center;
  font-size:26px;
  line-height: 32px;
  width:90%;
  margin: auto;
}
.price-index span {
  font-size:12px;
}



/*=============================
サポート内容
=============================*/
#detail-support {
  background: url(../../uploads/index/detail-bg.jpg) top no-repeat;
  background-size:cover;
  padding:60px 0;
  color: #fff;
}
#detail-support h2 {
  text-align: center;
  background: url(../../uploads/index/heading-detail-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}


.detail-title {
  background: rgba(0,87,169,.6);
  width:100%;
  padding:10px;
  	box-sizing: border-box;
  text-align: center;
  margin: 0;
}
.detail-text {
  background: rgba(255,255,255,.6);
  padding:10px 18px;
  color: #000;
  margin: 0;
}
/*=============================
訪問サポート料金
=============================*/
#price-list {
  padding:60px 0;
}
#price-list h2 {
  text-align: center;
  font-size:16px;
  margin-bottom:30px;
}
.price-list-thumb {
  width:96%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.price-list-title {
  width:50%;
  text-align: center;
  margin-bottom:30px;
}
.price-list-title strong {
  margin-top:16px;
  color: #009e93;
  font-size: 16px;
}
/*=============================
他社との比較
=============================*/

#compare {
  padding:40px 0;
  width: 100%;
  margin: auto;
}
#compare h2 {
  text-align: center;
  padding-top:60px;
  font-size:16px;
}
.list-none {
  display: none;
}

#compare .table {
  width: 100%;
  overflow: scroll;
}
#compare table {
    width: 100%;

    /*
    font-size: 18px;
    line-height: 32px;
    */

    font-size: 2vw;
    line-height: 18px;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
#compare td,#compare th {
    border-right:4px solid #fff;
    font-weight: normal;
}
#compare tr:last-child{
    border-bottom:4px solid #fff;
}
th.index {
  color:#0057a9;
}
.flatinc {
    font-size: 12px;
    line-height: 14px;
    background: #003b77;
    color: #fff;
    padding:4px;
}
/*
tbody th.flatinc {
  border-top: 6px solid #fff;
}
*/
.other {
  background: #89bed2;
  color: #fff;
  padding:4px;

}

 #data-3rd .index {
   width:28%;
 }
 #data-3rd .flatinc,#data-3rd .other {
   width:20%;
 }
 #data-4th .index {
   width:30%;
 }
 #data-4th .flatinc,#data-4th .other {
   width:18%;
 }
#compare p {
  width:90%;
   margin:10px auto;
 }
 /*=============================
 会社概要
 =============================*/

#conpany {
  padding-top:80px;
    margin: auto;
}

#conpany h2 {
  text-align: center;
  background: url(../../uploads/index/heading-conpany-detail.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
#conpany-map iframe {
  width:100%;
  height:360px;
}
#conpany-map {
  font-size: 16px;
  text-align: center;
}
#conpany-map p {
  width:90%;
  margin: auto;
}
#conpany-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
#conpany-logo {
  width:85%;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 19px;
  line-height: 24px;
}
#conpany-logo span {
  font-size: 12px;
}
#conpany-logo img {
  width:66px;
  margin:10px;
}
#conpany-data {
  width: 100%;
  text-align: center;
}
#conpany-image {
  width:100%;
}
#conpany-image ul {
  margin:0;
  padding:0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/*=============================
お問い合わせ
=============================*/
#mail-form {
  padding-top:80px;
  margin: auto;
}
#mail-form h2 {
  text-align: center;
  background: url(../../uploads/index/heading-mail-form.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
#contact-area p {
  font-weight: bold;
  font-size: 16px;
  margin-top:50px;
  line-height: 40px;
}

#contact-area input,
#contact-area textarea {
	box-sizing: border-box;
	padding:6px;
	width: 100%;
}
.checkbox {
  display: flex;
  flex-wrap: wrap;
}
.checkbox p {
  width:20%;
}
.checkbox input {
  float: left;
}
.form-button {
  width: 176px;
  margin: auto;
  padding-bottom:60px;
}
#contact-area span.hissu {
  margin-left:10px;
  color:#fff;
  font-size:10px;
  font-weight: normal;
  background: #e60012;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
}

/*=============================
情報セキュリティ
=============================*/
#security-support {
  padding:60px 0;
}
#security-support h2 {
  text-align: center;
  background: url(../../uploads/security/heading-security-support.png) top no-repeat;
  padding-top:90px;
  font-size:16px;
}
.security-catch {
  width: 96%;
  margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.security-catch-blue {
    width: 100%;
    margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #009e93;
  margin-bottom:50px;
}
#security-problem {

  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  justify-content: space-between;
  margin:50px 0;
}
.security-problem-heading {
  background: rgba(0,87,169,.6);
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  display: flex;
 justify-content: center;
 align-items: center;
}
.security-problem-text {
  width: 90%;
  margin: auto;
}
.security-problem-list {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom:20px;
}
.security-problem-list p {
  margin:0;
}
.security-problem-title {
  font-weight: bold;
  font-size: 16px;
}


#security-step {

  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
justify-content: space-around;
}
.security-step-thumb {
  width:40%;
  text-align: center;
  margin-bottom:30px;
}
.security-step-thumb p {
  font-size: 16px;
  font-weight: bold;
  color:#009e93;
}
.security-step-thumb ol {
  text-align: left;
}

h2.wp-show-posts-entry-title {
    font-size: 12px !important;
    font-weight: normal !important;
}
.wp-show-posts-entry-title a, .wp-show-posts-entry-meta a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

#wpsp-257 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.btncenter {
	text-align: center;
}
#mail-form {
	width: 90%;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
    width: 150px !important;
    padding: 20px;
    margin-bottom: 15px;
    border: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.05em;
    background: #0057A9;
}
#page {
    overflow: hidden;
}
h1 {
    display: block;
    font-size: 2em !important;
}
h1.entry-title {
    display: none;
}

}