@charset "UTF-8";
/* ＝＝＝＝＝＜リセット＞＝＝＝＝＝ */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, a, dl, dt, dd, ol, ul, li, table, caption, tbody, tr, th, td, article, aside, figure, figcaption, footer, header, nav, section, button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　共通設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.colorDarkBlue {color: #009499;}
.colorBlue {color: #40aaef;}
.colorGreen {color: #00b9bf;}
.colorLightGreen {color: #3CD2CE;}
.colorBlack {color: #4d4d4d;}
.colorLightBlack1 {color: #777777;}
.colorLightBlack2 {color: #cccccc;}
.colorOrange {color: #f06449;}
.colorLightOrange {color: #fe937f;}
.colorWhite {color: #ffffff;}
.colorRequired {color:#b70000;}
.bgDarkBlue {background-color: #009499;}
.bgBlue {background-color: #40aaef;}
.bgGreen {background-color: #00b9bf;}
.bgLightGreen {background-color: #3CD2CE;}
.bgBlack {background-color: #363937;}
.bgLightBlack1 {background-color: #777777;}
.bgLightBlack2 {background-color: #cccccc;}
.bgOrange {background-color: #f06449;}
.bgLightOrange {background-color: #fe937f;}
.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
.font16 {font-size: 16px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}
.font42 {font-size: 42px;}
.font48 {font-size: 48px;}
.font72 {font-size: 72px;}
.weightThin {font-weight: 200;}
.weightLight {font-weight: normal;}
.weightDemiLight {font-weight: 350;}
.weightRegular {font-weight: 400;}
.weightMedium {font-weight: 500;}
.weightBold {font-weight: 700;}
.weightBlack {font-weight: 900;}

br.sp {display: none;}
br.pc {display: block;}
.pcViewBlock {display: block !important;}
.pcViewInBlock {display: inline-block !important;}
.spViewBlock {display: none !important;}
.spViewInBlock {display: none !important;}

@media screen and (min-width:641px) {
  br.sp {display: none !important;}
  br.pc {display: block !important;}
  .breadcrumb .bcNone, .breadcrumb br.pc.bcNone {display: none !important;}
  div.news .newsTitle .bcNone, div.news .newsTitle br.pc.bcNone {display: none !important;}
}
@media screen and (min-width:0px) and (max-width:640px) {
  br.sp {display: block !important;}
  br.pc {display: none !important;}
  .pcViewBlock {display: none !important;}
  .pcViewInBlock {display: none !important;}
  .spViewBlock {display: block !important;}
  .spViewInBlock {display: inline-block !important;}
}

body {
  text-align: center;
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: #4d4d4d;
}
h1 {
  font-size: 12px;
  color: #777777;
  font-weight: normal;
  margin-bottom: 5px;
}
h2 {
  font-size: 64px;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  margin: auto 0;
}
.pageTitle {
  height: 250px;
  display: inline-flex;
	align-items:center;
}
h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 68px;
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 80px;
}
h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 100px;
  height: 10px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #e01f63;
}
h3:after {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 50px;
  height: 10px;
  left: calc(50% - 25px);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3CD2CE;
}
h4 {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 40px;
}
h4.bar {
  padding: 0 55px;
}
h4.bar:before,
h4.bar:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #363937;
}
h4.bar:before {
  left: 0;
}
h4.bar:after {
  right: 0;
}
h4.point {
  position: relative;
  font-size: 24px;
  text-align: left;
  padding: 0;
}
h4.point:after {
  position: absolute;
  top: 7px;
  left: -1em;
  z-index: 2;
  content: ' ';
  width: 14px;
  height: 14px;
  background: #00b9bf;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
h5 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
p {
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
  text-align: left;
  color: #4d4d4d;
}
#bg div.contents,
#bg .sprtContents {
  width: 960px;
  margin: 0 auto 200px;
}
p.textUnderH2 {
  text-align: center;
  color: #777777;
}
p.textUnderH2.narrow {
  letter-spacing: -0.3px;
}
.h2Icon {
  max-width: 100px;
  max-height: 100px;
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  h2 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -2px;
    text-align: center;
    margin: 0 auto;
  }
  h3 {
    font-size: 32px;
    line-height: 1.3em;
    margin-bottom: 30px;
    padding-bottom: 14px;
  }
  h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 13px;
  }
  h4.point {
    position: relative;
    font-size: 18px;
    text-align: left;
    padding-left: 20px;
  }
  h4.point:after {
    left: 0;
  }
  h4.bar {
    font-size: 20px;
    margin: 20px 0;
    padding: 0 35px;
  }
  h4.bar:before,
  h4.bar:after {
    width: 25px;
  }
  h5 {
    font-size: 18px;
  }
  p {
    line-height: 1.5em;
  }
  #container .contents,
  #bg div.contents,
  #bg .sprtContents {
    width: auto;
    margin: 0 auto 100px;
  }
  #container div.contents.contactBtn {
    margin: 30px auto;
  }
  img.pageIcon {
    width: 54px;
  }
  p.textUnderH2 {
    margin-top: 36px;
    font-size: 16px;
  }
  .pageTitle {
    height: auto;
  }
}
div.contents {
  margin: 0 auto 200px;
}

@media screen and (min-width:641px) {
  .areaMedium {
    width: 600px;
    margin: auto;
  }
  .areaLarge {
    width: 940px;
    margin: auto;
  }
}
@media screen and (min-width:0px) and (max-width:640px) {
  .contents.lrPosition p {
    /* width: auto; */
    margin-left: 15px;
    margin-right: 15px;
  }
  .areaLarge {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

hr {
  color: #cccccc;
  height: 1px;
  margin: 30px 0;
}



div.contents div.detail div{
  vertical-align: top;
}
.topPage div.contents div.detail div.text{
  width: 460px;
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px;
}
.topPage div.contents div.detail div.picture{
  width: 300px;
  margin: 0 10px;
}
.topPage div.contents div.detail div.picture div{
  width: 300px;
  text-align: center;
}
.topPage div.contents div.detail div.picture div img{
  max-width: 300px;
  max-height: 200px;
}
.frmPage div.contents div.detail div.text{
  width: 430px;
  display: inline-block;
  margin: 0 auto;
}
.frmPage div.contents div.detail div.picture{
  width: 430px;
  margin: 0 auto;
}
.frmPage div.contents div.detail div.picture div{
  width: 430px;
  text-align: center;
}
.frmPage div.contents div.detail div.picture div img{
  max-width: 430px;
  padding-top: 24px;
}
/* PC用の設定 */
@media screen and (min-width:641px) {
.topPage div.lrPosition:nth-of-type(odd) div.text {
  display: inline-block;
}
.topPage div.lrPosition:nth-of-type(odd) div.detail div.picture {
  display: inline-block;
}
.topPage div.lrPosition:nth-of-type(even) div.text {
  position: relative;
  right: -320px;
}
.topPage div.lrPosition:nth-of-type(even) div.detail div.picture {
  display: inline-block;
  position: relative;
  right: 510px;
}

.zeroPage div.lrPosition:nth-of-type(odd) div.detail div.text ,
.frmPage div.lrPosition:nth-of-type(odd) div.detail div.text {
  display: inline-block;
}
.zeroPage div.lrPosition:nth-of-type(odd) div.detail div.picture ,
.frmPage div.lrPosition:nth-of-type(odd) div.detail div.picture {
  display: inline-block;
}
.zeroPage div.lrPosition:nth-of-type(even) div.detail div.text ,
.frmPage div.lrPosition:nth-of-type(even) div.detail div.text {
  display: inline-block;
  position: relative;
  left: 460px;
}
.zeroPage div.lrPosition:nth-of-type(even) div.detail div.picture ,
.frmPage div.lrPosition:nth-of-type(even) div.detail div.picture {
  display: inline-block;
  position: relative;
  left: -460px;
}
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  .topPage div.contents div.detail div.text{
    width: auto;
    padding: 0 5px;
  }
  div.lrPosition:nth-of-type(odd) div.text {
    position: static;
    display: inline-block;
  }
  div.lrPosition:nth-of-type(even) div.text {
    display: inline-block;
  }
  div.lrPosition:nth-of-type(odd) div.detail div.picture {
    position: static;
    display: inline-block;
  }
  div.lrPosition:nth-of-type(even) div.detail div.picture {
    display: inline-block;
  }
}

/* －－－－－－－－－－box Button Style */
.lnkBtn {
  color: #4d4d4d;
  background: #ffffff;
  border: 2px solid #363937;
  border-radius: 2px;
  text-align: left;
  margin: 0 auto;
}
.lnkBtn.btnMedium {
  width: 274px;
}
.lnkBtn.btnLarge {
  max-width: 434px;
  width: 95%;
}
.lnkBtn.btnSmall {
  width: 60px;
}
.lnkBtn:hover {
  color: #ffffff;
  background: #00b9bf;
  border: 2px solid #00b9bf;
  transition: 0.5s;
}
.lnkBtn a {
  display: block;
  color: #4d4d4d;
  font-size: 24px;
  text-decoration: none;
  vertical-align: bottom;
  padding: 12px 16px;
}
.lnkBtn:hover a {
  color: #ffffff;
  transition: 0.5s;
}
.lnkBtn a:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  float: right;
  top: 3px;
}
.lnkBtn a span:first-child {
  vertical-align: text-top;
}
.lnkBtn a span.labelNew { /*NEW label*/
  /* width: 60px; */
  height: 30px;
  margin-left: 10px;
  position: relative;
  top: 5px;
  content: url(assets/img/new@2x.png);
}
.lnkBtn a:hover span.labelNew {
  content: url(assets/img/new_hover@2x.png);
  transition: 0.5s;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .lnkBtn a span.labelNew {
    top: 4px;
    width: 44px;
    height: auto;
  }
}

.btnDown {
  height: 60px;
  width: 60px;
  color: #4d4d4d;
  background: #ffffff;
  border: 2px solid #363937;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
}
.btnDown:hover {
  color: #ffffff;
  background: #00b9bf;
  border: 2px solid #00b9bf;
  transition: 0.5s;
}
.btnDown a {
  padding: 0;
  display: block;
  color: #4d4d4d;
  font-size: 24px;
  text-decoration: none;
  vertical-align: bottom;
}
.btnDown:hover a {
  color: #ffffff;
  transition: 0.5s;
}
.btnDown a:before {
  content: "\f078";
  font-family: FontAwesome;
}
.btnRight {
  height: 50px;
  width: 50px;
  color: #4d4d4d;
  background: #ffffff;
  border: 2px solid #363937;
  margin: 0 auto;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
}
.btnRight:hover {
  color: #ffffff;
  background: #00b9bf;
  border: 2px solid #00b9bf;
  transition: 0.5s;
}
.btnRight a {
  padding: 0;
  display: block;
  color: #4d4d4d;
  font-size: 16px;
  text-decoration: none;
  vertical-align: bottom;
}
.btnRight:hover a {
  color: #ffffff;
  transition: 0.5s;
}
.btnRight a:before {
  content: "\f054";
  font-family: FontAwesome;
}
a.tagBtn {
  color: #363739;
  text-decoration: none;
  font-size: 24px;
}
a.tagBtn:hover {
  color: #00b9bf;
  transition: 0.5s;
}
a.tagBtn div {
  border: 2px solid #363937;
  background-color: #ffffff;
  border-radius: 2px;
  height: 60px;
  width: 60px;
  color: #4d4d4d;
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
a.tagBtn:hover div {
  border: 2px solid #00b9bf;
  background-color: #00b9bf;
  color: #ffffff;
  transition: 0.5s;
}
a.tagBtn.chevronDown div:before {
  content: "\f078";
  font-family: FontAwesome;
  line-height: 54px;
}
a.tagBtn.chevronRight div:before {
  content: "\f054";
  font-family: FontAwesome;
  line-height: 54px;
}

.innerLnk {
  text-align: left;
}
.innerLnk div {
  padding-top: 15px;
  padding-bottom: 15px;
}
.innerLnk div p {
  display: inline-block;
}


.btnArea {
  width: 906px;
  margin: 40px auto 0;
}
.btnArea p {
  display: inline-block;
  margin: 8px;
}
#container .contents ul.textLink {
  max-width: 588px;
  line-height: 2;
  text-align: left;
  margin: 39px auto 0;
  list-style-type: none;
}
#container .contents div.textLink {
  text-align: left;
  margin: 39px auto 0;
  list-style-type: none;
}
#container .contents ul.textLink li a ,
#container .contents div.textLink a,
a.textLink {
  color: #e01f63;
  text-decoration: none;
  position: relative;
  /*display: inline-block;*/
  background-image: linear-gradient(120deg, #e01f63 0%, #e01f63 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition: background-size 0.3s ease-in;
}
/* テキストリンクの２行対応
#container .contents ul.textLink li a::before ,
#container .contents div.textLink a::before,
a.textLink::before {
  content: "";
  display: block;
  position: relative;
  top: 1.8em;
  left: 0;
  width: 0;
  height: 1.5px;
  background: #00b9bf;
  transition: .3s;
}
#container .contents ul.textLink li a:hover::before ,
#container .contents div.textLink a:hover::before,
a.textLink:hover::before {
  width: 100%;
}
*/
#container .contents ul.textLink li a:hover ,
#container .contents div.textLink a:hover,
a.textLink:hover {
  background-size: 100% 1px;
}

/* PC用の設定 */
@media screen and (min-width:641px) {
  body div#container {
    padding: 25px 10px 0 10px;
    width: 960px;
    margin-left:auto;
    margin-right:auto;
  }
  body div#container.bg { /* 背景画像ヘッダーページの設定 */
  width: 100%;
  padding: 0;
  }
  .spView {
    display: none;
  }
}
a.textLink.telLink {
  pointer-events:none;
  color: #4d4d4d;
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  body div#container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #container .contents ul.textLink li a::before ,
  #container .contents div.textLink a::before,
  a.textLink::before {
    display: none;
  }
  a.textLink.telLink {
    pointer-events: auto;
    color: #00b9bf;
  }
  #bg .lnkBtn.btnLarge {
    border: 1px solid #363937;
    max-width: 100%;
  }
  .btnArea .lnkBtn a {
    font-size: 12pt;
  }
  .btnDown {
    width: 40px;
    height: 40px;
    line-height: 34px;
  }
  .btnDown a {
    font-size: 16px;
  }
  .pcView {
    display: none;
  }
  .lnkBtn.btnLarge {
    width: 300px;
    max-width: 100%;
  }
  .lnkBtn.btnLarge.news {
    margin-bottom: 2em;
  }

  a.tagBtn,
  .zeroConnectList li a.tagBtn p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    width: 70%;
  }
  a.tagBtn div {
    height: 40px;
    width: 40px;
    font-size: 16px;
    margin-right: 10px;
  }
  a.tagBtn.chevronDown div:before {
    line-height: 34px;
  }
}
/* フラットボタンのCSS　*/
div.btnArea div.flatBtn {
  display: inline-flex;
  margin: 8px;
}
div.flatBtn.large {
  width: 430px;
  margin: auto;
}
div.flatBtn.medium {
  width: 270px;
  margin: auto;
}
div.flatBtn a {
  text-decoration: none;
}
div.flatBtn div {
  border: 2px solid #363937;
  padding: 12px;
  margin: auto;
  border-radius: 2px;
}
div.flatBtn p {
  color: #4d4d4d;
  font-size: 24px;
  vertical-align: middle;
  margin: 0;
  display: inline-flex;
}
div.flatBtn.large p.label {
  width: 385px;
}
div.flatBtn.medium p.label {
  width: 225px;
}
div.flatBtn p.chevronRight:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  float: right;
  top: 3px;
}
div.flatBtn:hover {
  background-color: #00B9BF;
  transition: 0.5s;
}
div.flatBtn:hover div {
  border: 2px solid #00B9BF;
  background-color: #00B9BF;
  transition: 0.5s;
}
div.flatBtn:hover p {
  color: #ffffff;
  transition: 0.5s;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.flatBtn.large {
    width: 300px;
    max-width: 100%;
  }
  div.flatBtn.medium {
    width: 300px;
    max-width: 100%;
  }
  #bg div.flatBtn p ,
  div.flatBtn p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
  }
  #bg div.flatBtn.large p.label,
  div.flatBtn.large p.label {
    width: 260px;
    margin: 0;
    line-height: 1.5;
  }
  p.chevronRight:after {
    top: 0;
  }
  div.flatBtn div {
    padding: 10px 10px 13px 10px;
  }
}

.topImg img {
  max-width: 940px;
}

/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  .frmPage div.contents div.detail div.text,
   .frmPage div.contents div.detail div.picture, 
   .frmPage div.contents div.detail div.picture div,
   .frmPage div.contents div.detail div.picture div img, 
   #container .frmPage div.serviceImg img.pageImg.pictImg,
   #container .pictContent,
   .topImg img, .pictImg {
    width: 100%;
  }
  .frmPage,
  #zeroPage,
  #container .contents.news,
  .servicePage,
  .zeroFunctionPage,
  .zeroConnectPage,
  .zeroScreenPage {
    margin: 32px 16px;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　ヘッダー設定（固定・ナビ）
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*hr.shadow {*/
  /*height: 12px;*/
  /*border: 0;*/
  /*box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
/*}*/
/*div#logo img {*/
  /*width: 310px;*/
  /*height: 50px;*/
/*}*/

/*p.hTel {*/
  /*font-size: 30px;*/
  /*font-weight: bold;*/
  /*text-align:right;*/
  /*margin: 0;*/
/*}*/
/*p.hTel i {*/
  /*margin-right: 2.5px;*/
/*}*/
/*p.hHours {*/
  /*font-size: 12px;*/
  /*text-align:right;*/
  /*margin: 0;*/
/*}*/
/*#header.pc {*/
  /*border-bottom: 1px solid #cccccc;*/
/*}*/
/*#header.pc .header {*/
  /*width: 465px;*/
  /*display: inline-block;*/
/*}*/
/*#header.sp {*/
  /*border-bottom: 1px solid #cccccc;*/
  /*height: 70px;*/
/*}*/
/*#header.sp div {*/
  /*display: inline-block;*/
/*}*/
/*#header.sp div.left {*/
  /*position: relative;*/
  /*float: left;*/
/*}*/
/*#header.sp div.right {*/
  /*position: relative;*/
  /*float: right;*/
/*}*/
/*#header.sp div.header {*/
  /*padding: 10px;*/
/*}*/
/*#header.sp div#logo img {*/
  /*max-width: 280px;*/
  /*width: 68vw;*/
  /*height: auto;*/
/*}*/
/*#header.sp div.header.right {*/
  /*margin-top: 10px;*/
/*}*/
/*#header.sp div.header.right i {*/
  /*font-size: 32px;*/
  /*color: #00b9bf;*/
/*}*/

/*div#navi {*/
  /*height: 60px;*/
  /*box-shadow: 0px 3px 5.7px 0.3px rgba(0, 0, 0, 0.25);*/
  /*background-color: #ffffff;*/
  /*border-bottom: 1px solid #ffffff;*/
  /*width: 100%;*/
  /*z-index: 100000;*/
/*}*/
/*.fixed {*/
  /*position: fixed;*/
  /*top: 0;*/
/*}*/
/*.relative {*/
  /*position: relative;*/
/*}*/

/*#navi ul{ */
  /*position: relative;*/
  /*margin: 0; */
  /*padding: 0; */
  /*list-style: none; */
/*}*/
/*#navi li{ */
  /*padding: 0; */
  /*margin: 0; */
  /*position: relative;*/
  /*float:left;*/
/*}*/
/*#navi li a{*/
  /*display: block; */
  /*border: 0px;*/
  /*!*padding: 24px 20px 19px 20px;*!*/
  /*padding: 24px 13px 19px 13px;*/
  /*font-size: 14px;*/
  /*line-height: 13px;*/
  /*text-decoration: none;*/
  /*color: #4d4d4d;*/
  /*width: auto; */
  /*text-align: center;*/
  /*border-bottom: 5px solid rgba(0, 0, 0, 0);*/
/*}*/
/*#navi li a.active{*/
  /*border-bottom: 5px solid #00B9BF;*/
  /**/
/*}*/
/*#navi li a:hover{*/
  /*display: block; */
  /*background-color: #00B9BF;*/
  /*color: #ffffff;*/
  /*border-bottom: 5px solid #00B9BF;*/
/*}*/
/*#navi li.menuMega:hover div.menuChild {*/
  /*display: block;*/
/*}*/
/*#navi li.menuMega div.menuChild {*/
  /*display: none;*/
  /*background-color: #ffffff;*/
  /*box-shadow: 0px 3px 5.7px 0.3px rgba(0, 0, 0, 0.25);*/
  /*padding: 16px 0 16px 0;*/
  /*position: fixed;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*border-top: 0;*/
/*}*/
/*#navi li.menuMega div.menuChild div{*/
  /*display: inline-block;*/
  /*vertical-align: top;*/
  /*padding: 16px; */
/*}*/
/*#navi li.menuMega div.menuChild.service div{*/
  /*width: 225px;*/
  /*height: calc((42px * 8) + 70px);*/
/*}*/
/*#navi li.menuMega div.menuChild.support div{*/
  /*width: 300px;*/
  /*height: calc((42px * 8) + 70px);*/
/*}*/
/*#navi li.menuMega div.menuChild.company div{*/
  /*width: 300px;*/
  /*height: calc((42px * 4) + 70px);*/
/*}*/
/*#navi li.menuMega div.menuChild div p.category{*/
  /*text-align: left;*/
  /*width: 220px;*/
  /*font-size: 16px;*/
  /*font-weight: 500;*/
/*}*/
/*#navi li.menuMega div.menuChild div p {*/
  /*margin: 0;*/
/*}*/
/*#navi li.menuMega div.menuChild div p a {*/
  /*line-height: 0;*/
  /*text-align: left; */
  /*display: block;*/
  /*border: 0px;*/
  /*text-decoration: none;*/
  /*color: #4d4d4d;*/
  /*border-bottom: 0;*/
  /*padding: 24px 16px 24px 16px;*/
  /*height: 0;*/
/*}*/
/*#navi li.menuMega div.menuChild div p.menuChildItem:hover a:after {*/
  /*position: relative;*/
  /*float: right;*/
  /*content: "\f0a9";*/
  /*font-family: FontAwesome;*/
  /*color: #00b9bf;*/
  /*font-size: 24px;*/
/*}*/
/*#navi li.menuMega div.menuChild div p.menuChildItem a:hover {*/
  /*background-color: rgba(64, 170, 239, 0.1);*/
/*}*/
/*#navi li.menuMega div.menuChild div p.lnkBtn:hover {*/
  /*color: #ffffff;*/
  /*background: #00b9bf;*/
  /*border: 2px solid #00b9bf;*/
  /*transition: 0.5s;*/
/*}*/
/*#navi li.menuMega div.menuChild div p.lnkBtn a {*/
  /*display: block;*/
  /*color: #4d4d4d;*/
  /*font-size: 16px;*/
  /*text-decoration: none;*/
  /*vertical-align: bottom;*/
  /*padding: 12px 16px;*/
/*}*/
/*#navi li.menuMega div.menuChild div p.lnkBtn:hover a {*/
  /*color: #ffffff;*/
  /*transition: 0.5s;*/
/*}*/
/*#navi li.menuMega div.menuChild div p.lnkBtn a:after {*/
  /*content: "\f054";*/
  /*font-family: FontAwesome;*/
  /*position: relative;*/
  /*float: right;*/
  /*top: 3px;*/
/*}*/

/*#navi li.menuMega div.menuChild.service div p a {*/
  /*width: 200px;*/
/*}*/
/*#navi li.menuMega div.menuChild.support div p a {*/
  /*width: 275px;*/
/*}*/
/*#navi li.menuMega div.menuChild.support div p.lnkBtn a {*/
  /*width: auto;*/
  /*margin-top: 12px;*/
  /*margin-bottom: 12px;*/
/*}*/
/*#navi li.menuMega div.menuChild.company div p a {*/
  /*width: 275px;*/
/*}*/
/*#navi li.menuMega div.menuChild div p a.detail1 {*/
  /*font-size: 14px;*/
  /*font-weight: 400;*/
/*}*/
/*#navi li.menuMega div.menuChild div p a.detail2 {*/
  /*font-size: 14px;*/
  /*font-weight: 200;*/
  /*text-indent: 1em;*/
/*}*/
/*!* #navi li.menuMega div.menuChild div:nth-child(2), *!*/
/*#navi li.menuMega div.menuChild div:nth-child(3),*/
/*#navi li.menuMega div.menuChild div:nth-child(4) {*/
  /*border-left: 1px solid #cccccc;*/
/*}*/

/*#navi li.menuMega:hover ul.menuChild {*/
  /*top: 50px;*/
  /*visibility: visible;*/
  /*filter:alpha(opacity=100);*/
  /*-moz-opacity: 1;*/
  /*opacity: 1;*/
/*}*/
/*#navi li a.currentPage {*/
  /*border-bottom: 5px solid #00B9BF;*/
/*}*/

/*!* －－－－－－－－－－スマホ用メニュー用設定 *!*/
/*html {*/
  /*position: relative;*/
  /*overflow-x: hidden;*/
/*}*/
/*div#header.sp {*/
  /*z-index: 99999;*/
  /*width: 100%;*/
  /*background-color: #ffffff;*/
/*}*/
/*#slideMenu{*/
  /*position: fixed;*/
  /*top: 0;*/
  /*right: -100%;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*z-index: 99999;*/
  /*background-color: rgba(54,57,55,0.5);*/
  /*text-align: right;*/
/*}*/
/*.menuCloseBtn {*/
  /*display: inline-block;*/
  /*margin-top: 15px;*/
  /*margin-right: 10px;*/
  /*font-size: 32px;*/
  /*color: #ffffff;*/
/*}*/
/*.slideMenuList {*/
  /*width: 290px;*/
  /*height: 100%;*/
  /*background-color: #ffffff;*/
  /*list-style: none;*/
  /*display: inline-block;*/
  /*float: right;*/
  /*text-align: left;*/
/*}*/
/*.slideMenuList li a {*/
  /*padding: 0 5%;*/
  /*text-decoration: none;*/
  /*color: #4d4d4d;*/
  /*margin-top: 1em;*/
  /*margin-bottom: 1em;*/
/*}*/
/*.slideMenuList li:hover {*/
  /*background-color: rgba(64,170,239,0.1);*/
/*}*/
/*.slideMenuItem {*/
  /*line-height: 3em;*/
  /*padding-left: 1em;*/
  /*padding-right: 1em;*/
/*}*/
/*.slideMenuItem.level1 {*/
/*}*/
/*.slideMenuItem.level2 {*/
  /*padding-left: 2em;*/
/*}*/
/*.slideMenuItem.level3 {*/
  /*padding-left: 3em;*/
/*}*/
/*.slideMenuItem.level4 {*/
  /*padding-left: 4em;*/
/*}*/

/*!* －－－－－－－－－－PC用の設定 *!*/
/*@media screen and (min-width:641px) {*/
/*#header.sp,*/
/*#navi.sp {*/
  /*display: none;*/
/*}*/
/*}*/
/*!* －－－－－－－－－－スマホ用の設定 *!*/
/*@media screen and (min-width:0px) and (max-width:640px) {*/
/*#header.pc,*/
/*#navi.pc {*/
  /*display: none;*/
/*}*/
/*}*/
/*!* 申込・資料請求ボタン お問い合わせボタン *!*/
div.fixedBtn {
  margin: 0 auto;
  width: 300px;
}
/*footer div.fixedBtn {*/
  /*margin: 0 auto;*/
  /*width: auto;*/
/*}*/
/*footer div#cta1 div.fixedBtn {*/
  /*margin-top: 60px;*/
/*}*/
/*footer div#cta1 div.fixedBtn a {*/
  /*display: inline-block;*/
  /*margin-right: 12px;*/
  /*margin-left: 12px;*/
/*}*/
/*#navi ul li a.entBtn,*/
/*div.floatBtn a.entBtn,*/
/*div.fixedBtn a.entBtn {*/
  /*text-align:center;*/
  /*text-decoration:none;*/
  /*display:block;*/
  /*background-color: #ffa000;*/
  /*color:#ffffff;*/
  /*border-radius: 2px;*/
  /*box-shadow: 0px 2px 1.8px 0.2px rgba(0, 0, 0, 0.35);*/
  /*border:1px solid #ffa000;*/
/*}*/
/*#navi ul li a.entBtn {*/
  /*!*width: 120px;*!*/
  /*width: 113px;*/
  /*height: 40px;*/
  /*!*font-size:16px;*!*/
  /*font-size: 12px;*/
  /*padding: 12px 0 0 0;*/
  /*!*margin: 8px 0 0 24px;*!*/
  /*margin: 8px 0 0 11px;*/
/*}*/
/*div.floatBtn a.entBtn,*/
/*div.fixedBtn a.entBtn {*/
  /*width: 300px;*/
  /*height: 67px;*/
  /*font-size:24px;*/
  /*padding-top: 15px;*/
/*}*/
/*#navi ul li a.entBtn:hover,*/
/*div.floatBtn a.entBtn:hover,*/
/*div.fixedBtn a.entBtn:hover {*/
  /*background-color: #ffbe4d;*/
  /*border:1px solid #ffbe4d;*/
/*}*/
/*#navi ul li a.entBtn:active,*/
/*div.floatBtn a.entBtn:active,*/
/*div.fixedBtn a.entBtn:active {*/
  /*-ms-transform: translateY(4px);*/
  /*-webkit-transform: translateY(4px);*/
  /*transform: translateY(4px);!*下に動く*!*/
  /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);!*影を小さく*!*/
  /*border-bottom: none;*/
/*}*/

/*!* ボタン アウトラインデザイン *!*/
/*#navi ul li a.entBtn.outline{*/
  /*background-color: #ffffff;*/
  /*color:#FFA000;*/
  /*border-width: 2px;*/
  /*font-weight: bold;*/
/*}*/
/*#navi ul li a.entBtn.outline:hover,*/
/*div.floatBtn a.entBtn.outline:hover,*/
/*div.fixedBtn a.entBtn.outline:hover {*/
  /*background-color: #ffffff;*/
  /*border:2px solid #ffbe4d;*/
  /*color: #ffbe4d;*/
/*}*/

/*!* －－－－－－－－－－スマホ用の設定 *!*/
/*@media screen and (min-width:0px) and (max-width:640px) {*/
  /*div.fixedBtn {*/
    /*margin: 0 auto;*/
    /*max-width: 570px;*/
    /*width: auto;*/
  /*}*/
  /*footer div#cta1 div.fixedBtn {*/
    /*margin-top: 48px;*/
  /*}*/
  /*footer div#cta1 div.fixedBtn a {*/
    /*display: block;*/
    /*margin-right: 12px;*/
    /*margin-left: 12px;*/
    /*margin-bottom: 24px;*/
  /*}*/
  /*div.floatBtn a.entBtn,*/
  /*div.fixedBtn a.entBtn {*/
    /*max-width: 570px;*/
    /*width: auto;*/
    /*height: 72px;*/
    /*font-size: 24px;*/
    /*font-weight: 700;*/
    /*line-height: 1;*/
    /*padding-top: 22px;*/
    /*margin-left: 30px;*/
    /*margin-right: 30px;*/
  /*}*/
  /*ul.slideMenuList div.fixedBtn a.entBtn {*/
    /*max-width: 570px;*/
    /*width: auto;*/
    /*height: 60px;*/
    /*font-size: 4vw;*/
    /*font-weight: 700;*/
    /*line-height: 1;*/
    /*margin: auto 10%;*/
  /*}*/
/*}*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
   パンくず
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 767px)  {
	.breadcrumb {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		margin: 10px auto;
		padding: 0 16px;
		width: 100%;
    background: #F4F4F4;
	}
}
@media screen and (min-width: 768px) {
	.breadcrumb {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		/* width: 1100px; */
		/* margin: 20px auto; */
		/* padding: 0px; */
    background: #F4F4F4;
    padding: 16px;
	}
}
.breadcrumbBody {
	text-align: left;
	list-style: none;
  max-width: 1100px;
  margin: 0 auto;
}
.breadcrumbBody li {
	display: inline-block;
	letter-spacing: normal;
	position: relative;
	vertical-align: top;
}
/*
.breadcrumbBody li:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -12px;
	top: 0;
	z-index: 5;
}
.breadcrumbBody li:after {
	background: #fff;
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 6;
}
*/
.breadcrumbBody .fa{
	display: none;
}
.breadcrumbBody li {
  margin-right: 25px;
}
.breadcrumbBody li:after {
	content: '';
  background: url(assets/img/_common/icon_breadcrumbs.svg) no-repeat center / contain;
	width: 5px;
	height: 10px;
	position: absolute;
	right: -16px;
  top: calc( 50% - 4px );
	z-index: 7;
}
.breadcrumbBody li:last-child:after{
  content: none;
}
.breadcrumbBody li a {
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
	display: block;
	position: relative;
  font-weight: normal;
}
.breadcrumbBody li a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #666666;
  left: 0;
  bottom: 0;
}
.breadcrumbBody li a:hover {
	opacity: .7;
	transition: .3s;
}
.breadcrumbBody li strong{
  font-weight: normal;
}
/* .breadcrumbBody li.breadcrumbHome {
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
}
.breadcrumbBody li.current-crumb {
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
} */
/* .breadcrumbBody li.current-crumb:before,
.breadcrumbBody li.current-crumb:after,
.breadcrumbBody li.current-crumb a:before,
.breadcrumbBody li.current-crumb a:after {
	display: none;
} */
/*
.breadcrumbBody li.current-crumb a {
	color: #fff;
	font-weight: normal;
}
*/
/* .breadcrumbBody li.current-crumb a strong {
	font-weight: normal;
} */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　フッター設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*footer .footerH4 {*/
    /*color: #777777;*/
    /*margin: 0 auto;*/
/*}*/
/*footer .footerP {*/
    /*width: 608px;*/
    /*height: 20px;*/
    /*color: #777777;*/
    /*margin: 41px auto 0;*/
/*}*/
/*footer .footerBtn {*/
    /*width: 300px;*/
    /*height: 60px;*/
    /*border-radius: 2px;*/
    /*background-color: #f06449;*/
    /*box-shadow: 0px 2px 1.8px 0.2px rgba(0, 0, 0, 0.35);*/
    /*margin: 57px auto 0;*/
/*}*/
/*footer .footerBtn a {*/
    /*height: 60px;*/
    /*font-size: 24px;*/
    /*text-align: center;*/
    /*color: #ffffff;*/
    /*display: block;*/
    /*text-decoration: none;*/
    /*padding: 12px;*/
/*}*/
/*footer .footerBtn a:hover {*/
    /*background: #ffffff;*/
    /*color: #f06449;*/
    /*border: 2px solid #f06449;*/
    /*transition: 0.5s;*/
/*}*/
/*.footerBox1 {*/
    /*width: 320px;*/
    /*height: 170px;*/
    /*margin: 112px auto 0;*/
/*}*/
/*.footerBox1 .footerTel ,*/
/*.footerBox1 .footerMail {*/
    /*width: 320px;*/
/*}*/
/*.footerBox1 .footerTel {*/
    /*float: left;*/
/*}*/
/*.footerBox1 .footerMail {*/
    /*float: right;*/
/*}*/
/*.footerBox1 .footerTel .telP1 ,*/
/*.footerBox1 .footerMail .mailP1 {*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*color: #4d4d4d;*/
    /*margin-bottom: 0;*/
/*}*/
/*.footerBox1 .footerTel .telP2 ,*/
/*.footerBox1 .footerMail .mailP2 {*/
    /*font-size: 32px;*/
    /*font-weight: 500;*/
    /*text-align: left;*/
/*}*/
/*.footerBox1 .footerTel .telP2 {*/
    /*letter-spacing: 2.5px;*/
    /*margin-bottom: 0px;*/
/*}*/
/*.footerBox1 .footerTel .telP2:before {*/
  /*content: "\f095";*/
  /*font-family: FontAwesome;*/
  /*color: #00b9bf;*/
  /*margin-right: 2.5px;*/
/*}*/
/*.footerBox1 .footerMail .mailP2:before {*/
  /*content: "\f0e0";*/
  /*font-family: FontAwesome;*/
  /*color: #00b9bf;*/
  /*margin-right: 2.5px;*/
/*}*/
/*.footerBox1 .footerTel .telP3 {*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*margin-top: 0px;*/
/*}*/
/*.footerBox1 .footerTel .telP3 span {*/
    /*margin-right: 8px;*/
/*}*/
/*.footerBox1 a {*/
  /*text-decoration: none;*/
  /*color: #4d4d4d;*/
/*}*/
/*footer .footerContainer .footerImg {*/
    /*width: 100%;*/
/*}*/
/*footer .footerContainer .footerBox2 {*/
    /*background-color: #58BE89;*/
/*}*/
/*footer .footerContainer .footerBox2 .box2P {*/
    /*width: 586px;*/
    /*height: 28px;*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
    /*!*下記追加*!*/
    /*margin: -8px auto 0 170px;*/
    /*padding-top: 8px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox {*/
    /*width: 940px;*/
    /*margin: 0 auto 0;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .cBox {*/
    /*overflow: hidden;*/
    /*height: 370px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBoxP {*/
    /*width: 586px;*/
    /*height: 28px;*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
    /*margin-top: -8px;*/
    /*padding-top: 8px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox {*/
    /*width: 140px;*/
    /*margin-right: 20px;*/
    /*float: left;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox__b1 {*/
    /*width: 460px;*/
    /*overflow: hidden;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox__b5 {*/
    /*margin-right: 0;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox .fBoxP {*/
    /*font-size: 14px;*/
    /*font-weight: bold;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox .fBoxP__p1 {*/
    /*width: 460px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox .fBoxPA {*/
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    /*position: relative;*/
    /*display: block;*/
    /*padding: 8px 0;*/
    /*border-bottom: 2px solid #ffffff;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox .fBoxPA:hover {*/
    /*background-color: #7fc1a4;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUl {*/
    /*width: 150px;*/
    /*margin: 0;*/
    /*list-style-type: none;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUl__left,*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUl__center,*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUl__right {*/
  /*display: inline-block;*/
  /*vertical-align: top;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUlLi {*/
    /*width: 150px;*/
    /*height: 32px;*/
    /*text-align: left;*/
    /*list-style-type: none;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUlLiA {*/
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    /*position: relative;*/
    /*display: block;*/
    /*height: 32px;*/
    /*padding-top: 4px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBoxUlLiA:hover {*/
    /*background-color: #7fc1a4;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2 {*/
    /*height: 50px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2P {*/
    /*font-size: 14px;*/
    /*font-weight: bold;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
    /*float: left;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2Ul {*/
    /*list-style-type: none;*/
    /*float: right;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLi {*/
    /*float: left;*/
    /*margin-top: 16px;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLi:last-child {*/
    /*margin-top: 0;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLiA {*/
    /*font-size: 12px;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
    /*color: #ffffff;*/
    /*display: block;*/
    /*text-decoration: none;*/
    /*position: relative;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLiA:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: -3px;*/
    /*width: 100%;*/
    /*height: 2px;*/
    /*transform: scaleX(0);*/
    /*transition: .3s;*/
    /*filter:alpha(opacity=0);*/
    /*-moz-opacity: 0;*/
    /*opacity: 0;*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLiA:hover:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: -3px;*/
    /*width: 100%;*/
    /*height: 2px;*/
    /*background: #ffffff;*/
    /*transition: .3s;*/
    /*filter:alpha(opacity=100);*/
    /*-moz-opacity: 1;*/
    /*opacity: 1;*/
    /*transform: scaleX(1);*/
/*}*/
/*footer .footerContainer .footerBox2 .categoryBox .fBox2UlLiAI {*/
    /*display: inline-block;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*color: #ffffff;*/
/*}*/
/*footer .copyBox {*/
    /*background-color: #58d571;*/
/*}*/
/*footer .copyBox .copyright {*/
    /*margin: 0 auto;*/
/*}*/
/*footer .copyBox .copyrightP {*/
    /*margin: 0 auto;*/
    /*padding: 12px 0;*/
    /*width: 940px;*/
/*}*/
/*footer .copyBox .copyrightPSmall {*/
    /*font-size: 12px;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*color: #ffffff;*/
/*}*/
/*!* －－－－－－－－－－PC用の設定 *!*/
/*@media screen and (min-width:641px) {*/
  /*footer div#cta3 {*/
    /*display: none;*/
  /*}*/
/*}*/
/*!* －－－－－－－－－－スマホ用の設定 *!*/
/*@media screen and (min-width:0px) and (max-width:640px) {*/
  /*footer div#cta1 h4.footerH4 {*/
    /*font-size: 24px;*/
    /*font-weight: 400;*/
    /*line-height: 32px;*/
    /*width: auto;*/
    /*height: auto;*/
    /*color: #4d4d4d;*/
    /*margin: 40px auto 0;*/
  /*}*/
  /*footer div#cta1 p.footerP {*/
    /*width: auto;*/
    /*height: auto;*/
    /*font-size: 16px;*/
    /*font-weight: normal;*/
    /*line-height: 24px;*/
    /*color: #4d4d4d;*/
    /*margin: 21px auto 0;*/
    /*text-align: center;*/
  /*}*/

  /*footer div.footerContainer div#cta2,*/
  /*footer div#footerArea,*/
  /*p#toTopBtn {*/
    /*display: none;*/
  /*}*/

  /*.footerContainer, .cta1, .cta3 {*/
  	/*padding-bottom: 0;*/
  /*}*/
  /*footer div#cta3 {*/
    /*display: block;*/
  /*}*/
  /*.ftrBox1 {*/
    /*width: auto;*/
    /*height: auto;*/
    /*margin: 96px auto 48px auto;*/
  /*}*/
  /*.ftrBox1 .ftrBox1Text {*/
    /*font-size: 16px;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*text-align: center;*/
    /*margin: 0 auto;*/
  /*}*/
  /*.ftrBox1 .ftrBox1Tel ,*/
  /*.ftrBox1 .ftrBox1Mail {*/
    /*font-size: 24px;*/
    /*font-weight: 700;*/
    /*line-height: 1;*/
    /*text-align: center;*/
    /*margin: 20px auto;*/
  /*}*/
  /*.ftrBox1 .ftrBox1Tel:before  {*/
    /*content: "\f095";*/
    /*font-family: FontAwesome;*/
    /*color: #00b9bf;*/
    /*margin-right: 10px;*/
  /*}*/
  /*.ftrBox1 .ftrBox1Mail:before {*/
    /*content: "\f0e0";*/
    /*font-family: FontAwesome;*/
    /*color: #00b9bf;*/
    /*margin-right: 10px;*/
  /*}*/
  /*.ftrBox1 a {*/
    /*color: #4d4d4d;*/
  /*}*/


  /*footer .copyBox {*/
    /*background-color: #00b9bf;*/
    /*padding-bottom: 0;*/
  /*}*/
  /*footer .copyBox .copyright {*/
    /*margin: 0 auto;*/
  /*}*/
  /*footer .copyBox .copyrightP {*/
    /*margin: 0 auto;*/
    /*padding: 12px 0;*/
    /*width: 100%;*/
    /*text-align: center;*/
  /*}*/
  /*footer .copyBox .copyrightPSmall {*/
    /*font-size: 3.2vw;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*color: #ffffff;*/
  /*}*/
/*}*/

/*.arrowTop {*/
    /*z-index: 9999;*/
    /*width: 60px;*/
    /*height: 60px;*/
    /*margin: 0 20px 10px 0;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*bottom: 100px;*/
/*}*/
/*.arrowTopA {*/
    /*display: block;*/
/*}*/
/*.arrowTopAI {*/
    /*color: rgba(0, 0, 0, 0.25);*/
/*}*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　トップページ固有設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* －－－－－－－－－－スライダー設定 */
body.index div#container.wd100.top_slider {
  padding-top: 28px;
  width:100%;
  position: relative;
}
body.index .slick-dotted.slick-slider {
  margin-bottom: 0;
}
div.sliderItem {
  font-size: 36px;
  text-align: center;
}
div.sliderItem img {
  width: 100%;
  height: 100%;
}
button.slick-arrow {
  display: none;
}
div.sliderItem div.floatBtn {
  position: relative;
  right: 40px;
  float: right;
  margin-top: -15%;
}
.dot-class {
  display: inline-flex;
  list-style: none;
  position: relative;
  bottom: 40px;
}
.dot-class li {
  margin: 0 7.5px;
}
.dot-class li button {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 15px;
  width: 15px;
  border: 1px solid rgba(0,0,0,0);
  background-color: rgba(54,57,55,0.30);
  color: rgba(0,0,0,0);
}
.dot-class li.slick-active button{
  background-color: #363937;
  color: rgba(0,0,0,0);
  border: 1px solid #363937;
}

/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
  .topPageFloatBtn {
    position: absolute;
    bottom: 50px;
    left: calc(50% + 165px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .floatBtn.sp {
    display : none;
  }
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  body.index div#container.wd100.top_slider {
    padding-top: 0;
  }

  .floatBtn {
    display : none;
  }
  .floatBtn.sp {
    display : block;
    text-align: -webkit-center;
    margin-bottom: 70px;
  }
  .topPage .detail {
    margin: 30px auto;
  }
  .topPage .detail h4 {
    margin-bottom: 20px;
  }
}

.youtubeArea {
  margin: 0 auto 200px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.youtubeImg {
  width: 100%;
  max-width: 840px;
  position: relative;
  /*padding-bottom : 56.25%;*/
  padding-bottom : 52%;
  margin: auto;
}
.youtubeImg iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

img.topPageOrcaImg ,
img.topPageImg02 ,
img.topPageImg03 ,
img.topPageImg04 ,
img.topPageImg08 {
  max-width: 300px;
  max-height: 200px;
}
p.appImgNew {
	text-align: left;
	margin: 0;
}
p.appImgNew img {
	width: 100px;
}
div.boxicon.bgBlue img {
  width: 130px;
  margin-top: 5px;
}
/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
.youtubeArea {
  margin: 0 auto 100px;
}
  .youtubeImg {
    padding-bottom : 56.25%;
  }

}

/* 料金体系 */
div.fee {
  margin: 24px 15px 50px;
}
div.boxicon {
  width: 140px;
  height: 140px;
  margin: 0;
  padding: 0;
  display: inline-block;
}
div.boxicon.bigBox {
  width: 170px;
  height: 170px;
  /*margin: 0;*/
  padding: 0;
  display: inline-block;
}
div.boxicon p {
  text-align: center;
  margin: 0;
  color: #ffffff;
}
div.boxicon p.biText {
  font-size: 24px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 24px;
}
div.boxicon p.biYen {
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}
div.boxicon.bigBox p.biYen {
  font-size: 78px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (min-width:641px) {
  div.boxicon {
    margin: 0 10px;
  }
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  div.boxicon {
    margin: 0 2% 10px 0;
    width: 30%;
    height: auto;
  }
  div.boxicon p.biText {
    font-size: 5vw;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 16px;
  }
  div.boxicon p.biYen {
    font-size: 14vw;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: -10px;
    font-size: 48px;
  }
}

/* 関連商品・サービス */
/* PC用の設定 */
.topPage div.related div.serviceName {
  display: inline-block;
}
@media screen and (min-width:641px) {
  .topPage div.related {
    display: inline-block;
    width: 300px;
    height: 530px;
    margin-left: 15px;
    vertical-align: top;
  }
  .topPage div.related:first-child {
    margin-left: 0;
  }
  .topPage div.related div.serviceName p {
    font-size: 24px;
    padding-top: 10px;
    margin-bottom: 15px;
    text-align: center;
  }
  .topPage div.related p.serviceDetail {
    font-size: 16px;
    line-height: 24px;
    color: #777777;
    height: 130px;
    margin-bottom: 40px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  .topPage div.contents {
    text-align: -webkit-center;
    margin-left: auto;
    margin-right: auto;
  }
  .topPage div.related {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
  }
  div.boxicon.bgBlue img {
    width: 28vw;
    margin-top: 5px;
  }
  .topPage div.related div.serviceName p {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 400;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .topPage div.related p.serviceDetail {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    color: #4d4d4d;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  .topPage div.related div.boxicon {
    width: 30vw;
    max-width: 140px;
    display: block;
  }
  div.changeTopDown {
    position: relative;
  } 
  div.changeTopDown div.boxicon {
    position: absolute;
    bottom: 0;
  }
  div.changeTopDown div.serviceName {
    position: absolute;
    top: 0;
  }
}

/* 導入事例 */
/* PC用の設定 */
@media screen and (min-width:641px) {
.topPage div.case div{
  display: inline-block;
  vertical-align: bottom;
}
.topPage div.case div.picture {
  width: 600px;
  height: 350px;
  background-color: gray;
}
.topPage div.case div.case1 {
  width: 300px;
  margin-left: 20px;
}
.topPage div.case p.clinicName {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.topPage div.case p.caseComment {
  font-size: 16px;
  text-align:left;
  margin-bottom: 30px;
}
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
.topPage div.case div{
  display: inline-block;
}
.topPage div.case div.picture {
  width: 100%;
  height: 350px;
  background-color: gray;
}
.topPage div.case div.case1 {
  width: 80%;
  margin: 0;
}
.topPage div.case p.clinicName {
  font-size: 24px;
  margin: 30px 0 30px 0;
}
.topPage div.case p.caseComment {
  font-size: 32px;
  font-weight: normal;
  text-align:left;
  margin-bottom: 30px;
}
}

/* ニュースリリース */
.topPage div.news {
  text-align:left;
}
.topPage div.news li {
  list-style-type: none;
  background-image: linear-gradient(to right, #cccccc, #cccccc 2px, transparent 2px, transparent 5px);
  background-size: 7px 2px;
  background-position: top;
  background-repeat: repeat-x;
}
.topPage div.news ul.topNews a {
  text-decoration: none;
  width: auto;
  max-width: 780px;
}
.topPage div.news ul.topNews p {
  margin: 0;
  display: inline-block;
}
blockquote {
  position: relative;
  padding: 20px 25px 20px 50px;
  box-sizing: border-box;
  font-style: italic;
  border: solid 2px #464646;
  color: #464646;
  text-align: left;
}
blockquote:before {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 15px;
  vertical-align: middle;
  content: "\f10d";
  font-family: FontAwesome;
  color: #00b9bf;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
}
ul.listStyle {
  text-align: left;
  line-height: 2em;
}

span.nlsub {
  font-size: 16px;
  border: #00B9BF 1px solid;
  border-radius: 1em;
  color: #00B9BF;
  padding: 2px 10px;
  line-height: 0;
  margin-right: 10px;
}
/* テキストリンク:hover時に下線 
----------------------------------*/
/* .topNews a { */
/*   text-decoration:none; */ /* 元々の下線を消す */
/*   display:inline-block; */ /* リンクを文字列中に置くため */
/*   color: #00b9bf; */
/* } */
/* 疑似要素を作る */
/* .topNews a::before { */
/*   content:""; */
/*   display:block; */
/*   position:relative; */
/*   top:1.8em; */            /* 下線になるよう適当に位置調整 */
/*   left:0; */               /* テキストの左端に位置させる */
/*   width:0; */              /* アニメーションさせるため 0 にしておく */
/*   height:1.5px; */
/*   background:#00b9bf; */   /* 下線の色になる */
/*   transition:0.3s; */      /* アニメーションの時間 */
/* } */
/* .topNews a:hover::before { */
/*   width:100%; */           /* ホバー時にテキストの右端まで下線を伸ばす */
/* } */
/* PC用の設定 */
@media screen and (min-width:641px) {
.topPage div.news li {
  padding: 30px 0;
}
.topPage div.news .date {
  padding: 0 18px;
  vertical-align: middle;
}
.topPage div.news .newsTitle {
  padding: 0 18px;
  vertical-align: middle;
  max-width: 810px;
}
}
/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  .topPage div.news ul {
    padding: 0 10px;
  }
  .topPage div.news li {
    padding: 15px 0;
  }
  .topPage div.news .date {
    padding: 0 0 0 20px;
    vertical-align: middle;
  }
  .topPage div.news .newsTitle {
    padding: 0 0 0 20px;
    vertical-align: middle;
  }
  .topPage div.news ul.topNews a {
    width: auto;
  }
  .topNews a::before,
  .topNews a:hover::before {
    display: none;
  }
  blockquote {
    margin: 0 auto;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　商品・サービスページ固有設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* Responsive Style */
/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
}
/* －－－－－－－－－－タブレット用の設定 */
/* タブレット縦、iPhone 7/6 Plus横 */
@media screen and (max-width: 770px) {
.btnArea {
  width: 100%;
  text-align: center;
}
}
/* タイトル部分に背景画像があるページ */
div.contents.bg {
  min-height: 473px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 0;
}
#container .contents h2.bgimgTitle {
font-size: 64px;
  font-weight: 500;
  text-align: center;  color: #ffffff;
  padding: 100px 0;
  margin: 0;
}
.contents.bg p {
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #4d4d4d;
  margin: 0 auto;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
   固有設定
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.zeroPageIcon {
  max-width: 100px;
  max-height: 100px;
}
.zeroPageImg01 {
  width: 940px;
  border: 1px solid #cccccc;
}
.zeroPageImg02 {
  max-height: 400px;
}
.zeroPageImg03 {
  width: 600px;
}
.zeroPageImgOrca {
  width: 230px;
}
p.zeroWhyFree {
  font-weight: 400;
  text-align: center;
}
p.zeroWhyFree:before {
  content : '◆';
  color: #00b9bf;
  margin-right: 8px;
}
p.zeroWhyFree:after {
  content : '◆';
  color: #00b9bf;
  margin-left: 8px;
}
div#zeroPage div.zeroFunc ul {
  list-style: none;
}
div#zeroPage div.zeroFunc ul li {
	margin-bottom: 15px;
}
div#zeroPage div.zeroFunc ul li:last-child {
	margin-bottom: 0;
}
div#zeroPage div.zeroFunc ul li p {
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 auto;
  line-height: 1.5;
}
div#zeroPage div.zeroFunc ul li p:before {
  content: '■';
  color: #00b9bf;
  padding-right: 1em;
}
div#zeroPage div.zeroFunc ul li div.textLink {
  margin-top: 0;
}
div.zeroFunc div.detail div.text {
  width: 460px;
  display: inline-block;
  position: absolute;
  right: 50%;
  padding-right: 20px;
}
div.zeroFunc div.detail {
	height: 475px;
}
div.zeroFunc div.detail div.picture {
  height: 400px;
  display: inline-block;
  position: absolute;
  left: 51%;
}
div#zeroPage div.lrEqDiv div.detail {
  width: 445px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
div.zeroFrm div img,
div.zeroMr div img {
  max-width: 240px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.contents {
      margin: 0 auto 150px;
  }
  .zeroPageImg01 {
    width: 100%
  }
  .zeroPageImgOrca {
    width: 135px;
  }
  div.zeroFunc div.detail div.text {
    width: 100%;
    display: block;
    position: static;
    right: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .zeroPageImg02 {
    display: none;
  }
  .zeroPageImg03 {
    width: 100%;
  }
  div#zeroPage div.lrEqDiv div.detail {
    width: 100%;
    margin-left: 0;
  }
  div.zeroFrm div img,
  div.zeroMr div img {
    width: 135px;
  }
  table.functionDetail {
    border-spacing: 0 10px;
  }
  table.functionDetail tr td:nth-child(1) {
    width: 30%;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　ページ固有設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.frm3point {
	list-style: none;
	text-align: left;
	padding-left: 70px;
	margin-top: 60px;
}
.frm3point li {
  margin-bottom: 20px;
}
.frm3point li a p {
  margin: 0;
}
.frmPage .contents .title_p {
  text-align: center;
  font-weight: 350;
  color: #777777;
  margin: 161px auto 0;
}
.newsPage .title_p {
  text-align: center;
  color: #777777;
  margin-top: 50px;
}
.frmPage .contents ul.textLink li a i {
  padding-right: 16px;
}
.frmPage .contents .content_box_1 .frmImg1 {
  width: 440px;
  margin-left: 36px;
}
.frmPage .contents .content_box_1 .frmImg1.w100 {
  max-width: 100%;
}
.frmPage .contents .content_box_1 .frmImg1.w70 {
  max-width: 70%;
}

.frmPage .contents .content_box_2 .box .frmImg2 {
  width: 435px;
  margin: 0;
  max-width: 100%;
}
.frmPage .contents .content_box .box img {
  width: 450px;
  height: 288px;
  background-color: #b1b1b1;
  margin-left: 38px;
}
.innerLnk p {
  letter-spacing: 2px;
}
/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  p.frmContent {
    width: 84%;
    margin: 0;
  }
  .innerLnk p {
    vertical-align: -webkit-baseline-middle;
    letter-spacing: 0 !important;
  }
  .frm3point {
    padding-left: 0;
  }
  .frm3point li a p {
    width: calc(100% - 50px);
    font-size: 18px;
    line-height: 1;
  }
  body.frm .pageLnk {
    margin-top: 100px;
  }
  body.frm .pageLnk h3 {
    margin-top: -100px;
    padding-top: 100px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.h3title {
  margin-top: 100px;
}
.frmFlow {
  margin-bottom: 120px;
}
i.frmFlow {
  font-size: 32px;
}
.frmFlowItem {
  width: 250px;
  position: relative;
  padding : 0 5px;
  display: inline-table;
  border-radius: 2px;
}
i.frmFlowItem {
  width: 60px;
  font-size: 28px;
  top: 18px;
  height: 30px;
}
.frmFlowItem p {
  text-align: center;
  font-size: 24px;
  margin: 0;
}
.frmFlowItem i {
  font-size: 32px;
  position: absolute;
  left: 5px;
  top: 17px;
}
.frmFlowItem.active {
  border: 1px solid #00b9bf;
  background-color: #00b9bf;
}
.frmFlowItem.active p {
  color: #ffffff; 
}
.frmFlowItem.active p:nth-child(1) {
  border-bottom: 2px solid #ffffff;
}
.frmFlowItem.active i {
  color: #ffffff;
}
.frmFlowItem.inactive {
  border: 1px solid #cccccc;
  background-color: #cccccc;
}
.frmFlowItem.inactive p {
  color: #4d4d4d;
}
.frmFlowItem.inactive p:nth-child(1) {
  border-bottom: 2px solid #363937;
}
i.frmFlowItem.active {
  color: #4d4d4d;
}
.frmFlowArea {
  width: 700px;
  margin: auto;
}
.frmFlowText {
  margin-bottom: 80px;
}
.frmFlowText p {
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
  margin: 0;
}
p.flowStep {
  font-size: 24px;
  font-weight: 400;
  text-indent: -2em;
  padding-left: 2em;
}
div.flowStepChevronDown {
  margin: 35px auto;
}
div.flowStepChevronDown p {
  text-align: center;
  font-size: 26px;
  margin: 0;
  line-height: 1;
}
div.flowStepChevronDown p:after {
  content: "\f078";
  font-family: FontAwesome;
}
div.flowStepBox {
  width: 100%;
  border: 3px solid #00b9bf;
  padding: 10px 0;
  border-radius: 2px;
}
div.flowStepBox p {
  font-size: 24px;
  font-weight: 300px;
  margin: 0;
  text-align: center;
}
div.flowStepBox ul {
  list-style: none;
}
div.flowStepBox ul li {
  display: inline-block;
  vertical-align: top;
  padding: 10px 20px;
}
div.flowStepBox ul.double li {
  width: 49%;
}
div.flowStepBox ul.triple li {
  width: 32.5%;
}
div.flowStepBox ul li p {
  font-size: 16px;
  text-align: center;
}
div.flowStepBox ul li p img {
  width: 85px;
  height: 85px;
}
div.frmNotice {
  text-align: left;
  margin-bottom: 60px;
}
div.frmNotice h4.point {
  text-align: left;
  margin-left: 1em;
  margin-bottom: 0;
}
div.frmNotice h4.point:after {
  top: 12px;
  background: #f06292;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.h3title {
    margin-top: 0;
  }
  .frmFlow {
    margin-top: 50px;
  }
  .frmFlowItem {
    width: 95px;
  }
  .frmFlowItem p {
    font-size: 16px;
  }
  i.frmFlowItem {
    width: 16px;
    font-size: 16px;
    top: 24px;
  }
  .frmFlowItem i {
    font-size: 28px;
    top: 12px;
  }
  .frmFlowArea {
    width: auto;
  }
  div.flowStepBox ul.triple li,
  div.flowStepBox ul.double li {
    width: auto;
  }
  div.flowStepBox ul li {
    display: block;
    margin-bottom: 20px;
  }
  div.flowStepBox ul li:last-child {
    margin-bottom: 0;
  }
  div.frmNotice h4.point {
    padding-left: 0;
  }
  div.frmNotice h4.point:after {
    left: -1em;
    top: 8px;
  }
  .frmFlowText {
    margin-bottom: 50px;
  }
  .frmFlowText p {
    font-size: 16px;
    line-height: 1.5;
  }
  p.flowStep {
    font-size: 20px;
  }
  div.flowStepChevronDown {
    margin: 25px auto;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　ニュースリリース
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.newsPage .contents ul.textLink li a i {
  padding-right: 16px;
}
.newsPage .contents ul.textLink li p.category:before ,
.newsPage .contents div.textLink p.category:before {
  content: "カテゴリー：";
}
.newsPage .contents div.newsList ul.textLink li {
  padding: 35px 0;
  border-bottom: 1px solid #cccccc;
}
.newsPage .contents ul.textLink li p.category ,
.newsPage .contents div.textLink p.category {
  margin-bottom: 0;
}
.newsPage h2.postTitle {
    width: 780px;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    margin: 78px auto 80px;
}
#container #page-content .dateAndCategory div {
    margin: 0;
    padding: 0;
    display: table-cell;
}
.dateAndCategory {
    display: table;
    width: 100%;
    text-align: center;
}
.dateAndCategory .dateTime {
    width: 80px;
}
.dateAndCategory .textLink p.category {
    max-width: 560px;
    text-align: right;
}
.newsPage .postData {
  max-width: 620px;
  margin: auto;
}
.newsPage .newListBtn {
  padding-top: 80px;
  margin: 35px 0 200px 0;
  border-top: 1px solid #cccccc;
}
.newsPage .narrowDown {
}
.newsPage .narrowDown div {
  display: inline-block;
  vertical-align: top;
  margin: 0 50px 32px;
  
}
.newsPage .narrowDown div p {
	width: 220px;
	height: 30px;
	border: 2px solid #00B5BB;
	text-align: center;
	color: #00B5BB;
	border-radius: 15px;
	line-height: 24px;
	font-weight: bold;
}
.newsPage .narrowDown div ul {
  list-style: none;
  text-align: left;
  padding-left: 0px;
  width: 220px;
  margin-top: 0px !important;
}
.newsPage .narrowDown div ul li{
	margin-left: 40px;
	margin-right: 40px;
}
.newsPage .narrowDown div ul li a{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-size: 100% 100% !important;
	background-color: #FFF;
	background-image:none !important;
}
.newsPage .narrowDown div ul li a:hover{
	background-color: #80CDCE;
	color: #FFF !important;
}
.narrowDown div.footR ul li a{
	text-align: center;	
}
/* 改ページボタンの設定 */
.pagination{
	list-style-type: none;
	padding-left: 0;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 30px;
	max-width: 1100px;
}
.pagination:after{
	content: '';
	border-bottom: 2px dotted #999;
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 0%;

}
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pagination li.nolink a {
	color: #ccc;
}
.pagination a {
  font-weight: normal;
  padding-top: 0px;
  text-decoration:none;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  color: #4d4d4d;
  margin: 0 15px;
  border-radius: 50%;
}
.pagination li:not([class*="current"]) a:hover {
	background-color: #80CDCC;
	border-color: #80CDCC;
	color: #4d4d4d;
	transition: 0.3s;
}
.pagination li:first-of-type a {
  border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  font-weight: nomal;
	font-size: 30px;
}
.pagination li.current a {
	background-color: #00B5BB;
	cursor: default;
	pointer-events: none;
	color: #ffffff;
	border-color: #00B5BB;
}
.pagination > li:first-child > a {
	border-style: none;
}
.pagination > li:last-child > a {
	border-style: none;
}
.pagination li.previous a,.pagination li.next a{
	border-style: none;	
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.pagination a {
  margin: 0 5px;
}
  .pagination li.previous a { border-left-width: 1px; }
.pagination:after{
	left: 0%;
	right: 0%;
}
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) and (max-width: 1280px) {
  div.contents.bg {
    min-height: 295px;
  }
}
/* －－－－－－－－－－タブレット用の設定 */
@media screen and (max-width: 770px) {
  .contents.news,
	#page-content {
		margin: 0 16px;
	}
    .newsPage h2.postTitle {
        width: 85%;
        font-size: 16pt;
        line-height: 32pt;
        margin: 0 auto;
    }
    #container .contents ul.textLink {
      margin: 0 auto;
    }
    .newsPage .contents div.newsList ul.textLink li {
      padding: 20px 0;
    }
    .newsPage .dateAndCategory p {
        font-size: 12pt;
    }
    .postContents {
        width: 100%;
        font-size:12pt;
        line-height: 24pt;
        margin: auto;
    }
    div.contents.bg {
      min-height: 151px;
    }
    .contents.postData,
    #page-content {
      padding: 0;
    }
    .newsPage .newListBtn {
        padding: 0;
        border: none;
        margin: 0;
    }
    .newListBtn .lnkBtn a {
      font-size: 16px;
    }
    .newsPage .narrowDown div {
      margin: 0 auto;
    }
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  div.contents.bg {
    min-height: 310px;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.casePage h2.postTitle {
  width: 780px;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin: 78px auto 80px;
}
.casePage .postData {
  max-width: 940px;
}

/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) and (max-width: 1280px) {
}
/* －－－－－－－－－－タブレット用の設定 */
@media screen and (max-width: 770px) {
  .contents.case,
  #page-content {
    margin: 0 16px;
  }
  .casePage h2.postTitle {
    width: 85%;
    font-size: 16pt;
    line-height: 32pt;
    margin: 0 auto;
  }
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
}

div.casePage div.actualResults div.introduction ,
div.casePage div.actualResults div.department {
  width: 300px;
  display: inline-block;
  margin: auto 20px;
}
div.casePage div.actualResults div.introduction {
  text-align: right;
  vertical-align: bottom;
}
div.casePage div.actualResults div.introduction div p {
  display: inline-block;
}
div.casePage div.actualResults div.introduction div p:first-child {
  width: 125px;
  line-height: 3;
  text-align: center;
  background-color: #00b9bf;
  color: #ffffff;
  border-right: 10px solid #009499;
}
div.casePage div.actualResults div.introduction div p:last-child {
  width: 125px;
  line-height: 3;
  text-align: right;
}
div.casePage div.actualResults div.imgAndLink {
  width: 300px;
  position:relative;
}
div.casePage div.actualResults div.department img {
  width: 300px;
}
div.casePage div.actualResults div.imgAndLink div {
  position: absolute;
  bottom: 100px;
  left: 12px;
}
div.casePage div.actualResults div.imgAndLink div p.lnkBtn {
  background-color: rgba(255, 0, 0, 0.0);
}
div.casePage div.actualResults div.imgAndLink div p.lnkBtn:hover {
  background-color: #00b9bf;
}
div.casePage div.case.interview {
  width: 940px;
}
p.interviewNotes {
  font-size: 14px;
}
div.casePage div.caseList ul {
  list-style: none;
  margin: 8px 0;
}
div.casePage div.caseList ul li.clinic {
  display: inline-flex;
}
div.casePage div.caseList ul li.clinic a {
  text-decoration: none;
  text-align: left;
  color: #4d4d4d;
  margin: 25px;
}
div.casePage div.caseList ul li.clinic a div.waku {
  width: 255px;
  height: 500px;
}
div.casePage div.caseList ul li.clinic a div.waku img {
  width: 255px;
  border-radius: 2px 2px 0 0;
}
div.casePage div.caseList ul li.clinic a:hover div.waku img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  transition: 0.5s;
}
div.casePage div.caseList ul li.clinic a div.waku div {
  padding: 0 15px;
  height: 245px;
  border: 1px solid #eeeeee;
  position: relative;
  top: -5px;
  background-color: #eeeeee;
  border-radius: 0 0 2px 2px;
}
div.casePage div.caseList ul li.clinic a:hover div.waku div {
  border: 1px solid #00b9bf;
  background-color: #ffffff;
  transition: 0.5s;
}
div.casePage div.caseList ul li.clinic a div.waku div p {
  line-height: 1.5;
  margin: 8px 0;
}
div.casePage div.caseList ul li.clinic a:hover div.waku div p,
div.casePage div.caseList ul li.clinic a:hover div.waku div ul {
  color: #00b9bf;
  transition: 0.5s;
}

div.interviewTop {
  margin-bottom: 60px;
}
div.interviewTop div {
  display: inline-block;
  vertical-align: top;
}
div.interviewTop div.interviewPic {
  width: 525px;
  text-align: left;
}
div.interviewTop div.interviewProfile {
  width: 410px;
  text-align: left;
}
div.interviewTop div.interviewPic img {
  width: 480px;
  height: auto;
  background-color: #777777;
  border-radius: 3px;
}
div.interviewTop div p {
  line-height: 1;
}
div.interviewTop div p.clinicName {
  font-size: 20px;
  margin-top: 0;
}
div.interviewTop div p.doctorName{
  font-size: 24px;
}
div.interviewTop div p.clinicLocation{
  margin: 30px 0;
}
div.interviewTop div div.doctorProfile p{
  margin: 8px 0;
  line-height: 1.5;
  font-size: 15px;
}
div.interviewList {
  width: 600px;
  margin: auto auto 100px auto;
}
div.interviewList ul {
  list-style: none;
  text-align: left;
}
div.interviewList ul li:nth-child(odd) {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
}
div.interviewList ul li:nth-child(even) {
  margin-bottom: 60px;
}
/* 2018.8.31 InterviewNewStyle */
.interviewList.clearH h3,
.interviewList.clearH h3::before,
.interviewList.clearH h3::after,
.interviewList h4 {
  content: none;
  margin-bottom: initial;
  line-height: initial;
  font-weight: initial;
  text-align: initial;
  display: flex;
}
.interviewList div {
  margin-bottom: 3em;
}
.interviewList h3 {
  font-size: 1.5em;
  color: #00b9bf;
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.1em;
}
.interviewList h4 {
  margin: 0.5em;
  font-size: 1em;
  font-weight: 500;
}
.interviewList p {
  margin: 0 0 2em 0;
/*  line-height: 1.5em; */
  line-height: 2em;
}
p.intDate {
  text-align: right;
}
div.breadcrumb br.bcNone {
  display: none;
}

@media screen and (max-width: 770px) {
  .interviewList h3{
    font-size: 1.2em
  }
}
/*  */
div.interviewTop div p.doctorName.small { /*おなまえ*/
  font-size: 1em;
  margin-bottom: 0;
}
div.interviewTop div p.doctorName {
  margin-top: 6px;
}
a.postLink { /*記事内リンク*/
  color: #3CD2CE;
  text-decoration: none;
  border-bottom: #3CD2CE 1.2px dotted;
}
a.postLink:hover {
  color: #00b9bf;
  border-bottom: #00b9bf 1.2px dotted; 
  transition: 0.5s;
}
p.attention { /*記事内注意書き*/
  font-size: 14px;
  color: #a1a1a1;
}
span.speaker { /*話者2名以上*/
  font-weight: 400;
  color: #777777;
}
span.speaker:before {
  content: "■ ";
}

/* InterviewNewStyle ここまで */

div.clinicData {
  background-color: #eeeeee;
  width: 100%;
  padding: 5px 15px 15px;
  margin-bottom: 100px;
  border-radius: 3px;
}
div.clinicData p {
  line-height: 1;
}
div.clinicData div.introduction,
div.clinicData div.pic {
  display: inline-block;
}
div.clinicData p.clinicName {
  font-size: 20px;
  text-align: center;
}
div.clinicData div.introduction {
  width: 440px;
  vertical-align: top;
}
div.clinicData div.introduction div {
  margin-bottom: 36px;
}
div.clinicData div.introduction div p {
  line-height: normal;
}
div.clinicData div.pic {
  width: 465px;
  text-align: right;
}
div.clinicData div.pic img {
  width: 420px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.casePage div.case.interview {
    width: auto;
  }
  div.casePage div.actualResults div.introduction {
    text-align: center;
  }
  div.casePage div.actualResults div.introduction div p {
    margin-bottom: 10px;
  }
  div.casePage div.actualResults div.department {
    margin-top: 30px;
  }
  div.casePage div.actualResults div.imgAndLink img {
    display: none;
  }
  div.casePage div.actualResults div.imgAndLink div {
    position: initial;
  }

  .casePage h2.postTitle {
    margin-bottom: 60px;
  }
  div.interviewTop div.interviewPic ,
  div.interviewTop div.interviewProfile ,
  div.interviewTop div.interviewPic img ,
  div.interviewList ,
  div.clinicData div.pic ,
  div.clinicData div.pic img ,
  div.clinicData div.introduction {
    width: 100%;
  }
  div.interviewTop ,
  div.interviewList {
    padding-left: 15px;
    padding-right: 15px;
  }
  div.interviewTop div p.clinicName {
    margin-top: 18px;
  }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.reservePage h2 {
  padding: 100px 0;
}
.pictContent {
  width: 760px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.pictImg {
  max-width: 750px;
}
@media only screen and (max-width: 750px) {
  .cf.service2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cf.service2 h3.point {
  text-align: center;
  margin-bottom: 1.5em;
}
main #app article {
  margin: 0 auto;
}
img.line {
  margin: 95px 0;
  width: 80%;
  max-width: 420px;
}
/*アプリDLエリア*/
.rightTop {
  width: 60%;
  margin: 30px auto;
  text-align: center;
  float: right;
}
.rightTop h4 {
  font-size: 5em;
  font-weight: normal;
  padding: 0;
}
.rightTop p {
  font-size: 3em;
  margin: 40px 0 60px;
  line-height: 1;
}
@media only screen and (max-width: 750px) {
  .rightTop p.downloadTitle {
    font-size: 8vw;
  }
}
.rightTop .download {
  text-align: center;
  display: inline-flex;
}
.rightTop .download .appIcon,
.rightTop .download .dlBtn {
  width: 50%;
}
@media only screen and (max-width: 750px) {
  .rightTop .download .appIcon,
  .rightTop .download .dlBtn {
    width: auto;
  }
  .rightTop .download .appIcon {
    padding-right: 5px;
  }
}
.rightTop .appIcon img {
  width: 160px;
}
.rightTop .dlBtn img {
  width: 200px;
}
.rightTop .appIcon,
.rightTop .dlBtn {
  float: left;
}

p.iAppStore {
  padding:0 0 30px 0;
  margin:0;
}
p.iGooglePlay {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 750px) {
  div.appArea .rightTop div.appIcon {
    width: auto;
    max-width: 135px;
    margin: auto;
  }
  div.appArea .rightTop div.appIcon img {
    width: 100%;
    max-width: 135px;
  }
  div.appArea .rightTop p.iAppStore {
    padding:3px 0 30px 0;
    margin:0;
  }
  div.appArea .rightTop p.iGooglePlay {
    padding: 0;
    margin: 0;
  }
  div.appArea .rightTop p.iAppStore img {
    width: 160px;
  }
  div.appArea .rightTop p.iGooglePlay img {
    width: 160px;
  }
  #container .reservePage .contents {
    margin: 0 auto;
  }
  .reservePage h2 {
    padding: 48px 0 0;
  }
  .topImg .spView {
    width: 300px;
    margin: auto;
  }
  .topImg .spView p {
    text-align: center;
  }
}
.leftBtm {
  width: 30%;
  text-align: center;
  float: right;
}
.leftBtm img {
  width: 230px;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
div.appArea .pc {
  display: block !important;
}
div.appArea .sp,
#header .sp,
.topImg img.sp {
  display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  div.appArea .pc,
  #header .pc,
  .topImg .pc {
    display: none !important;
  }
  #header .sp,
  .topImg img.sp {
    display: block!important;
  }
  div.appArea .sp {
    display: block !important;
    margin-top: 65px;
  }
  div.appArea .rightTop,
  div.appArea .leftBtm {
    width: 100%;
  }
  div.appArea .leftBtm img {
    width: 250px;
  }
}

/* ファーストビューのアプリダウンロードボタン設定 */
@media screen and (min-width: 751px) {
  div.appPage div.topDlIcon {
    width: 940px;
    padding-left: 10px;
    position: relative;
    top: -120px;
    margin-bottom: 0px;
  }
  div.appPage div.topDlIcon ul {
    list-style: none;
  }
  div.appPage div.topDlIcon ul li {
    display: table-cell;
  }
  div.appPage div.topDlIcon ul li:first-child {
    padding-right: 15px;
  }
  div.appPage div.topDlIcon ul li a img {
    width: 170px;
  }
  div.appPage div.topDlIcon p {
    font-size: 12px;
    color: #696969;
    width: 100%;
    text-align: right;
  }
}
@media only screen and (max-width: 750px) {
  div.appPage div.topDlIcon {
    position: static;
    bottom: 0;
    right: 0;
    margin-bottom: 65px;
  }
  div.appPage div.topDlIcon ul {
    list-style: none;
    margin: 30px 0 0 0;
  }
  div.appPage div.topDlIcon ul li {
    display: block;
  }
  div.appPage div.topDlIcon ul li:first-child {
    padding-right: 0px;
  }
  div.appPage div.topDlIcon ul li a img {
    width: 200px;
  }
  div.appPage div.topDlIcon ul li a img.icAppStore {
    margin-bottom: 30px;
  }
  div.appPage div.topDlIcon p {
    font-size: 12px;
    color: #696969;
    width: 100%;
    text-align: center;
  }
}
/* アプリダウンロードアイコンの不活性設定 */
.grayscale {
  cursor: default;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* －－－－－－－－－－PC用の設定 */
@media screen and (min-width:641px) {
}
/* －－－－－－－－－－スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
}
.reservePage .serviceImg.fee img:nth-child(1),
.reservePage .serviceImg.fee img:nth-child(2),
.reservePage .serviceImg.fee img:nth-child(3) {
  padding-right: 20px;
  width: 140px;
}
.reservePage .serviceImg.fee img:nth-child(4) {
  width: 170px;
}
.reservePage div.boxicon {
  margin: 0 10px;
}
.reservePage div.boxiconBig {
  margin: 0 10px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* トップメッセージ */
.frmPage .lrPosition:nth-of-type(even) .detail.companyBgimg .text {
    left: 0;
}
div.companyBgimg {   /* BG img */
    background: #363937;
    background-image: url("assets/img/company_04@2x.jpg");
    background-size: cover;
    height: 718px;
}
.companyBgimg .text {
    background-color: rgba( 255, 255, 255, 0.85 );
}
#container #container .lrPosition .president .text {
    width: 70%;
}
#container #container .lrPosition .president .picture {
    width: 25%;
}
#container #container .lrPosition .president .picture img {
    vertical-align: middle;
}
.history table {
    text-align: left;
    vertical-align: top;
    width: 700px;
}
.history table th {
    color: #787878;
    width: 90px;
}
.history table td {
    padding: 20px 0;
    padding-left: 60px;
    line-height: 32px;
}
.frmPage div.contents div.detail.president div.picture div {
    width: auto;
}
.detail.president .text p {
    letter-spacing: 2px;
}
.detail.companyBgimg .text {
    padding: 0 20px 0 0;
}
p.sign {
  vertical-align: bottom;
}
p.sign span {
  margin-right: 25px;
}
p.sign img {
  width: 142px;
}
@media screen and (max-width: 770px) {
  .detail.companyBgimg .text {
    padding: 0;
  }
  #bg p.sign {
    margin-top: 24px;
  }
  p.sign span {
    margin-right: 20px;
  }
  p.sign img {
    width: 60px;
  }
}
/* マップ */
ul.xiraphamap {
  list-style:none;
}
ul.xiraphamap li {
  display: inline-block;
  vertical-align: top;
  width: 49.5%;
}
ul.xiraphamap li:nth-child(1) {
  width: 330px;
}
#map1,
#map2 {
  width: 450px;
  height: 295px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  ul.xiraphamap li {
    width: 100%;
  }
  #map1,
  #map2 {
    width: 300px;
    height: 200px;
  }
}

/* スマホ */
@media screen and (max-width: 770px) {
  #bg {
    padding: 0 20px;
  }
  #bg div.contents {
    margin: 0 auto 50px;
  }
  #bg div.contents div.detail div.text, 
  #bg div.contents div.detail div.picture, 
  .history table, 
  #bg div.contents div.detail div.picture div, 
  #bg div.contents div.detail.president div.text, 
  #bg div.contents div.detail.president div.picture,
  #bg .companyBgimg .text {
    width: 100%;
    margin: 0 auto;
  }
  #bg div.contents div.detail.president div.picture img {
    width: 165pt;
  }
  .president .text .name {
    text-align: center;
  }
  div.companyBgimg {
    background-image: none;
    background: none;
    height: auto;
  }
  .areaMedium.history table th,
  .areaMedium.history table td {
    display: block;
  }
  .areaMedium.history table td {
    padding: 2px 0 14px;
  }
}
body.company .frmPage div.contents div.detail div.picture div img{
  max-width: 270px;
  padding-top: 24px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　企業情報ページ固有設定
*/
ul.companuMenu {
  list-style: none;
}
ul.companyMenu li {
  display: inline-block;
  width: 460px;
  margin-bottom: 100px;
}
ul.companyMenu li:nth-last-child(1),
ul.companyMenu li:nth-last-child(2) {
  margin-bottom: 0;
}
ul.companyMenu li:nth-child(odd) {
  margin-right: 10px;
}
ul.companyMenu li:nth-child(even) {
  margin-left: 10px;
}
ul.companyMenu li div {
  background-color: #eeeeee;
  text-align: center;
  vertical-align: middle;
}
ul.companyMenu li div img {
  width: 115px;
  margin-top: 20px;
}
ul.companyMenu li div span {
  font-size: 24px;
  font-weight: normal;
  color: #b1b1b1;
  line-height:2.5;
}
ul.companyMenu li div p.lnkBtn.btnLarge {
  max-width: 460px;
  width: 100%;
}
@media screen and (min-width:0px) and (max-width:640px) {
  ul.companyMenu li,
  ul.companyMenu li:nth-child(odd),
  ul.companyMenu li:nth-child(even) {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  ul.companyMenu li:nth-last-child(1) {
    margin-bottom: 0;
  }
  ul.companyMenu li div img {
    width: 100px;
  }
  ul.companyMenu li div span {
    line-height: 2;
  }
  ul.companyMenu li div {
    width: 300px;
    margin: auto;
  }
  ul.companyMenu li div p.lnkBtn a {
    font-size: 16px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　会社概要ページ固有設定
*/
@media screen and (max-width: 770px) {
  body.overview #bg p {
    font-size: 100%;
    line-height: 2em;
    letter-spacing: 0;
    margin: 6px auto;
  }
}
body.overview .lightGray {
  color: #787878;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
*/
.officerList ul {
  list-style: none;
}
.officerList ul li.officer {
  display: inline-flex;
  margin-right: 43px;
  margin-left: 43px;
}
.officerList ul li.officer div.waku {
  width: 200px;
  cursor: pointer;
}
.officerList ul li.officer div.waku img {
  width: 200px;
  border-radius: 2px 2px 0 0;
}
.officerList ul li.officer div.waku div {
  padding: 0 15px;
  height: 200px;
  border: 1px solid #eeeeee;
  position: relative;
  top: -5px;
  background-color: #eeeeee;
  border-radius: 0 0 2px 2px;
}
.officerList ul li.officer div.waku:hover div {
  border: 1px solid #00b9bf;
  background-color: #ffffff;
  transition: 0.5s;
}
.officerList ul li.officer div.waku div p {
  margin: 0;
}
.officerList ul li.officer div.waku div p.position {
  line-height: 3;
  font-size: 16px;
}
.officerList ul li.officer div.waku div p.name {
  line-height: 1;
  font-size: 24px;
}
.officerList ul li.officer div.waku div p.kana {
  line-height: 2;
  font-size: 16px;
}
.officerList ul li.officer div.waku:hover div p,
.officerList ul li.officer div.waku:hover div ul {
  color: #00b9bf;
  transition: 0.5s;
}
div.officerDetail {
  width: 780px;
  background-size: 780px;
  text-align: left;
  position: absolute;
  top: 400px;
  z-index: 10;
  border-radius: 2px;
}
/* beforeで枠線の三角を表現 */
.officerDetail.detailOpen::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -1px;
  border-right: 10px solid transparent;
  border-top: 15px solid #00b9bf;
  border-left: 10px solid transparent;
  z-index: 20;
}
/* beforeで本体の三角を表現 */
.officerDetail.detailOpen::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -2px;
  border-right: 10px solid transparent;
  border-top: 15px solid #ffffff;
  border-left: 10px solid transparent;
  z-index: 30;
}
.officerDetail.detailClose::before,
.officerDetail.detailClose::after{
  display: none;
}
div.officerDetail.nagayo {
  background-image: url('assets/img/company_officer_02@2x.jpg');
  left: 0;
}
div.officerDetail.yamaguchi {
  background-image: url('assets/img/company_officer_04@2x.jpg');
  left: -290px;
}
div.officerDetail.nishihata {
  background-image: url('assets/img/company_officer_06@2x.jpg');
  left: -580px;
}
div.officerDetail.koga {
  background-image: url('assets/img/company_officer_08@2x.jpg');
  left: -290px;
}
.officerDetail.nagayo::before,
.officerDetail.nagayo::after{
  left: 92px;
}
.officerDetail.yamaguchi::before,
.officerDetail.yamaguchi::after,
.officerDetail.koga::before,
.officerDetail.koga::after{
  left: 378px;
}
.officerDetail.nishihata::before,
.officerDetail.nishihata::after{
  left: 669px;
}
.officerList ul li.officer div.waku div.detailOn {
  border: 1px solid #00b9bf;
  background-color: #ffffff;
}
.officerList ul li.officer div.waku div.detailOn p {
  color: #00b9bf;
}
div.officerGroup {
  margin: auto;
}
div.contents div.officerGroup:nth-child(2) {
  margin: 90px auto;
}
div.officerDetail div.detailScroll {
  overflow-y: auto;
  width: 780px;
}
.officerDetail.detailOpen div.detailScroll {
  padding: 25px;
}
.officerDetail.detailClose div.detailScroll {
  padding: 0;
}
div.officerDetail div.detailScroll div {
  text-align: left;
  width: 400px;
  position: relative;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.8em;
}
div.officerDetail div table tr td:nth-child(1) {
  width: 70px;
}
li.officer {
  position: relative;
}
.detailClose {
  height: 0px;
}
.detailOpen {
  height: 350px;
  transition: 0.5s;
}
.detailCloseP {
  height: 0px;
  padding: 0;
}
.detailOpenP {
  height: 300px;
  transition: 0.5s;
}
.detailViewOpen {
  height: 750px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.contents div.officerGroup:nth-child(2) {
    margin: auto;
  }
  .officerList ul li.officer {
    margin: 25px 0;
    width: 100%;
    padding: 0 30px;
  }
  .officerList ul li.officer div.waku {
    width: 100%;
  }
  .officerList ul li.officer div.waku img,
  .officerList ul li.officer div.waku div {
    display: inline-block;
    height: 120px;
    vertical-align: top;
  }
  .officerList ul li.officer div.waku img {
    width: auto;
  }
  .officerList ul li.officer div.waku div {
    width: calc(100% - 124px);
    top: 0;
  }
  .officerDetail.detailOpen::before,
  .officerDetail.detailOpen::after,
  .officerDetail.detailClose::before,
  .officerDetail.detailClose::after{
    display: none;
  }
  div.officerDetail.detailOpen {
    background-image: none;
    top: 120px;
    background-size: 0;
    width: 100%;
    padding: 0 32px;
  }
  div.officerDetail.detailOpen div.detailScroll {
    width: 100%;
    overflow-y: visible;
    padding: 20px;
    background-color: #eeeeee;
  }
  div.officerDetail.detailOpen div.detailScroll div {
    width: auto;
    height: auto;
  }
  .officerDetail::before,
  .officerDetail::after {
    display: none;
  }
  div.officerDetail.nagayo,
  div.officerDetail.yamaguchi,
  div.officerDetail.nishihata,
  div.officerDetail.koga {
    background-image: none;
    background-size: 0;
    left: 0;
  }
  .detailOpen {
    height: auto;
    transition: 0s;
  }
  .detailOpenP {
    height: auto;
    transition: 0s;
  }
  .detailViewOpen {
    height: auto;
  }
  .detailText hr {
    margin: 20px 0;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
*/
.companyMessage p {
  font-size: 18px;
  text-align: center;
}
.companyMessage p.aboutPhr {
  font-size: 16px;
  color: #cccccc;
  line-height: 1;
  margin-top: 0;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .companyMessage p span:nth-child(2) {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .companyMessage p.aboutPhr {
    font-size: 12px;
    line-height: 1;
    margin-top: 6px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
*/
p.companyName {
  font-size: 24px;
  text-align: center;
}
img.companyLogo {
  width: 280px;
}
div.companyPre {
  margin: 60px 0;
}
div.companyPre p {
  line-height: 2;
  margin: 0;
}
ul.companyDetail {
  list-style: none;
  line-height: 2;
  text-align: left;
}
ul.companyDetail li {
  display: inline-block;
  vertical-align: top;
}
ul.companyDetail li.companyDetailLeft {
  margin-right: 30px;
}
ul.companyDetail li table tr td {
  font-weight: normal;
}
ul.companyDetail li.companyDetailLeft table tr td:nth-child(1) {
  width: 80px;
}
ul.companyDetail li.companyDetailLeft table tr td:nth-child(3) {
  width: 190px;
}
ul.companyDetail li.companyDetailRight table tr td:nth-child(1) {
  padding-right: 15px;
  vertical-align: top;
}
ul.companyDetail li.companyDetailRight table tr td:nth-child(2) {
  width: 230px;
}
ul.companyDetail li.companyDetailRight img {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
ul.companyDetail li.companyDetailRight table tr:nth-child(2) td:nth-child(2) a {
  pointer-events: none;
  text-decoration: none;
  color: #4d4d4d;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.companyPre {
    margin: 20px 0;
  }
  div.companyPre p,
  ul.companyDetail {
    line-height: 1.5;
  }
  ul.companyDetail li.companyDetailRight,
  ul.companyDetail li.companyDetailLeft {
    margin-right: 0;
    margin-left: 0;
  }
  ul.companyDetail li.companyDetailRight table tr td:nth-child(2),
  ul.companyDetail li.companyDetailLeft table tr td:nth-child(3) {
    width: auto;
  }
  ul.companyDetail li.companyDetailRight {
    margin-top: 20px;
  }
  ul.companyDetail li.companyDetailLeft {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  ul.companyDetail li.companyDetailRight table tr:nth-child(2) td:nth-child(2) a {
    pointer-events: auto;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
*/
@media screen and (min-width:0px) and (max-width:640px) {
  body.recruit #bg div.contents.recruit {
    margin-bottom: 100px;
  }
  body.recruit #bg div.contents.recruit div.btnArea {
    margin-top: 20px;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body.scan .frmPage div.contents div.detail div.text,
body.scan .frmPage div.contents div.detail div.picture {
  width: 430px;
  margin: 0 19px;
}
table.maker {
    border: solid 1px #787878;
    border-collapse: collapse;
    margin: 0 auto;
}
table.maker th {
    vertical-align: middle;
    background: #cccccc;
    padding: 20px;
}
table.maker td {
    text-align: left;
    padding: 10px 20px;
}

@media screen and (max-width: 770px) {
  #container .contents.maker h3 {
    margin: 30px auto 50px;
  }
}
@media screen and (min-width:0px) and (max-width:640px) {
  body.scan .frmPage div.contents div.detail div.text,
  body.scan .frmPage div.contents div.detail div.picture {
    width: 100%;
    margin: 0 auto;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.supportPage .contents .supH2 ,
.partnerPage .contents .supH2 {
  margin-bottom: 20px;
  margin-top: 100px;
}
.supportPage .contents .mb100 {
  margin-bottom: 100px;
}
.supportPage .contents .lrPosition .detail .mr20 {
  margin-right: 20px;
}
.supportPage .contents .sptContact {
  padding: 0 16px;
}
.supportPage .contents .lrPosition .detail .sptManual {
  padding:18px 18px 18px 0;
}
.supportPage .contents .gentiSptImg {
  width: 700px;
}
.supportPage .contents .pcViewBlock .gentiSptBox {
  margin-bottom: 80px;
}
.supportPage .contents .pcViewBlock .gentiSptBox .detail .text p {
  width: 240px;
  margin-left: 80px;
  float: left;
}
.supportPage .contents .pcViewBlock .gentiSptBox .detail .picture p {
  width: 230px;
  float: right;
}
.supportPage .contents .spViewBlock .gentiSpt_SP img {
  width: 100%;
}
.supportPage .contents div .btnArea .sptBtn span {
  width: 70%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .supportPage .contents .supH2,
  .partnerPage .contents .supH2 {
    margin-top: 0;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.aboutVisitSprt div.pcViewBlock img {
  width: 700px;
}
.aboutVisitSprt div.pcViewBlock div {
  margin-left: 120px;
  width: 763px;
  height: 330px;
}
.aboutVisitSprt div.spViewBlock img {
  width: 300px;
}
.aboutVisitSprt div.pcViewBlock div ul {
  list-style: none;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.aboutVisitSprt div.pcViewBlock div ul:nth-child(1) {
  float:left;
}
.aboutVisitSprt div.pcViewBlock div ul:nth-child(2) {
  float:right;
}
.aboutVisitSprt div.pcViewBlock div ul li {
  line-height: 32px;
  text-indent: -1em;
  padding-left: 1em;
}
a.tagBtn p {
  display: inline-block;
  font-size: 24px;
  vertical-align: middle;
}
a.tagBtn:hover p {
  color: #00b9bf;
  transition: 0.5s;
}
ul.areaList {
  list-style: none;
}
ul.areaList li.areaListItem {
  display: inline-block;
  text-align: left;
  width: 230px;
  margin-top: 40px;
}
ul.areaList div.pref {
  margin-left: 70px;
}
ul.areaList div.pref ul.prefList {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
ul.areaList div.pref ul.prefList li {
  line-height: 32px;
  display: inline-block;
  width: 70px;
}
a.noneLink {
  text-decoration: none;
  pointer-events: none;
  color: #4d4d4d;
}
div.partnerArea {
  padding-top: 100px;
  margin-top: -100px;
}
div.partnerPref{
  padding-top: 100px;
  margin-top: -100px;
}
div.partnerList p.prefNm{
  width: 120px;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  background-color: #eeeeee;
  border-radius: 5px;
}
div.partnerList ul {
  list-style: none;
  text-align: left;
  margin-left: 130px
}
div.partnerList ul li {
  width: 390px;
  display: inline-block;
  margin-bottom: 40px;
  vertical-align: top;
}
div.partnerList ul li:nth-child(even) {
  margin-left: 30px;
}
div.partnerList ul li p {
  margin: 0;
  line-height: 32px;
}
div.partnerList ul li p:nth-child(1) {
  font-size: 24px;
  line-height: 48px;
}
p.gotoSprtAreaList {
  text-align: right;
}
p.officeNameNone {
  display: none;
}
p.officeBranch {
  font-weight: 700;
}
p.officeRemarks {
  color: #f06292;
}
div.costList {
  margin-bottom: 100px;
}
div.costList:last-child {
  margin-bottom: 0;
}
div.costList table {
  width: 100%;
  border-collapse: collapse;
}
div.costList table tr th,
div.costList table tr td {
  border: 1px solid #cccccc;
}
div.costList table tr th {
  height: 80px;
  background-color: #e8ffff;
  font-size: 24px;
  line-height: 1;
  padding-top: 27px;
}
div.costList table tr th:nth-child(1) {
  width: 36%;
  border-radius: 2px 0 0 0;
}
div.costList table tr th:nth-child(2) {
  width: 32%;
}
div.costList table tr th:nth-child(3) {
  width: 32%;
  border-radius: 0 2px 0 0;
}
div.costList table tr td {
  vertical-align: middle;
  padding: 10px;
  height: 80px;
}
div.costList table tr:last-child td:nth-child(1) {
  border-radius: 0 0 0 2px;
}
div.costList table tr:last-child td:nth-child(3) {
  border-radius: 0 0 2px 0;
}
div.costList span.taxNotInc {
  font-size: 16px;
  color: #777777;
}
.jisage {
  text-indent: -1em;
  padding-left: 1em;
  margin: 0;
}
.underH4 {
  margin-bottom: 40px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .partnerPage .contents .supH2 {
    margin-top: 32px;
  }
  div.costList.secList table tr th {
    padding-top: 0;
    vertical-align: middle;
  }
  ul.areaList div.pref {
    margin-left: 50px;
  }
  ul.areaList div.pref ul.prefList li {
    margin-right: 1em;
    width: auto;
  }
  ul.areaList div.pref ul.prefList li a {
    font-size: 24px;
  }
  ul.areaList {
    text-align: left;
  }
  div.partnerList ul {
    margin-left: 0;
  }
  div.partnerList ul li {
    width: auto;
  }
  ul.areaList li.areaListItem {
    width: auto;
  }
  div.partnerList ul li:nth-child(even) {
    margin-left: 0;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.job p {
    margin-bottom: 50px;
}
ul.defaultList, 
.defaultList li {
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 520px;
}
.defaultList li {
    list-style-type: none;
    list-style-image: none;
    margin: 20px 0;
}
.point li {
    position: relative;
    padding-left: 30px;
}
.point li:after {
    content: '';
    display: block;
    position: absolute;
    background: #00b9bf;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    transform: rotate(-45deg);
}
.box {
    border: 1px solid #282828;
    margin-bottom: 50px;
}
.box p.title {
    margin: 0;
    padding: 5px 8px;
    background: #cccccc;
}
.box p {
    padding: 0 8px;
}
@media screen and (max-width: 770px) {
  .frmImg1 {
    width: 300px;
  }
  ul.defaultList,
  .defaultList li {
    width: 100%;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.sprtMenu div {
  width: 290px;
  display: inline-table;
  margin: 0 10px;
}
.sprtMenu div h4 {
  height: 55px;
}
.sprtMenu div p {
  height: 75px;
  text-align: center;
}
.sprtMenu div p.lnkBtn {
  text-align: left;
  height: 95px;
}
.sprtMenu div p.lnkBtn a {
  height: 100%;
}
.sprtMenu div p.lnkBtn.faq a ,
.sprtMenu div p.lnkBtn.contact a {
  padding-top: 28px;
}
.sprtMenu div p.lnkBtn a:after {
  content: "\f078";
}
.sprtMenu div p.lnkBtn.man a:after {
  top: -15px;
}
div.sprtContents {
  margin-bottom: 150px;
}
ul.sprtManualList {
  text-align: left;
}
ul.sprtManualList li {
  display: inline-block;
  width: 230px;
  margin-bottom: 40px;
}
ul.sprtManualList li p {
  display: inline-block;
  vertical-align: middle;
}
ul.sprtManualList li a.tagBtn div {
  height: 50px;
  width: 50px;
}
ul.sprtManualList li a.tagBtn.chevronRight div:before {
  font-size: 16px;
  line-height: 34px;
}
ul.sprtManualList li a.tagBtn p {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}
ul.sprtManualList li a.tagBtn:hover p {
  color: #00b9bf;
  transition: 0.5s;
}
div.sprtFaqArea {
  height: 550px;
}
div.sprtFaqArea div.blueBack {
  height: 550px;
  color: #ffffff;
  background-color: #00b9bf;
  width: 100%;
  position: absolute;
  left: 0;
}
div.sprtFaqArea div.sprtFaqDiv {
  display: inline-block;
  width: 320px;
  margin: 0 70px;
  text-align: center;
  vertical-align: top;
}
div.sprtFaqArea div.sprtFaqDiv p.lbl {
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}
div.sprtFaqArea div.sprtFaqDiv div {
  height: 330px;
}
div.sprtFaqArea .btnSprtFaq {
	width: 250px;
	height: 40px;
	text-align: center;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	margin: 20px auto;
}
div.sprtFaqArea .btnSprtFaq a {
  color: #4d4d4d;
  height: 100%;
  width: 100%;
  text-decoration: none;
  display:block;
  padding-top:2px;
}
div.sprtFaqArea .btnSprtFaq:hover {
  border: 2px solid #009499;
  color: #009499;
  transition: 0.5s;
}
div.sprtFaqArea .btnSprtFaq:hover a {
  color: #009499;
  transition: 0.5s;
}
div.sprtFaqArea .btnSprtFaqAll {
  width: 300px;
  height: 50px;
  text-align: left;
  border: 2px solid #ffffff;
  background-color: #00b9bf;
  margin: 20px auto;
}
div.sprtFaqArea .btnSprtFaqAll a {
  color: #ffffff;
  font-size: 24px;
  height: 100%;
  width: 100%;
  text-decoration: none;
  margin: 0;
  vertical-align: text-top;
  display:block;
}
div.sprtFaqArea .btnSprtFaqAll a span {
  display:inline-block;
  padding-top:6px;
  padding-left:20px;
}
div.sprtFaqArea .btnSprtFaqAll a:after {
  content: "\f054";
  font-family: FontAwesome;
  color: #ffffff;
  position: relative;
  float: right;
  top: 8px;
  right: 15px;
}
div.sprtFaqArea .btnSprtFaqAll:hover {
  background-color: #ffffff;
  transition: 0.5s;
}
div.sprtFaqArea .btnSprtFaqAll:hover a {
  color: #00b9bf;
  transition: 0.5s;
}
div.sprtFaqArea .btnSprtFaqAll:hover a:after {
  color: #00b9bf;
  transition: 0.5s;
}
p.contactComment {
  font-size: 24px;
  margin: 0 auto;
  width: 770px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .sprtMenu div p.lnkBtn.man a:after {
    top: -12px;
  }
  .sprtMenu div p.lnkBtn {
    height: auto;
    width: auto;
  }
  .sprtMenu div p.lnkBtn.man,
  .sprtMenu div p.lnkBtn.faq {
    margin-bottom: 100px;
  }
  .sprtMenu div p.lnkBtn.faq a,
  .sprtMenu div p.lnkBtn.contact a {
    padding-top: 11px;
  }
  ul.sprtManualList {
    margin-top: 48px;
  }
  ul.sprtManualList li {
    width: 48%;
  }
  ul.sprtManualList li a.tagBtn p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
  }
  div.sprtFaqArea div.sprtFaqDiv {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: center;
    vertical-align: top;
  }
  div.sprtFaqArea div.blueBack {
    height: auto;
    color: #ffffff;
    background-color: #00b9bf;
    width: 100%;
    position: initial;
  }
  div.sprtFaqArea {
    height: auto;
  }
  div.sprtFaqArea div.sprtFaqDiv div {
    height: auto;
  }
  div.sprtFaqArea .btnSprtFaqAll {
    height: 44px;
  }
  div.sprtFaqArea .btnSprtFaq a {
    padding-top: 4px;
  }
  div.sprtFaqArea .btnSprtFaq a,
  div.sprtFaqArea .btnSprtFaqAll a {
    vertical-align: middle;
  }
  div.sprtFaqArea .btnSprtFaqAll a:after {
    top: 10px;
  }
  div.sprtFaqArea .btnSprtFaqAll a span {
    padding-top:7px;
  }
  p.contactComment {
    font-size: 20px;
    width: 100%;
    margin: 0 auto 48px;
  }
  ul.sprtManualList li a.tagBtn div {
    height: 45px;
    width: 45px;
  }
  ul.sprtManualList li a.tagBtn.chevronRight div:before {
    line-height: 42px;
  }
  .sprtPage .sprtManualMt {
    margin-top: 145px;
  }
  .sprtPage .sprtContactMt {
    margin-top: 95px;
  }
  .sprtPage .sprtFaqMt {
    margin-top: 135px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div#faq h3.faqTop {
  padding-top: 25px;
}
/* ▼タブ(共通装飾＋非選択状態の装飾) */
.tab {
  display: inline-block;          /* インラインブロック化 */
  border-width: 1px 1px 0px 1px;  /* 上側と左右に枠線を引く */
  border-style: solid;            /* 枠線の種類は「実線」 */
  border-color: #00b9bf;            /* 枠線の色は「黒」 */
  border-radius: 2px 2px 0px 0px;  /* 左上と右上の角だけを丸くする */
  padding: 0.3em 2em;            /* 内側の余白量 */
  font-weight: bold;              /* タブの文字を太字にする */
  color: #00b9bf;                   /* タブの文字色：黒色 */
  background-color: #ffffff;      /* タブの(非選択状態の)背景色：灰色 */
  font-size: 24px;
  letter-spacing: 6px;
}
/* ▼タブにマウスポインタが載った際の装飾 */
.tab:hover {
  color: #009499;                /* タブの文字色：緑色 */
  background-color: #ffffff;   /* タブの背景色：淡い緑色 */
  cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
}
/* ▼選択状態のタブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */
input:checked + .tab {
  color: #ffffff;                  /* タブの文字色：赤色 */
  background-color: #00b9bf;   /* タブの背景色：淡い黄色 */
  font-size: 24px;
  letter-spacing: 6px;
}
/* ▼タブ機能を制御するラジオボタン(非表示にする) */
.tabbox input {
  display: none; 
}
/* ▼タブの中身(共通装飾＋非選択状態の装飾) */
.tabcontent {
  display: none;             /* 標準では非表示にする */
  border: 1px solid #00b9bf;   /* 枠線を引く：黒色で1ピクセルの実線 */
  padding: 3em 1em;              /* 内側の余白量 */
  background-color: #00b9bf; /* 背景色：淡い黄色(※選択中のタブの背景色と合わせます) */
  color: #ffffff;
  height: 400px;
}
/* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
#tabcheck1:checked ~ #tabcontent1 { display: block; }
#tabcheck2:checked ~ #tabcontent2 { display: block; }
#tabcheck3:checked ~ #tabcontent3 { display: block; }
/* FAQページのカテゴリボタン */
.btnArea.faqbtn .lnkBtn.btnMedium {
    border: 2px solid #ffffff;
    width: 210px;
    margin: 16px 24px;
    border-radius: 2px;
}
.btnArea.faqbtn .lnkBtn.btnMedium a {
    font-size: 16px;
    text-align: center;
    padding: 26px 0;
    font-weight: 200;
}
.btnArea.faqbtn .lnkBtn.btnMedium a:after {
    display: none;
}
.btnArea.faqbtn .lnkBtn.btnMedium:hover {
    background: #ffffff;
    border: 2px solid #009499;
    border-collapse: collapse;
}
.btnArea.faqbtn .lnkBtn.btnMedium a:hover {
  color: #009499;
}
dl {
  text-align: left;
}
#faq dl {
  margin-bottom: 5em;
}
dl dt,
dl dd {
  position: relative;
  padding: 0 0 0 60px;
}
dl dt {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
}
dl dd {
  padding-top: 5px;
  line-height: 1.5;
  margin-top: 30px;
}
dl dt:before,
dl dd:before {
  display: block;
  position: absolute;
  left: 0;
  top: -8px;
  font-size: 33px;
  font-weight: normal;
  color: #ffffff;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  top: initial;
}
dl dt:before {
  content: "Q";
  background: #363937;
  border-radius: 2px;
  top: 0px;
}
dl dd:before {
  content: "A";
  background: #00b9bf;
  border-radius: 2px;
  top: 0px;
}

/* Responsive Style */
/* タブレット縦、iPhone 7/6 Plus横 */
@media screen and (min-width: 641px) and (max-width: 770px) {
  #faq {
    margin: 0;
  }
}
@media screen and (max-width: 770px) {
  div#faq h3.faqTop {
    padding-top: 0;
  }
  #faq .contents,
  #faq .contactBtn .btnArea {
    margin: 0 auto;
  }
  #faq .areaMedium dt {
    font-size: 16pt;
    font-weight: 500;
  }
  #faq .areaMedium dd {
    font-size: 12pt;
  }
  #faq .areaMedium dt::before,
  #faq .areaMedium dd::before {
    font-size: 18pt;
  }
  dl dt:before, dl dd:before {
    width: 28pt;
    height: 28pt;
  }
  #faq .tab {
    padding: 0.1em 1.5em;
    letter-spacing: 0;
    font-weight: normal;
  }
  .tabcontent {
    height: auto;
    font-size: 16pt;
    padding: 2em 1em;
  }
  .btnArea.faqbtn {
    margin: 1em auto;
  }
  .btnArea.faqbtn .lnkBtn.btnMedium {
    width: 86pt;
  }
  .btnArea.faqbtn .lnkBtn.btnMedium a {
    font-size: 16pt;
    height: 60pt;
    padding: 15px 0;
  }
  .btnArea.faqbtn .lnkBtn.btnMedium a.otherBtn{
    padding: 30pt 0;
    height: 60pt;
  }
}
/* PDFファイル専用の要素は表示しない。 */
div#faq .print {
  display: none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　機能一覧ページ固有設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.zeroFunctionList {
  list-style: none;
  text-align: left;
}
.zeroFunctionList li {
  width: 230px;
  display: inline-block;
  margin-bottom: 30px;
}
.zeroFunctionList li p {
  display: inline-block;
}
.zeroFunctionList li p:nth-child(2) {
  margin-left: 10px;
  width: 150px;
  font-size: 24px;
}
.zeroFunctionList li:hover p:nth-child(2) {
  color: #00b9bf;
}
.zeroFunctionPage div.available {
  width: 780px;
  margin: 0 auto;
  padding: 0;
}

table.functionDetail {
  border-spacing: 0 20px;
}
table.functionDetail tr td {
  height: 70px;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  color: #4d4d4d;
  padding-top: 10px;
  padding-bottom: 10px;
}
table.functionDetail tr td:nth-child(1) {
  width: 140px;
  padding-left: 10px;
  border-right: 10px solid #009499;
  background-color: #00b9bf;
}
table.functionDetail tr td:nth-child(2) {
  width: 640px;
  padding-left: 20px;
}
table.functionDetail tr td:nth-child(1) {
  color: #ffffff;
}
.functionImg {
  width: 460px;
  margin: 60px 0;
  border: 1px solid #cccccc;
  position: relative;
  z-index: 999;
}
div.zeroFunctionPage div.appInfo div {
  display: inline-block;
  vertical-align: top;
}
div.zeroFunctionPage div.appInfo div:nth-child(1) {
  width: 200px;
  padding-right: 40px;
}
div.zeroFunctionPage div.appInfo div:nth-child(2) {
  width: 450px;
}
div.zeroFunctionPage div.appInfo img.appImg01 {
  max-width: 150px;
  max-height: 300px;
}
div.zeroFunctionPage div.appInfo img.appImg02 {
  width: 95px;
  position: relative;
  left: -175px;
}
div.zeroFunctionPage ul.profileList li {
  text-align: left;
  display: inline-block;
  font-weight: normal;
}
div.zeroFunctionPage ul.profileList li:nth-child(3n+1) {
  width: 240px;
}
div.zeroFunctionPage ul.profileList li:nth-child(3n+2) {
  width: 240px;
}
div.zeroFunctionPage ul.profileList li:nth-child(3n) {
  width: 150px;
}
div.functionImgBox {
  position: relative;
}
div.functionImgBox img.functionImg:hover {
  -webkit-transform: scale(2);
  transform: scale(2);
  box-shadow: 5px 5px 10px #777777;
  transition: 0.5s;
}
/*
div.functionImgBox:hover p.largerImage {
  display: none;
}
*/
.largerImage {
  position: absolute; 
  bottom: 28px;
  right: 165px;
  font-size: 24px;
  z-index: 9999;
}
.largerImage:after {
  content: "\f00e";
  font-family: FontAwesome;
  position: relative;
  float: right;
  bottom: 15px;
}
.pageLnk h3{
  padding-top: 145px;
  margin-top: -145px;
}

@media screen and (max-width: 770px) {
  div.zeroFunctionPage div.appInfo div:nth-child(2) {
    width: 100%;
  }
  div.zeroFunctionPage div.appInfo img.appImg02 {
    left: -120px;
  }
  .zeroFunctionList li p:nth-child(2) {
    width: auto;
    font-size: 18px;
  }
  .zeroFunctionList li {
    width: 49%;
  }
  .zeroFunctionList {
    list-style: none;
    width: 100%;
    text-align: left;
  }
  div.functionImgBox img.functionImg:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
    transition: none;
  }
  .functionImg {
    width: 100%;
    height: auto;
  }
  div.functionImgBox p.largerImage {
    display: none;
  }
  table.functionDetail {
    border-spacing: 0 10px;
  }
  .zeroFunctionPage div.available {
    width: 100%;
  }
  div.zeroFunctionPage div.appInfo div:nth-child(1) {
    padding-right: 0;
  }
  table.functionDetail tr td:nth-child(1) {
    width: 30%;
  }
  table.functionDetail tr td:nth-child(2) {
    padding-left: 10px;
  }
  ul.profileList {
    text-align: left;
  }
  div.zeroFunctionPage ul.profileList li {
    width: 49%;
  }

  div.zeroFunctionPage div.appInfo div:nth-child(2) {
    padding-top: 15px;
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 640px) { 
 .zeroFunctionPage .fnKarteMt {
    margin-top: 145px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.departmentList {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
table.departmentList th {
  background-color: #cccccc;
  padding: 8px;
}
table.departmentList tr th:nth-child(1) {
  width: 30%;
  border-left: none;
  border-right: 1px solid #ffffff;
}
table.departmentList tr th:nth-child(2),
table.departmentList tr th:nth-child(3) {
  width: 15%;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
table.departmentList tr th:nth-child(4) {
  width: 40%;
  border-right: 1px solid #ffffff;
}
table.departmentList th span {
  font-size: 12px;
}
table.departmentList tr td {
  border: 1px solid #cccccc;
  padding: 5px;
}
table.departmentList tr td:nth-child(1),
table.departmentList tr td:nth-child(4) {
  text-align: left;
}
div.zeroDepartmentPage div.notice {
  margin: 24px auto;
}
div.zeroDepartmentPage div.notice p {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
  font-size: 14px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  table.departmentList th span {
    font-size: 9px;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.zeroConnectList {
  list-style: none;
  text-align: left;
}
.zeroConnectList li {
  width: 230px;
  display: inline-block;
  margin-bottom: 30px;
}
.zeroConnectList li p {
  display: inline-block;
}
.zeroConnectList li p:nth-child(2) {
  margin-left: 10px;
  width: 150px;
  font-size: 24px;
}
.zeroConnectList li:hover p:nth-child(2) {
  color: #00b9bf;
  transition: 0.5s;
}
div.zeroConnectPage .method div {
  width: 300px;
  height: 215px;
  background-color: #eeeeee;
  margin: auto 5px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
div.zeroConnectPage p.method1,
div.zeroConnectPage p.method2,
div.zeroConnectPage p.method3 {
  font-size: 24px;
  line-height: 0;
}
div.zeroConnectPage p.method1 {
  color: #f06292;
}
div.zeroConnectPage p.method2 {
  color: #58be89;
}
div.zeroConnectPage p.method3 {
  color: #00b9bf;
}
div.method div p.methodExp {
  line-height: 24px;
}
div.method div p.methodHeed {
  font-size: 12px;
  color: #777777;
  margin: 0;
  line-height: 15px;
}
div.zeroConnectPage div.method4 {
  padding: 15px;
  background-color: #eeeeee;
  border-radius: 2px;
  margin-bottom: 60px;
}
ul.connectList {
  list-style: none;
  vertical-align: top;
}
ul.connectList li p {
  display: inline-flex;
}
ul.connectList li p:first-child {
  margin-right: 15px;
  color: #777777;
  width: 280px;
}
ul.connectList li p:last-child {
  text-align: left;
  margin-left: 15px;
  width: 280px;
}

div.zeroConnectPage div.contactMsg div {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  margin: auto 30px;
}
div.zeroConnectPage div.contactMsg div p:first-child {
  font-size: 24px;
  text-align: center;
}
div.zeroConnectPage span.new {
  background-color: #00b9bf;
  color: #ffffff;
  padding: 0 5px;
  font-weight: 700;
  border-radius: 2px;
  line-height: 31px;
  margin-right: 8px;
}
div.zeroConnectPage div.specInfo {
  background-color: #e8ffff;
  padding: 20px 60px;
  border-radius: 3px;
  margin: 100px auto;
}
div.zeroConnectPage div.specInfo p {
  font-size: 18px;
  margin: 0;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .zeroConnectList li {
    width: 49%;
  }
  div.zeroConnectPage .method div {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    margin-bottom: 25px;
  }
  div.zeroConnectPage div.contactMsg div {
    width: auto;
    margin: auto 15px;
  }
  ul.connectList li p:first-child {
    text-align: left;
    margin-right: 15px;
    color: #4d4d4d;
    width: 100%;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 400;
  }
  ul.connectList li p:last-child {
    text-align: left;
    margin-left: 15px;
    width: 100%;
  }
  div.zeroConnectPage span.new {
    line-height: 23px;
  }
  div.zeroConnectPage div.specInfo {
    padding: 20px;
    margin: 80px auto;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



/*フロントページに設置のリンクボタン*/
.LinkScrn.pc {
  display: block;
  margin-top: 40px;
  width: 370px;
}

.LinkScrn.pc.lnkBtn a:after {
  top: 7px;
}

.LinkScrn.sp {
  display: none;
}

@media screen and (min-width:0px) and (max-width:640px) {
  .LinkScrn.pc {
    display: none;
  }
  .LinkScrn.sp {
    display: block;
    /*margin: 40px 20px 0 20px;*/
    margin-top: 50px;
  }
  .LinkScrn.sp.lnkBtn a:after {
    top: 7px;
    left: 3px;
  }
}

.zeroScreenPage {
  margin-bottom: 100px;
}

.zeroScreenPage div.contents{
  width: 960px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 30px;
}

ul.zeroScreenList > li > a {
  display: inline-block;
}

.zeroScreenPage div.boxicon {
  color: #00b9bf;
  font-size: 28px;
  background-color: #ffffff;
  font-weight: 200;
  margin: 0;
  border: 1px solid #00b9bf;
}

.zeroScreenPage div.boxicon:hover {
  color: #ffffff;
  background-color: #00b9bf;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.zeroScreenPage div.boxicon .listText {
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
  /*-webkit-align-items: stretch;*/
  /*align-items: stretch;*/
  padding-top: 35px;
  position: relative;
}

.zeroScreenPage div.boxicon .listText::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  bottom: -37px;
  left: 58px;
  font-size: 40px;
}

/*contents*/
.zeroScreenPage .scrnWrap {
  background: -moz-linear-gradient(top, #ffffff, #F8F7F6);
  background: -webkit-linear-gradient(top, #ffffff, #F8F7F6);
  background: linear-gradient(top, #ffffff, #F8F7F6);
}



.zeroScreenPage h3 {
  display: block;
  text-align: left;
  margin-bottom: 0;
  letter-spacing: .5rem;
  padding-top: 150px;
  margin-top: -150px;
}

.zeroScreenPage h3#screenStep1,
.zeroScreenPage h3#screenStep2,
.zeroScreenPage h3#screenStep3 {
}

.zeroScreenPage h3::before,
.zeroScreenPage h3::after {
  content: none;
}

.zeroScreenPage .scrnWrap .scrnCnt {
  display: flex;
  width: 960px;
  margin: 0 auto;
  padding: 70px 10px;
}

.zeroScreenPage .scrnWrap .leftIcon {
  display: inline-block;
  margin-right: 40px;
  background: linear-gradient(to top, #00b9bf, #00b9bf) repeat-y center/1px;
}

.zeroScreenPage .scrnWrap .leftIcon img {
  width: 75px;
  height: 75px;
}

.zeroScreenPage .scrnWrap .rightCnt img {
  width: 100%;
}

.zeroScreenPage .scrnWrap .rightCnt .screenSection {
  margin-bottom: 100px;
}

.zeroScreenPage .scrnWrap .rightCnt .scrnHeading > img {
  display: none;
}


@media screen and (max-width:640px) {
  .zeroScreenPage .mb1em {
    margin-bottom: 1.5em;
  }
  .zeroScreenPage p.caption {
    margin: 0;
  }
  .zeroScreenPage {
    margin: 32px 0;
  }
  .zeroScreenPage div.contents {
    margin-bottom: 70px !important;
  }
  .zeroScreenPage div.boxicon {
    width: 80px;
    height: 80px;
  }
  .zeroScreenPage ul.zeroScreenList {
    display: inline-block;
  }
  .zeroScreenPage div.boxicon .listText {
    padding-top: 15px;
    font-size: 20px;
  }
  .zeroScreenPage div.boxicon .listText::after {
    bottom: -26px;
    left: 30px;
    font-size: 30px;
  }
  .zeroScreenPage .scrnWrap .scrnCnt {
    width: 100%;
    padding: 0 20px 35px 20px;
    margin-bottom: 35px;
  }
  .zeroScreenPage h3 {
    padding-top: 80px;
    margin-top: -76px;
  }
  .zeroScreenPage .scrnWrap .leftIcon {
    display: none;
  }
  .zeroScreenPage .scrnWrap .rightCnt .scrnHeading {
    display: flex;
  }
  .zeroScreenPage .scrnWrap .rightCnt .scrnHeading > img {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  .zeroScreenPage .scrnWrap .rightCnt .screenSection {
    margin-bottom: 55px;
  }

}

/*---追記分ここまで--*/

ul.zeroScreenList {
  list-style: none;
  /*text-align: left;*/
  text-align: center;
}
ul.zeroScreenList li {
  /*width: 230px;*/
  width: 140px;
  display: inline-block;
  margin: 0 25px 30px 25px;
}
@media screen and (max-width:640px) {
  ul.zeroScreenList li {
    margin: 45px 7px 0 7px;
  }
}

ul.zeroScreenList li p {
  display: inline-block;
  vertical-align: middle;
}
ul.zeroScreenList li p:nth-child(2) {
  margin-left: 10px;
  width: 150px;
  font-size: 24px;
}
ul.zeroScreenList li a.tagBtn p {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  width: auto;
}
ul.zeroScreenList li a.tagBtn:hover p {
  color: #00b9bf;
  transition: 0.5s;
}
div.zeroScreenPage div.hdrMargin {
  margin-bottom: 100px;
}
div.zeroScreenPage .stepSlider {
  width: 820px;
  margin: auto;
}
div.zeroScreenPage .slick-initialized .slick-slide {
  outline: none;
}
.stepSliderItem ul li img {
  width: 100%;
  border-radius: 2px;
}
div.zeroScreenPage .stepSliderNav {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
div.zeroScreenPage div.stepSliderNav div.slick-list {
  margin-top: 0px;
  height: 136px;
}
.exSliderView {
  margin-top: 0;
  position: absolute;
  padding: 10px 20px;
  background-color: #009499;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  width: 100%;
}
@media screen and (min-width:641px) {
  div.stepSliderItem li.slick-slide div.exSliderView {
    bottom: -250px;
    transition: 0.5s;
  }
  div.stepSliderItem li.slick-slide:hover div.exSliderView {
    bottom: 0px;
    transition: 0.5s;
  }
}
div.exSliderView p {
  line-height: 24px;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}
div.exSliderView p.label {
  font-weight: 500;
}
div.stepSliderNav ul li img {
  max-width: 220px;
  position: relative;
  top: 3px;
  border: 1px solid rgba(255,255,255,0);
  border-radius: 2px;
}
div.stepSliderNav ul li img:hover {
  filter:alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
  transition: 0.5s;
  border: 1px solid #00b9bf;
}
div.stepSliderNav li.slick-current img {
  box-shadow: 0 8px 15px #363937;
  z-index: 999;
  position: relative;
  top: 0px;
}
p.sliderViewInfo {
  font-size: 14px;
  color: #777777;
  text-align: center;
}
@media screen and (min-width:0px) and (max-width:640px) {
  ul.zeroScreenList li {
    /*width: 48%;*/
    width: inherit;
  }
  ul.zeroScreenList li a.tagBtn p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
  }
  div.zeroScreenPage div.hdrMargin {
    margin-bottom: 60px;
  }
  div.zeroScreenPage .youtubeArea {
    margin-bottom: 100px;
  }
  div.zeroScreenPage .stepSlider {
    width: auto;
  }
  div.exSliderView {
    padding: 10px 10px;
  }
  div.exSliderView p {
    line-height: 20px;
    font-size: 14px;
  }
  div.zeroScreenPage div.stepSliderNav div.slick-list {
    height: 18vw;
  }
  div.stepSliderItem li.slick-slide div.exSliderView.invisible {
    bottom: -250px;
    transition: 0.5s;
  }
  div.stepSliderItem li.slick-slide div.exSliderView.visible {
    bottom: 0px;
    transition: 0.5s;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.btnArea.entry {
    margin: 16px auto;
}
.contents .btnArea.entry p.lnkBtn.btnMedium {
  border: none;
}
.contents .btnArea.entry p.lnkBtn.btnMedium a {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background: #f06449;
    border-radius: 2px;
    box-shadow: 0px 2px 1.8px 0.2px rgba(0, 0, 0, 0.35);
    border :1px solid #f06449;
}
.contents .btnArea.entry p.lnkBtn.btnMedium a:hover {
    background-color: #fe937f;
    border: 1px solid #fe937f;
}
.contents .btnArea.entry p.lnkBtn.btnMedium a:after {
    display: none;
}
p.entryListText {
  color: #777777;
  font-size: 14px;
  text-align: center;
  margin: 20px auto 0;
  width: 480px;
}

@media screen and (max-width: 770px) {
  p.entryListText {
    width: 100%;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.homecareImgBox {
  position: relative;
}
div.homecareImgBox img.homecareImg {
  padding-top: 0 !important;
  z-index: 1;
  position: relative;
}
div.homecareImgBox:hover img.homecareImg {
  box-shadow: 5px 5px 10px #777777;
  transition: 0.5s;
  z-index: 99;
}
div.homecareImgBox:hover img.homecareImg.R {
  -webkit-transform: scale(2) translateX(-108px);
  transform: scale(2) translateX(-108px);
}
div.homecareImgBox:hover img.homecareImg.L {
  -webkit-transform: scale(2) translateX(108px);
  transform: scale(2) translateX(108px);
}
div.homecareImgBox:hover p.largerIcon {
  display: none;
}
.largerIcon {
  position: absolute; 
  bottom: -30px;
  right: 10px;
  font-size: 24px;
  z-index: 9999;
}
.largerIcon:after {
  content: "\f00e";
  font-family: FontAwesome;
  position: relative;
  float: right;
  bottom: 15px;
  z-index: 9999;
}
 @media screen and (max-width: 770px) {
   .largerIcon:after {
     display: none;
   }
   .homecareImgBox img.homecareImg, 
   div.homecareImgBox:hover img.homecareImg, 
   div.homecareImgBox:hover img.homecareImg.R, 
   div.homecareImgBox:hover img.homecareImg.L {
     pointer-events: none;
   }
 }


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　横幅100%なページ固有設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div#container.wd100 {
  width: 100%;
  padding: 0;
}
.wd100 #header {
  margin: 0;
}
.wd100 #header img {
  width: 100%;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.planeTextArea.fullPage pre {
  font-size: 16px;
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
  text-align: left;
  color: #4d4d4d;
  font-weight: normal;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 　非活性リンク
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.noEvent {
  pointer-events: none;
}
.lnkBtn.noEvent {
  border-color: #cccccc !important;
  color: #cccccc !important;
}
.lnkBtn.noEvent a {
  pointer-events: none !important;
  color: #cccccc !important;
}
.lnkBtn.noEvent:hover a {
  pointer-events: none !important;
  color: #cccccc !important;
  background-color: #ffffff;
  transition: none;
}
p.lnkBtn.btnLarge.noEvent:before {
    content: "coming soon!";
    position: absolute;
    color: #777777;
    z-index: 999;
    font-size: 24px;
    margin: 9px 140px;
}
p.lnkBtn.btnMedium.noEvent:before {
    content: "coming soon!";
    position: absolute;
    color: #777777;
    z-index: 999;
    font-size: 24px;
    margin: 9px 50px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
   ダウンロード関連ページの設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.dlPageTitle {
  margin-top: 100px;
}
div.download div.areaMedium p {
  text-align: center;
}
div.download div.dllist ul li span:first-child {
  margin-right: 8px;
}
div.download div.dllist ul li span.filesize {
  font-size: 14px;
}
div.download .filesize:before {
  content: '(ファイルサイズ：';
}
div.download .filesize:after {
  padding-left: 8px;
}
div.download .filesize.M:after {
  content: 'MB)';
}
div.download .filesize.K:after {
  content: 'KB)';
}
div.adobeDlInfo {
  border-top: 1px solid #cccccc;
}
#container div.contents.adobeDlInfo div.textLink {
  text-align: center;
  margin-top: 0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
   
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
table.freeList {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-top: 60px;
}
table.freeList tr th {
  height: 133px;
  vertical-align: middle;
  border: 1px solid #cccccc;
}
table.freeList tr th:nth-child(1) {
  width: 30%;
}
table.freeList tr th:nth-child(1) img {
  max-width: 110px;
}
table.freeList tr th:nth-child(2) {
  width: 35%;
  background-color: #00b9bf;
  color: #ffffff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
}
table.freeList tr th:nth-child(3) {
  width: 35%;
  background-color: #e8ffff;
  font-size: 18px;
}
table.freeList tr td {
  height: 80px;
  vertical-align: middle;
  border: 1px solid #cccccc;
}
table.freeList tr td:nth-child(1) {
  background-color: #e8ffff;
}
table.freeList tr td:nth-child(2) {
  font-size: 24px;
  font-weight: 700;
  color: #f06292;
}
ul.exList {
  width: 100%;
  list-style: none;
  text-align: left;
  margin-top: 80px;
}
ul.exList li {
  vertical-align: middle;
  margin-bottom: 50px;
}
ul.exList li img {
  max-width: 75px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 15px;
  float: left;
}
ul.exList li p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  max-width: 500px;
  display: inline-block;
}
ul.exList li div {
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
  max-width: 500px;
  display: inline-block;
}
table.compList {
  width: 100%;
  max-width: 780px;
  text-align: center;
  border-collapse: collapse;
  margin: 60px auto 0;
}
table.compList tr th {
  height: 80px;
  vertical-align: middle;
  border: 1px solid #cccccc;
}
table.compList tr th {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}
table.compList tr th:nth-child(1) {
  width: 26%;
}
table.compList tr th:nth-child(2) {
  width: 37%;
  background-color: #00b9bf;
  color: #ffffff;
}
table.compList tr th:nth-child(3) {
  width: 37%;
  background-color: #e8ffff;
}
table.compList tr td {
  height: 80px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  padding: 10px;
}
table.compList tr td:nth-child(1) {
  background-color: #e8ffff;
}

@media screen and (min-width:0px) and (max-width:640px) {
  table.freeList,
  ul.exList,
  table.compList {
    margin-top: 40px;
  }
  table.freeList tr th {
    height: auto;
    padding: 10px 0;
  }
  table.freeList tr th:nth-child(1) img {
    width: 70%;
  }
  table.freeList tr th:nth-child(2) {
    font-size: 20px;
    line-height: 20px;
  }
  ul.exList li img {
    width: 42px;
    margin-top: 0;
  }
  table.compList tr th:nth-child(2) {
    font-size: 20px;
    font-weight: 900;
  }
  table.compList tr td {
    padding: 5px;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
ul.aboutList,
ul.datacnvInfo {
  list-style: none;
  width: 100%;
}
ul.aboutList li {
  display: inline-block;
  vertical-align: top;
  width: 430px;
  margin: 0 19px;
}
ul.aboutList li img {
  width: 100%;
  height: auto;
}
table.convItemList {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.convItemList td {
  width: 235px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0 25px;
  border: 1px solid #777777;
}
body.dataconvert div.notes {
  background-color: #eeeeee;
  border-radius: 2px;
  padding: 10px 25px;
}
body.dataconvert div.notes p {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
ul.datacnvInfo li {
  display: inline-block;
  vertical-align: bottom;
  width: 460px;
  margin: 0 4px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  ul.aboutList li,
  ul.datacnvInfo li {
    width: 100%;
    margin: 0;
  }
  ul.aboutList li img {
    width: 70%;
    margin-top: 10px;
  }
  body.dataconvert .orcaUrl {
    font-size: 10px;
  }
  table.convItemList td {
    width: 50%;
    height: auto;
    padding: 0 2px;
  }
  body.dataconvert div.notes {
    padding: 5px;
  }
  ul.datacnvInfo li:nth-child(2) {
    margin: 25px 0;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
   
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body.install div.installH2 {
  margin-bottom: 20px;
}
body.install div.installH2 h2 {
  font-size: 60px;
}
body.install h3 {
  margin-bottom: 0;
}
body.install h3::before,
body.install h3::after {
  content: none;
}


/**/
body.install .introductionStep {
  display: flex;
  margin-bottom: .5em;
}
body.install .installContents {
  margin: 0 auto 70px;
}
body.install .introductionStep .steps img {
  width: 214px;
  height: auto;
}
body.install .introductionStep .stepArrow img {
  width: 100%;
  height: auto;
  padding-top: 217px;
}
body.install .introductionStep .steps {
  height: 510px;
  background-color: #ffa000;
}

body.install .introductionStep .steps a.whiteBtn,
body.install .introductionStep .steps a.orangeBtn01,
body.install .introductionStep .steps a.orangeBtn02 {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  width: 170px;
  height: 65px;
  margin-top: 14px;
  border-radius: 34px;
  transition: .3s;
}
body.install .introductionStep .steps a.whiteBtn {
  color: #ffa000;
  font-size: 20px;
  line-height: 50px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
body.install .introductionStep .steps a.orangeBtn01 {
  color: #ffffff;
  font-size: 16px;
  line-height: 50px;
  border: 2px solid #ffffff;
}

body.install .introductionStep .steps a.orangeBtn02 {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  border: 2px solid #ffffff;
  padding-top: 3px;
}
body.install .introductionStep .steps a.whiteBtn:hover {
  background-color: #FF6600;
  border: 2px solid #ffffff;
  color: #ffffff;
}


body.install .introductionStep .steps a.whiteBtn::after,
body.install .introductionStep .steps a.orangeBtn01::after,
body.install .introductionStep .steps a.orangeBtn02::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  bottom: -11px;
  left: 74px;
  font-size: 36px;
  font-weight: 100;
}
body.install .introductionStep .steps a.orangeBtn02::after {
  bottom: -1px;
}
body.install .introductionStep .steps ul {
  list-style: none;
  height: 112px;
}
body.install .introductionStep .steps ul li {
  text-align: left;
}

body.install .introductionStep .steps ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 15px;
  height: 28px;
  padding: 2px 0px 2px 30px;
}

body.install .introductionStep .steps a:hover {
  background-color: #FF6600;
  transition: .3s;
}
body.install p.caution {
  margin: 0;
  line-height: 1.5;
}

body.install .cooperationStep img {
  width: 100%;
}


body.install .karteFlow {
  width: 100%;
  max-width: 770px;
  margin: 50px auto;
}
table.karteFlow td.karteFlowLink {
  padding-bottom: 50px;
}
table.karteFlow td.karteFlowLink.last {
  padding-bottom: 25px;
}
table.karteFlow td.karteFlowText {
  text-align: left;
  vertical-align: top;
  padding-left: 30px;
  padding-bottom: 16px;
}
div.installStep div.fixedBtn {
  margin: 50px auto 0;
  width: auto;
}
div.installStep div.fixedBtn a {
    display: inline-block;
    margin-right: 12px;
    margin-left: 12px;
}
div.installStep1Trial {
  margin: 80px 0 140px 0;
}
div.installStep1Official {
  margin: 80px 0 0 0;
}
div.installStep div.table {
  display: table;
  border-collapse: collapse;
}
div.installStep div.tr {
  display: table-row;
}
div.installStep div.th {
  display: table-cell;
  border: 1px solid #cccccc;
  background-color: #e8ffff;
  width: 190px;
  vertical-align: middle;
}
div.installStep div.td {
  display: table-cell;
  border: 1px solid #cccccc;
  text-align: left;
  padding: 15px 10px;
  vertical-align: middle;
  line-height: 1.8;
}
body.install p.contactComment {
  text-align: center;
  font-size: 24px;
  color: #777777;
}
@media screen and (min-width:0px) and (max-width:640px) {
  body.install div.installH2 {
    margin-bottom: 50px;
  }
  body.install div.installH2 h2 {
    font-size: 32px;
  }
  body.install .introductionStep {
    display: block;
  }
  body.install .introductionStep .steps {
    height: auto;
    background-color: inherit;
    margin-bottom: 2em;
  }
  body.install .introductionStep .steps img {
    width: 100%;
  }
  body.install .introductionStep .steps .btnWrap {
    background-color: #ffa000;
  }
  body.install .introductionStep .steps a.whiteBtn,
  body.install .introductionStep .steps a.orangeBtn01,
  body.install .introductionStep .steps a.orangeBtn02 {
    width: 90%;
    height: 65px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body.install .introductionStep .steps a.whiteBtn::after,
  body.install .introductionStep .steps a.orangeBtn01::after,
  body.install .introductionStep .steps a.orangeBtn02::after {
    left: 50%;
    margin-left: -12px;
  }

  body.install .karteFlow {
    margin: 40px auto;
  }
  table.karteFlow td.karteFlowText {
    padding-left: 10px;
  }
  div.installStep div.fixedBtn a {
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 24px;
  }
  body.install .introductionStep .steps ul {
    padding-left: 20%;
  }
  div.installStep div.th {
    display: block;
    border-bottom: none;
    padding: 10px;
    width: 100%;
  }
  div.installStep div.td {
    display: block;
    border-top: none;
    border-bottom: none;
    padding: 10px;
  }
  div.installStep div.td.last {
    border-bottom: 1px solid #cccccc;
  }
  body.install p.contactComment {
    font-size: 16px;
    color: #4d4d4d;
  }
}

/* ページ内リンクの設定 */
p.innerLink {
  position: relative;
  width: 220px;
  text-align: center;
  height: auto;
  vertical-align: top;
  font-size: 24px;
  padding: 16px 0;
  margin: 0;
}
p.innerLink.hoverOut {
  background-color: #e8ffff;
  color: #4d4d4d;
}
p.innerLink.hoverOn {
  background-color: #00b9bf;
  color: #ffffff;
  transition: 0.5s;
}
p.innerLink::before,
p.innerLink::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
p.innerLink::before {
  left: 0;
  border-width: 0 110px 25px 0;
}
p.innerLink.hoverOut::before {
  border-right-color: #e8ffff;
}
p.innerLink.hoverOn::before {
  border-right-color: #00b9bf;
  transition: 0.5s;
}
p.innerLink::after {
  right: 0;
  border-width: 25px 110px 0 0;
}
p.innerLink.hoverOut::after {
  border-top-color: #e8ffff;
}
p.innerLink.hoverOn::after {
  border-top-color: #00b9bf;
  transition: 0.5s;
}
@media screen and (min-width:0px) and (max-width:640px) {
  p.innerLink {
    width: 100px;
    height: 70px;
    font-size: 16px;
    padding: 10px;
  }
  p.innerLink.single {
    padding-top: 27px;
  }
  p.innerLink::before {
    border-width: 0 50px 25px 0;
  }
  p.innerLink::after {
    border-width: 25px 50px 0 0;
  }
}

/* ページ内リンク 目次感 */
ul.zeroConnectList.pageLink {
  margin-top: 50px;
}
.zeroConnectList.pageLink li {
  width: 48%;
}
.zeroConnectList.pageLink div {
  width: 50px;
  height: 50px;
  font-size: 20px;
}
.zeroConnectList.pageLink li p {
  font-size: 22px;
  width: auto;
  vertical-align: middle;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .zeroConnectList.pageLink li {
    width: 100%;
    margin-bottom: 20px;
  }
  .zeroConnectList.pageLink div {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-right: 10px;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
  
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.table div.tr div.td.rowspan {
  padding: 0;
}
div.table div.tr div.td div.rowspanCell {
  display: block;
  border-top: 0;
  border-bottom: 1px solid #cccccc;
  border-left: 0;
  border-right: 0;
  padding: 15px 10px;
}
div.table div.tr div.td div.rowspanCell.last {
  border-bottom: 0;
}
.ministries {
  width: 100%;
  margin: 0 auto;
}
.ministries p {
  font-size: 24px;
  font-weight: 350;
  text-align: center;
}
.ministries ul {
  list-style: none;
  width: 100%
}
.ministries ul li {
  display: inline-block;
  margin: 0 50px;
  font-size: 24px;
  font-weight: 400;
  width: auto;
  text-align: center;
  padding: 0;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.table div.tr div.td div.rowspanCell {
    border-bottom: 0;
    padding: 15px 10px;
  }
  .ministries ul li {
    width: 176px;
    text-align: left;
    padding: 8px 0;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
  
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.aboutSSL {
  width: 100%;
  background-color: #eeeeee;
  padding: 20px;
  margin-top: 60px;
  border-radius: 2px;
}
.aboutSSL p {
  margin: 0;
}
.aboutSSL p.title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  .aboutSSL {
    padding: 10px;
    margin-top: 50px;
  }
  .aboutSSL p.title {
    font-size: 16px;
  }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
   Newフォーム
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body.page-template-form-page  div.formContents {
  margin-bottom: 80px;
}
body.page-template-form-page div.mw_wp_form .wd250 {
  width: 250px;
}
body.page-template-form-page div.mw_wp_form .wd300 {
  width: 300px;
}
body.page-template-form-page div.mw_wp_form .wd100per {
  width: 100%;
}
body.page-template-form-page div.mw_wp_form input[type='text'],
body.page-template-form-page div.mw_wp_form textarea {
  padding: 5px;
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
  font-size: 16px;
  color: #4d4d4d;
  border-radius: 3px;
  border: 1px solid #a9a9a9;
  margin: 5px;
}
body.page-template-form-page div.mw_wp_form span.mwform-radio-field {
  display: inline-block;
}
body.page-template-form-page div.mw_wp_form span.mwform-radio-field label {
  white-space: nowrap;
}
body.page-template-form-page div.mw_wp_form .horizontal-item {
  margin-right: 10px;
}
body.page-template-form-page div.mw_wp_form .horizontal-item + .horizontal-item {
  /* formデフォルトCSSの打ち消し */
  margin-left: 0;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea {
  margin-bottom: 100px;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'] {
  width: 300px;
  height: 60px;
  font-size: 24px;
  vertical-align: middle;
  margin: 5px;
  border-radius: 2px;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].confirmBtn,
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].sendBtn {
  background-color: #00b9bf;
  color: #ffffff;
  border: 3px solid #00b9bf;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].confirmBtn:hover,
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].sendBtn:hover {
  background-color: #ffffff;
  color: #00b9bf;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].backBtn {
  background-color: #cccccc;
  color: #ffffff;
  border: 3px solid #cccccc;
}
body.page-template-form-page div.mw_wp_form div.submitBtnArea input[type='submit'].backBtn:hover {
  background-color: #ffffff;
  color: #cccccc;
}
 


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
  
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
ul.questionnaireList{
  list-style: none;
  text-align: left;
}
ul.questionnaireList li {
  margin: 24px 0;
}
ul.questionnaireList li:nth-of-type(odd) {
  padding-left: 3em;
  text-indent: -3em;
}
ul.questionnaireList li:nth-of-type(even) {
  padding-left: 3em;
  margin-bottom: 36px;
}


/* Responsive Style */
/* タブレット縦、iPhone 7/6 Plus横 */
@media screen and (max-width: 770px) {
  #container .contents p.large {
    width: 90%;
  }
  #container .contents h3 {
    /* margin: 80px auto 0; */
  }
  #container .contents.next h3 {
    margin-top: 220px;
  }
  .breadcrumb {
    display: none;
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
  
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*  */
#container .printPage .print,
#container div.zeroConnectPage .print.logo,
#container div.zeroConnectPage h3.print,
#container .print.logo {
  display: none;
}

/* 目次設定
---------------------------------------------*/
div.manualPage ul.webIndex {
  list-style: none;
  text-align: left;
  margin: auto;
}
/* 目次の表示幅 */
body.basic div.manualPage ul.webIndex,
body.patient-regist div.manualPage ul.webIndex,
body.clinic-conf div.manualPage ul.webIndex,
body.patient-marge div.manualPage ul.webIndex,
body.homecare div.manualPage ul.webIndex,
body.oasc div.manualPage ul.webIndex,
body.multiple-department div.manualPage ul.webIndex,
body.karte-download div.manualPage ul.webIndex,
body.cp-set div.manualPage ul.webIndex {
  width: 190px;
}
body.statistics div.manualPage ul.webIndex,
body.reservation-order div.manualPage ul.webIndex {
  width: 200px;
}
body.reservation-time div.manualPage ul.webIndex,
body.accounting div.manualPage ul.webIndex,
body.approval div.manualPage ul.webIndex {
  width: 230px;
}
body.order-regist div.manualPage ul.webIndex {
  width: 280px;
}
body.recept div.manualPage ul.webIndex {
  width: 265px;
}
body.emr div.manualPage ul.webIndex {
  width: 215px;
}
body.free-practice div.manualPage ul.webIndex {
  width: 260px;
}

div.manualPage ul.webIndex li {
  height: 32px;
}
div.manualPage .innerLinkPoint {
  margin-top: -100px;
  padding-top: 100px;
}

/* アイコン・ボタン説明設定
---------------------------------------------*/
div.manualPage table.icon {
  width: 100%;
  margin: 30px auto;
  font-size: 16px;
}
div.manualPage table.icon th {
  padding: 10px 0;
}
div.manualPage table.icon th p {
  margin: 0;
  width: 100px;
  line-height: 1;
  text-align: center;
}
div.manualPage table.icon th p:nth-child(1) {
  font-size: 60px;
}
div.manualPage table.icon th p:nth-child(2) {
  font-size: 13px;
  padding: 0;
}
div.manualPage table.icon td {
  vertical-align: middle;
  text-align: left;
  padding-left: 30px;
  font-weight: normal;
}

/* 
---------------------------------------------*/
.manualContents {
  margin-bottom: 100px;
}
.manualPage p.majorTitle { font-size: 24px; font-weight: 600; }
.manualPage p.majorTitle span.title:before { content: ""; }
.manualPage p.majorTitle span.title:after { content: "．"; }
.manualPage p.middleTitle { font-size: 20px;  font-weight: 600; text-indent: -2em; padding-left: 2em; }
.manualPage p.middleTitle span.title:before { content: ""; }
.manualPage p.middleTitle span.title:after { content: "．"; }
.manualPage p.subTitle { font-size: 16px; text-indent: -2em; padding-left: 2em; margin-bottom: 0; margin-top: 2em; }
.manualPage p.subTitle span.title:before { content: ""; }
.manualPage p.subTitle span.title:after { content: "）"; }
.manualPage p.detailTitle { font-size: 16px; }
.manualPage p.detailTitle span.title:before { content: "（"; }
.manualPage p.detailTitle span.title:after { content: "）"; }
.manualPage p.detailItem { padding-left: 2em; margin: 0; }
.manualPage .notice { color: red; font-weight: 600; }

.manualImg {
  margin: 16px 0;
  max-width: 880px;
}
.manualBasicImg01 {
  width: 120px;
  background-color: #cccccc;
  border-radius: 5px;
}
.manualOrderRegistImg34,
.manualOrderRegistImg80 {
  border: 1px solid #cccccc;
}

.iconInText {
  font-size: large;
}
.redMarker {
  background-color: #f2cdcd;
}
.blueMarker {
  background-color: #bacbec;
}

p.practice {
  padding: 8px 15px;
  background-color: #e7c4a2;
  margin: 0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}
p.practice span.lbl {
  color: #59330d;
  font-weight: 600;
}
table.practiceList {
  padding-left: 2em;
  text-align: left;
}
table.practiceList tr td {
  padding: 0 5px;
}

@media screen and (min-width:0px) and (max-width:640px) {
  .manualImg {
    width: 100%;
    position: relative;
    left: -1em;
  }
}

@media print {
  span.printOnly.nini {
    color: #009499;
  }
}

.flow div.flowContents {
  margin-bottom: 3em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 ? 
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.zeroapp div.topImgArea img.topImg {
  width: 100%;
}
div.zeroapp div.topImgArea  div.installBtn {
  position: absolute;
  bottom: 1.5vw;
  display: table;
  right: calc(50% + 15vw);
  margin-left: 30px;
}
div.zeroapp div.topImgArea  div.installBtn div.dlBtn img {
  width: 170px;
  height: auto;
}
div.zeroapp div.topImgArea div.installBtn p.iAppStore {
  padding-bottom: 15px;
}
div.zeroapp div.topImgArea div.installBtn p.iGooglePlay {
}
div.zeroapp div.lrPosition {
  width: 960px;
  margin: auto;
  padding: 0 15px;
}
div.zeroapp div.lrPosition.height1 {
  height: 650px;
}
div.zeroapp div.lrPosition.height2 {
  height: 540px;
}
div.zeroapp div.lrPosition div.leftPosition,
div.zeroapp div.lrPosition div.rightPosition {
  display: inline-block;
  width: 425px;
  vertical-align: top;
}
div.zeroapp div.lrPosition:nth-of-type(even) div.leftPosition,
div.zeroapp div.lrPosition:nth-of-type(odd) div.rightPosition,
div.zeroapp div.howtoApp div.howto {
  float: right;
}
div.zeroapp div.lrPosition:nth-of-type(even) div.rightPosition,
div.zeroapp div.lrPosition:nth-of-type(odd) div.leftPosition,
div.zeroapp div.howtoApp div.appImg {
  float: left;
}
div.zeroapp div.lrPosition img {
  width: 425px;
}
div.zeroapp div.howtoApp div.howto,
div.zeroapp div.howtoApp div.appImg,
div.zeroapp div.howtoApp div.dlBtn p.iAppStore,
div.zeroapp div.howtoApp div.dlBtn p.iGooglePlay {
  display: inline-block;
}
div.zeroapp div.howtoApp div.dlBtn p.iAppStore {
  margin-right: 15px;
}
div.zeroapp div.howtoApp div.dlBtn p.iGooglePlay {
  margin-left: 15px;
}
div.zeroapp div.howtoApp div.howto {
  width: 600px;
}
div.zeroapp div.howtoApp div.appImg {
  width: 320px;
}
div.zeroapp div.howtoApp div.dlBtn img {
  width: 200px;
  height: auto;
}
div.zeroapp div.lrPosition div p:nth-of-type(1) {
  margin-top: 0;
}
div.zeroapp div.lrPosition div.appImg img {
  max-width: 210px;
}
div.zeroapp div.howtoApp div.howto div.btnArea {
  margin: 32px auto;
}
div.zeroapp .howtoLabel {
  font-size: 52px;
  margin-top: 0;
}


@media screen and (max-width:1000px) {
  div.zeroapp div.topImgArea div.installBtn {
    right: 50%;
  }
  div.zeroapp div.topImgArea div.installBtn p.iAppStore ,
  div.zeroapp div.topImgArea div.installBtn p.iGooglePlay {
    display: inline-block;
  }
  div.zeroapp div.topImgArea div.installBtn p.iGooglePlay {
    margin-left: 15px;
  }
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.zeroapp div.topImgArea div.installBtn {
    position: static;
    margin: 30px auto;
  }
  div.zeroapp div.lrPosition div.leftPosition,
  div.zeroapp div.lrPosition div.rightPosition,
  div.zeroapp div.lrPosition img,
  div.zeroapp div.howtoApp div.howto,
  div.zeroapp div.howtoApp div.appImg {
    width: 100%
  }
  div.zeroapp div.lrPosition:nth-of-type(even) div.leftPosition,
  div.zeroapp div.lrPosition:nth-of-type(even) div.rightPosition,
  div.zeroapp div.lrPosition:nth-of-type(odd) div.rightPosition,
  div.zeroapp div.lrPosition:nth-of-type(odd) div.leftPosition,
  div.zeroapp div.howtoApp div.howto,
  div.zeroapp div.howtoApp div.appImg {
    float: none;
  }
  div.zeroapp div.lrPosition.height1,
  div.zeroapp div.lrPosition.height2 {
    height: auto;
  }
  div.zeroapp .howtoLabel {
    font-size: 32px;
  }
  div.zeroapp div.topImgArea div.installBtn div.dlBtn p.iAppStore ,
  div.zeroapp div.topImgArea div.installBtn div.dlBtn p.iGooglePlay {
    display: inline-block;
    max-width: 170px;
    margin: auto 15px;
    padding: 0;
  }
  div.zeroapp div.topImgArea div.installBtn div.dlBtn p.iAppStore img ,
  div.zeroapp div.topImgArea div.installBtn div.dlBtn p.iGooglePlay img {
    max-width: 170px;
    width: 100%;
  }
  div.zeroapp div.howtoApp div.howto div.btnArea {
    margin: 15px;
  }
  div.zeroapp div.howto div.dlBtn {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  div.zeroapp div.howto div.dlBtn p.iAppStore ,
  div.zeroapp div.howto div.dlBtn p.iGooglePlay {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
  }
  div.zeroapp div.howto div.dlBtn p img {
    width: 170px;
    height: auto;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
 ? 
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.manfaqContents {
	margin-bottom: 150px;
}
.manfaqAreaLarge {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.manfaqAreaMedium {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.manfaqAreaSmall {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

/* キーワード検索のCSS */
div.faqSearchArea p.searchTitle {
  font-size: 24px;
  font-weight: 100;
  margin: 20px 5px;
}
div.faqSearchArea {
  margin: 0 auto 150px;
  width: 620px;
}
div.faqSearchArea .gsc-control-cse {
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}
div.faqSearchArea .cse .gsc-control-cse,
div.faqSearchArea .gsc-control-cse {
  padding: 0;
}
div.faqSearchArea .cse input.gsc-input,
div.faqSearchArea input.gsc-input {
  padding: 15px;
  width: 100%;
  background-position-x: 15px!important;
}
div.faqSearchArea .cse input.gsc-search-button,
div.faqSearchArea input.gsc-search-button {
  height: 58px;
  width: 100px;
  color: #ffffff;
  font-size: 24px;
  font-weight: normal;
}
div.faqSearchArea .cse input.gsc-search-button:hover,
div.faqSearchArea input.gsc-search-button:hover {
  border-color: #e3f2fd;
  background-color: #e3f2fd;
  transition: 0.3s;
}
/* スマホ表示設定 */
@media screen and (min-width:0px) and (max-width:640px) {
  div.faqSearchArea {
    margin: 0 auto 60px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  div.faqSearchArea .cse input.gsc-input,
  div.faqSearchArea input.gsc-input {
    padding: 10px;
    background-position-x: 10px!important;
  }
  div.faqSearchArea .cse input.gsc-search-button,
  div.faqSearchArea input.gsc-search-button {
    height: 46px;
    width: 80px;
    font-size: 20px;
  }
  div.faqSearchArea p.searchTitle {
    font-size: 20px;
  }
}

div.manualfaqPage .colerBlack { color: #4d4d4d; }
div.manualfaqPage .colerBlue { color: #3caaf7; }
div.manualfaqPage .colerLightBlue { color: #e3f2fd; }
div.manualfaqPage .colerYellow { color: #ffc107; }

div.manualfaqPage div#header {
	margin: 78px auto 80px;
}
div.manualfaqPage h2.bar {
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
div.manualfaqPage h2.bar:before,
div.manualfaqPage h2.bar:after {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  height: 10px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
div.manualfaqPage h2.bar:before {
  width: 100px;
  left: 50%;
  background-color: #3caaf7;
}
div.manualfaqPage h2.bar:after {
  width: 50px;
  left: calc(50% - 25px);
  background-color: #ffc107;
}
div.manualfaqPage h2.question {
	/*font-size: 42px;*/
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    text-indent: -63px;
    padding-left: 63px;
}

div.manualfaqPage p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  font-weight: normal;
}
div.manualfaqPage div.flatBtn p {
  font-size: 24px;
}

div.manualfaqPage div.leftList {
  display: inline-block;
  vertical-align: top;
}
div.manualfaqPage div.rightList {
  display: inline-block;
  vertical-align: top;
  margin-left: 110px;
}

div.manualfaqPage div.faqTopTitle {
  text-align: left;
  margin-bottom: 35px;
}
div.manualfaqPage div.faqTopTitle img {
  width: 32px;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;
}
div.manualfaqPage div.faqTopTitle p {
  font-size: 24px;
  display: inline-block;
}
div.manualfaqPage ul.faqTop {
  list-style: none;
  margin-left: 32px;
  margin-right: 0;
}
div.manualfaqPage.manfaqTop ul.faqTop {
  width: 380px;
}
div.manualfaqPage.manfaqCategory ul.faqTop {
  margin-left: 0;
}
div.manualfaqPage.manfaqCategory ul.faqTop,
div.manualfaqPage.manfaqDetail ul.faqTop {
  width: 100%;
}
div.manualfaqPage ul.faqTop li {
  text-align: left;
  margin-bottom: 35px;
}
div.manualfaqPage ul.faqTop li p.faqTopText {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #3caaf7;
}
div.manualfaqPage ul.faqTop li p.faqTopText a {
  text-decoration: none;
}

div.manualfaqPage ul.manfaqCatList {
  list-style: none;
  width: 100%;
  text-align: left;
}
div.manualfaqPage div.rightList ul.manfaqCatList li {
  margin: 20px 0;
  text-align: left;
}
div.manualfaqPage ul.manfaqCatList li a {
  text-decoration: none;
}
div.manualfaqPage ul.manfaqCatList li a div {
  color: #4d4d4d;
  width: 220px;
  text-align: left;
  padding: 15px;
  line-height: 1;
  border: 1px solid #363937;
}
div.manualfaqPage ul.manfaqCatList li:hover a div {
  color: #3caaf7;
  border: 1px solid #3caaf7;
  transition: 0.3s;
}
div.manualfaqPage img.manualfaqImg {
	width: 100%;
	height: auto;
	cursor: pointer;
}
div.manualfaqPage img.manualfaqImg.noimage {
	display: none;
}
div.manualfaqPage .manfaqImgQ {
  width: 48px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}
div.manualfaqPage .manfaqImgA {
  width: 24px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}
div.manualfaqPage .manfaqA {
  margin: auto;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
}
div.manualfaqPage.manfaqCategory ul.manfaqCatList li,
div.manualfaqPage.manfaqDetail ul.manfaqCatList li {
  display: inline-block;
  margin-bottom: 20px;
}
div.manualfaqPage.manfaqCategory ul.manfaqCatList li:nth-of-type(even),
div.manualfaqPage.manfaqDetail ul.manfaqCatList li:nth-of-type(even) {
  float: right;
}

@media screen and (min-width:0px) and (max-width:640px) {
	.manfaqContents {
		margin-bottom: 80px;
	}
	.manfaqAreaLarge {
		margin-left: 15px;
		margin-right: 15px;
	}
	.manfaqAreaMedium {
		margin-left: 15px;
		margin-right: 15px;
	}
	.manfaqAreaSmall {
		margin-left: 15px;
		margin-right: 15px;
	}

  div.manualfaqPage div#header {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  div.manualfaqPage h2.bar {
    font-size: 36px;
  }
  div.manualfaqPage h2.question {
	  font-size: 24px;
	  text-indent: -40px;
	  padding-left: 40px;
  }
  div.manualfaqPage .manfaqImgQ {
    width: 32px;
	margin-right: 8px;
  }

  div.manualfaqPage div.leftList {
    margin-bottom: 35px;
  }
  div.manualfaqPage div.rightList {
    margin-left: 0;
    width: 100%;
  }

  div.manualfaqPage ul.faqTop {
    width: 100%;
    margin-left: 0;
  }
  div.manualfaqPage div.faqTopTitle {
    margin-bottom: 25px;
  }
  div.manualfaqPage ul.faqTop li {
    margin-bottom: 25px;
  }
  div.manualfaqPage ul.manfaqCatList li a div {
    width: 100%;
  }

  div.manualfaqPage .manfaqImgQ {
    width: 32px;
  }
  div.manualfaqPage.manfaqCategory ul.manfaqCatList li,
  div.manualfaqPage.manfaqDetail ul.manfaqCatList li {
    display: block;
  }
  div.manualfaqPage.manfaqCategory ul.manfaqCatList li:nth-of-type(even),
  div.manualfaqPage.manfaqDetail ul.manfaqCatList li:nth-of-type(even) {
    float: none;
  }

}


/* JavaScript無効なときボタンを押せなくする */
html.enable-javascript .hideDisableJs{
  display: block;
}
.hideDisableJsMsg {
  margin-top: 80px;
}
.hideDisableJsMsg p {
  text-align: center;
  color: #777777;
}
.hideDisableJsMsg p:after {
  content: 'JavaScriptが無効になっています。有効にして画面を再表示してください。';
}
html.enable-javascript .hideDisableJsMsg{
  display: none;
}
html:not(.enable-javascript) .hideDisableJs{
  display: none;
}
html:not(.enable-javascript) .hideDisableJsMsg{
  display: block;
}




/*==================================================*/
/*  新デザインTOPCSS 既存デザインに影響が出ないか要確認 */
/*==================================================*/

/* ========== 
　打ち消し 
 ==========*/
#new-top ul li {
  list-style: none;
}

/* ========== 
　フォント
 ==========*/
/*#new-top ul li {
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}*/

/* ========== 
   共通クラス 
 ==========*/
/*文字よせ*/
#new-top .t-center {
  text-align: center;
}

#new-top .t-right {
  text-align: right;
}

#new-top .t-left {
  text-align: left;
}

/*フォント*/
.bold {
  font-weight: bold;
}

/*margin*/
#new-top .mg1em {
  margin: 1em;
}

#new-top .mg2em {
  margin: 2em;
}

#new-top .mg3em {
  margin: 3em;
}

#new-top .mb05em {
  margin-bottom: .5em;
}

#new-top .mb1em {
  margin-bottom: 1em;
}

#new-top .mb2em {
  margin-bottom: 2em;
}

#new-top .mb3em {
  margin-bottom: 3em;
}

/*padding*/
#new-top .pd0 {
  padding: 0 !important;
}


#new-top .pb1em {
  padding-bottom: 1em;
}

#new-top .pb2em {
  padding-bottom: 2em;
}

#new-top .pb3em {
  padding-bottom: 3em;
}


/*下線*/
#new-top span.line {
  border-bottom: 1px solid #333333;
}

#new-top span.white-line {
  border-bottom: 1px solid #ffffff;
}

/*画像の半透明hover*/
#new-top .opa-hover,
#new-header .opa-hover,
#new-footer .opa-hover {
  transition: .6s;
}

#new-top .opa-hover:hover,
#new-header .opa-hover:hover,
#new-footer .opa-hover:hover {
  opacity: .5;
}




/*===== コンテナ =====*/
#new-top .container {
  width: 100%;
  padding-top: 3em;
}

#new-top .bg-lGreen {
  background-color: #e8f5e9;
}

#new-top .container .wrap {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 3em;
  padding-left: 10px;
  padding-right: 10px;
}

#new-top .container .half-wrap {
  width: 480px;
}


/*===== 見出し =====*/
#new-top h1 {}

#new-top h2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #4caf50;
  letter-spacing: 0.1em;
}

#new-top h3 {
  display: inline-block;
  font-size: 26px;
  border-bottom: 3px solid #4caf50;
  padding-bottom: 22px;
  margin-bottom: 30px;
  line-height: 0;
}

#new-top h3:before {
  content:none;
}
#new-top h3:after {
  content:none;
}

#new-top h4 {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}



/*===== p =====*/
#new-top p.heading {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin: .8em 0 1em 0;
}

#new-top p {
  font-size: 15px;
  line-height: 30px;
  margin: .5em 0;
  color: #333333;
}

/*===== icon =====*/
#new-top .sup-wrap i.fa-square-full {
  color: #ff6e40;
  font-size: 12px;
}

/*=====  ======*/
#new-top ul#ac-faq .ac-q {
  margin-bottom: 1.6em;
}

#new-top ul#ac-faq .main_menu {
  position: relative;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 2px solid #4caf50;
  padding: 0 45px 10px 45px;
  margin-bottom: .6em;
}

#new-top ul#ac-faq .main_menu span.icon-q {
  position: absolute;
  left: 15px;
  top: 5px;
}


#new-top ul#ac-faq .main_menu img.ac-arrow {
  position: absolute;
  width: 15px;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  right: 15px;
  top: 10px;
}

#new-top ul#ac-faq .main_menu img.rotate {
  transform: rotate(-180deg);
  transition: transform 0.4s ease-out;
}

#new-top ul#ac-faq .sub_menu {
  display: none;
}



#new-top ul#ac-faq li.ac-a {
  text-align: left;
  font-size: 12px;
  padding: 0 45px 10px 45px;
  margin-top: 0px;
}

#new-top ul#ac-faq li.ac-q span.icon-q img {
  display: inline-block;
  width: 14px;
}

#new-top ul#ac-faq li.ac-a {
  position: relative;
}

#new-top ul#ac-faq li.ac-a span.icon-a {
  position: absolute;
  left: 15px;
  top: 5px;
}


#new-top ul#ac-faq li.ac-a span.icon-a img {
  display: inline-block;
  width: 14px;
}


/*===== 動画 =====*/
#new-top video {
  width: 570px;
}

a.karte-mv-size {
  position: relative;
  width: 570px;
  display: inline-block;
  text-align: right;
  box-shadow: 0 0 8px gray;
}

a.karte-mv-size i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 80px;
  color: #a5a5a5;
  margin-left: -40px;
  margin-top: -40px;
}



/* 動画モーダル */
.new-modal-movie_item {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: none;
}

/* プレーヤー */
.new-modal-movie_item .new-modal-movie_item-player {
  box-sizing: border-box;
  position: relative;
}
.new-modal-movie_close{
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (min-width: 751px){
  #new-top .new-modal-movie_item .new-modal-movie_item-player {
    box-sizing: border-box;

    width: 100%;
    max-width: 980px;

    height: 100%;
    max-height: 551px;

    margin: 10% auto;
  }
}
@media only screen and (max-width: 750px){
  #new-top .new-modal-movie_item .new-modal-movie_item-player {
    box-sizing: border-box;
    width: 100%;
    height: 40%;
    margin: 50% 0;
  }
  #new-top a.karte-mv-size {
    widows: 100%;
  }
}


/*=====  =====*/
#new-top .sample-karte {
  padding-right: 2.5em;
}

#new-top .sample-karte div {
  display: inline-block;
  width: 550px;
}


/*＝＝＝＝＝＝＝機器連携＝＝＝＝＝＝＝*/
#new-top .cooperation img {
  width: 700px;
}


/*#new-top .equip {*/
/*width: 860px;*/
/*height: 300px;*/
/*margin: 0 auto;*/
/*padding: 0.5em 1em;*/
/*border-radius: 8px;*/
/*background-color: #4caf50;*/
/*}*/

#new-top #cooperation_wrapper h4 {
  width: 100%;
  color: #ffffff;
  padding-left: 40px;
  margin-bottom: 1.5em;
}

#new-top #cooperation_wrapper span.icon-hantei {
  display: inline-block;
  vertical-align: bottom;
}

#new-top #cooperation_wrapper span.icon-hantei img {
  width: 42px;
  height: 48px;
}


/*=====  =====*/
#new-top .sup-wrap {
  width: 420px;
}

#new-top .sup-bg {
  background-image: url(assets/img/new_top/sup-2.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*======  =====*/
.dr-voice {
  width: 722px;
  margin: 0 auto;
}


/*====== 会社情報 =====*/
@media screen and (min-width: 771px) {
  #new-top .company-bg {
    background-image: url(assets/img/new_top/office-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 960px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #new-top .company-info {
    width: 450px;
    padding: 9px 40px;
  }
  #new-top .company-info .logo2 {
    width: 330px;
    margin-bottom: 15px;
  }
}


#new-top .company-info ul li {
  padding-bottom: 15px;
  letter-spacing: 1.7px;
}

#new-top .company-info ul li div {
  font-size: 12px;
}

#new-top .company-info ul li div.info-title {
  width: 60px;
  text-align: left;
}

#new-top .company-info ul li div.colon {
  padding-right: 6px;
}




/*=====  =====*/
#new-top .google-maps{
  position: relative;
  padding-bottom: 20%; /*これが縦横比*/
  height: 0;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
#new-top .google-maps iframe{
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
}

/*===== PC_画面横固定問い合わせフォーム =====*/
#new-top {
  position: relative;
}

#new-top #side-form {
  display: none;
  position: fixed;
  width: 215px;
  height: 230px;
  background-color: #ffffff;
  box-shadow: 0 0 8px gray;
  right: 10px;
  bottom: 10px;
}

#new-top #side-form .detail {
  background-color: #ff6e40;
  height: 54px;
  justify-content: center;
}
#new-top #side-form .detail p {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 0;
  padding-top: 18px;
}

#new-top #side-form .detail img {
  width: 23px;
  margin: 6px 10px 0 0;
}

#new-top #side-form .form-btns {
  font-size: 13px;
  padding-top: 16px;
}

#new-top #side-form .form-btns div {
  margin-bottom: 12px;
}


/*PC横固定時のｻｲﾄﾞﾒﾆｭｰボタン反転スタイル*/
#new-top #side-form .form-btns a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #ff6e40;
  width: 195px;
  border: 1px solid #ff6e40;
  border-radius: 19px;
  padding: 8px 12px;
}

#new-top #side-form .form-btns a::before,
#new-top #side-form .form-btns a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#new-top #side-form .form-btns a,
#new-top #side-form .form-btns a::before,
#new-top #side-form .form-btns a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#new-top #side-form .form-btns a:hover {
  background-color: #ff6e40;
  border-color: #ff6e40;
  color: #ffffff;
}


/*PC下部固定時のボタン反転スタイル*/
#new-top #bottom-form .form-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 45px;
}

#new-top #bottom-form .form-btns a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff6e40;
  border: 1px solid #ff6e40;
  border-radius: 36px;
  padding: 10px 12px;
  min-width: 300px;
  height: 50px;
  font-size: 19px;
}

#new-top #bottom-form .form-btns a::before,
#new-top #bottom-form .form-btns a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#new-top #bottom-form .form-btns a,
#new-top #bottom-form .form-btns a::before,
#new-top #bottom-form .form-btns a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#new-top #bottom-form .form-btns a:hover {
  background-color: #ffffff;
  border-color: #ff6e40;
  color: #ff6e40;
}



/*====== 各セクションに配置するボタン ======*/
@media screen and (max-width: 770px) {
  #new-top .btn-detail {
    display: none;
  }
}
@media screen and (min-width: 771px) {
  #new-top .btn-detail a {
    display: inline-block;
    text-decoration: none;
    width: 480px;
    height: 65px;
    font-size: 22px;
    letter-spacing: 4px;
    color: #ffffff;
    background-color: #ff6e40;
    padding: 15px 0;
    border-radius: 32px;
    position: relative;
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
  }
  #new-top .btn-detail a:hover {
    /*background-color: #ffa90d;*/
    opacity: 1.0;
  }
  #new-top .btn-detail a img {
    width: 40px;
  }
  #new-top .btn-detail a::before {
    content: '';
    background-image: url(assets/img/new_top/icon-shiryo.png);
    display: inline-block;
    width: 35px;
    background-repeat: no-repeat;
    height: 45px;
    background-size: contain;
    margin: -17px 10px;
  }
  #new-top #btnDetail-01 {
    padding-top: 12px;
  }

  /*メインビジュアルのPC版のボタン*/
  #new-top .kv-pc-btn a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    z-index: 0;
    width: 307px;
    height: 65px;
    font-size: 22px;
    letter-spacing: 1px;
    color: #ffffff;
    background-color: #ff6e40;
    padding: 15px 0;
    border-radius: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
  }


  /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  .anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
  }
  .anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
  }
  .anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
  }
  #new-top .btn-detail a:hover > .anim,
  #new-top .kv-pc-btn a:hover > .anim {
    -moz-animation: anim-out 0.75s;
    -webkit-animation: anim-out 0.75s;
    animation: anim-out 0.75s;
  }
  #new-top .btn-detail a:hover > .anim:after,
  #new-top .kv-pc-btn a:hover > .anim:after {
    -moz-animation: anim-out-pseudo 0.75s;
    -webkit-animation: anim-out-pseudo 0.75s;
    animation: anim-out-pseudo 0.75s;
  }
  @-webkit-keyframes anim-out {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  @-moz-keyframes anim-out {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  @-ms-keyframes anim-out {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes anim-out {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  @-webkit-keyframes anim-out-pseudo {
    0% {
      background: rgba(255, 137, 64, 1);
    }
    100% {
      background: transparent;
    }
  }
  @-moz-keyframes anim-out-pseudo {
    0% {
      background: rgba(255, 137, 64, 1);
    }
    100% {
      background: transparent;
    }
  }
  @-ms-keyframes anim-out-pseudo {
    0% {
      background: rgba(255, 137, 64, 1);
    }
    100% {
      background: transparent;
    }
  }
  @keyframes anim-out-pseudo {
    0% {
      background: rgba(255, 137, 64, 1);
    }
    100% {
      background: transparent;
    }
  }
}



/*====== flex ======*/
#new-top .pc-flex {
  display: flex;
}

#new-top .flex {
  display: flex;
}

/*@media screen and (min-width: 1021px) {*/
@media screen and (min-width: 771px) {
  /*-----指定した数値で分けるbasis-----*/
  #new-top .flex-basis-300 {
    flex-basis: 300px;
    /*padding-right: 15px;*/
  }

  #new-top .flex-basis-660 {
    flex-basis: 660px;
  }

  #new-top .flex-basis-05 {
    flex-basis: 50%;
  }

  #new-top .flex-basis-440 {
    flex-basis: 440px;
    padding-right: 70px;
  }

  #new-top .flex-basis-520 {
    flex-basis: 520px;
  }

  #new-top .ms-wrap .flex-basis-590 {
    flex-basis: 540px;
    margin: 25px 25px 0 25px;
  }

  #new-top .ms-wrap .flex-basis-370 {
    flex-basis: 370px;
    margin-top: 25px;
    padding-left: 10px;
  }

  /*-----flexコンテナ-----*/
  #new-top .flex-container {
    justify-content: center;
  }
}




/*暫定css*/
#new-top img {
  max-width: 100%;
}

#new-top img.img50 {
  width: 50%;
}



/* ============================
  キービジュアル
  ==============================*/
#new-top {
  padding-top: 60px;
}


/*#new-top #new-kv {*/
  /*position: relative;*/
  /*height: 537px;*/
  /*background-image: url(assets/img/new_top/kv-1-540.png);*/
  /*background-size: contain;*/
  /*background-position: center center;*/
  /*background-repeat: no-repeat;*/
  /*margin-bottom: 70px;*/
/*}*/

#new-top #new-kv {
  position: relative;
  height: 537px;
  background-image: url(assets/img/new_top/kv-1-540.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  margin-bottom: 70px;
  max-width: 1122px;
  margin: 0 auto;
}

#new-top #new-kv .kv-catch {
  width: 310px;
  margin-top: 60px;
}

#new-top #new-kv .kv-catch .kv-text {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.9px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 30px;
  text-shadow: rgba(0,0,0,0.75) 0 0 1px;
  line-height: 2em;
}

#new-top #new-kv .kv-feature {
  position: absolute;
  bottom: -150px;
}

#new-top .sub-catch {
  margin-bottom: 40px;
  margin-top: 70px;
}



/* ============================
  ここからヘッダースタイル
  ==============================*/
#new-header {}
#new-header #new-nav {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 999;
}

/*左側ロゴ部分*/
#new-header #new-nav .nav-wrap {
  width: 940px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#new-header #new-nav .nav-wrap .header-logo {
  display: flex;
  justify-content: flex-start;
}

#new-header #new-nav .nav-wrap .header-logo img {
  width: 160px;
  padding-top: 11px;
}

#new-header #new-nav .nav-wrap .header-logo .new-logo {
  margin-right: 20px;
}

#new-header #new-nav .nav-wrap h1 {
  width: 240px;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #666666;
  margin-bottom: 0;
  padding-top: 22px;
}

/*#new-header .flex-row {*/
  /*flex-direction: row;*/
/*}*/


/*右側メニュー部分*/
#new-header ul li {
  list-style: none;
}
#new-header a {
  text-decoration: none;
}

#new-header #new-nav .nav-wrap .header-nav {
  display: flex;
  justify-content: space-between;
}


#new-header #new-nav .nav-wrap .header-nav ul.new-menu {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}

#new-header #new-nav .nav-wrap .header-nav ul.new-menu li {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.8px;
}

#new-header #new-nav .nav-wrap .header-nav ul.new-menu > li > a {
  color: #333333;
  display: inline-block;
  height: 65px;
  padding-top: 23px;
}

#new-header #new-nav .nav-wrap .header-nav .apply {
  margin-top: 9px;
}

#new-header #new-nav .nav-wrap .header-nav .form {
  margin-top: 9px;
  margin-right: 10px;
}

/*正式版お申込みボタンのスタイル*/
#new-header #new-nav .nav-wrap .header-nav .apply a {
  display: inline-block;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #ff6e40;
  border-radius: 21px;
  padding: 8px 12px;
  background-color: #ff6e40;
}

#new-header #new-nav .nav-wrap .header-nav .apply a::before,
#new-header #new-nav .nav-wrap .header-nav .apply a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#new-header #new-nav .nav-wrap .header-nav .apply a,
#new-header #new-nav .nav-wrap .header-nav .apply a::before,
#new-header #new-nav .nav-wrap .header-nav .apply a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#new-header #new-nav .nav-wrap .header-nav .apply a:hover {
  background-color: #ffffff;
  border-color: #ff6e40;
  color: #ff6e40;
}


/**/
#new-header #new-nav .nav-wrap .header-nav .form a {
  display: inline-block;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  background-color: #4caf50;
  border: 1px solid #4caf50;
  border-radius: 21px;
  padding: 5px 21px;
}


#new-header #new-nav .nav-wrap .header-nav .form a::before,
#new-header #new-nav .nav-wrap .header-nav .form a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#new-header #new-nav .nav-wrap .header-nav .form a,
#new-header #new-nav .nav-wrap .header-nav .form a::before,
#new-header #new-nav .nav-wrap .header-nav .form a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#new-header #new-nav .nav-wrap .header-nav .form a:hover {
  background-color: #fff;
  border-color: #4caf50;
  color: #4caf50;
}

/*ナビのアコーディオンのスタイル*/
#new-header ul{}
#new-header ul.new-menu li{
  /*float: left;*/
  position: relative;
  /*margin: 0;*/
  /*padding: 5px;*/
  /*width: 200px;*/
  /*background-color: #555555;*/
  /*display: block;*/
}
#new-header ul.nav-child{
  display: none;
  /*display: block;*/
  position: absolute;
  z-index: 999;
  top: 60px;
  color: white;
  text-align: left;
}
#new-header ul.nav-child li a {
  display: block;
  width: 120px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 10px;
  background-color: #4caf50;
  border-bottom: 1px solid #ffffff;
}
#new-header ul.nav-child li:last-child a {
  border-bottom: none;
}

#new-header ul.nav-child li a:hover {
  background-color: #58d471;
  -webkit-transition: all .3s;
  transition: all 0.7s;
}

#new-header ul.nav-child li a span img {
  width: 5px;
  margin-right: 5px;
}



/* ============================
  ここからフッタースタイル
  ==============================*/
footer#new-footer {
  background-color: #4caf50;
}


footer#new-footer .copyBox {
  background-color: #fff;
}

footer#new-footer .copyBox .copyrightPSmall {
  color: #4caf50;
}

footer#new-footer .copyBox .copyrightP {
  text-align: center;
}


footer#new-footer .footerContainer .footerBox2 .categoryBox .cBox {
  overflow: hidden;
  height: auto;
  display: flex;
  justify-content: space-between;
}

footer#new-footer .footerContainer .footerBox2 .categoryBox .cBox i.fa-square-full {
    font-size: 11px;
}


footer#new-footer .footerContainer .footerBox2 .categoryBox .fBox__b1 {
    width: 140px;
    overflow: hidden;
}

footer#new-footer .copyBox small.copyrightPSmall {
  font-weight: bold;
}

footer#new-footer .footerContainer .footerBox2 .categoryBox .fBoxUlLiA {
    padding-left: 16px;
}

/*PCとSPで表示の切り替え*/
.new-index .show-pc {
  display: block !important;
}
.new-index .show-sp {
  display: none !important;
}

/* ======================
  メディアクエリ 77ipx↑
  ======================*/
@media screen and (min-width: 771px) {
  #new-top .gm-wrap {
    padding-bottom: 37px;
  }
}

/* ======================
  メディアクエリ 770px↓
  ======================*/
@media screen and (max-width: 770px) {
  /* 770pxまでの幅の場合に適応される */
  #new-top {
    width: 100%;
    overflow: hidden;
    padding-top: 0;
  }
  /*PCとSPで表示の切り替え*/
  .new-index .show-pc {
    display: none !important;
  }
  .new-index .show-sp {
    display: block !important;
  }
  .new-index .sp {
    display: block !important;
  }
  /*見出し*/
  #new-top h2 {
    font-size: 24px;
  }
  #new-top h3 {
    font-size: 17px;
  }
  #new-top h4 {
    font-size: 17px;
  }
  #new-top p {
    font-size: 14px;
    line-height: 23px;
  }
  /*文字寄せ*/
  #new-top .sp-t-center {
    text-align: center;
  }
  /*padding*/
  #new-top .sp-pb-0 {
    padding-bottom: 0 !important;
  }
  #new-top .sp-pt-0 {
    padding-top: 0 !important;
  }
  /*margin*/
  #new-top .sp-mb-1 {
    margin-bottom: 1em;
  }
  /*spコンテンツ幅*/
  #new-top .container .wrap, #new-top .container .half-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px 20px 10px;
  }
  /*PCサイズのみのflex*/
  #new-top .pc-flex {
    display: block;
  }
  /*メニュー*/
  #new-header #header.sp {
    width: 100%;
    height: 40px;
    padding: 8px;
  }
  #new-header #header.sp div.header {
    padding: 0;
  }
  #new-header #header.sp .left #logo {
    display: flex;
  }
  #new-header #header.sp #logo h1 {
    font-size: 7px;
    padding-top: 4px;
    padding-left: 6px;
  }
  #new-header #header.sp #logo img {
    width: 104px;
  }
  #new-header #header.sp .menuOpenBtn img {
    width: 25px;
  }
  #new-header #header.sp div.header.right {
    margin-top: 0;
  }
  /**/
  #new-header .apply a {
    display: inline-block;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6e40;
    border-radius: 21px;
    padding: 8px 12px;
  }
  /**/
  #new-header .form a {
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    background-color: #4caf50;
    border: 1px solid #4caf50;
    border-radius: 21px;
    padding: 5px 21px;
  }
  #new-header .apply, #new-header .form {
    padding-left: 15px;
  }
  /*メインビジュアル*/
  #new-top #new-kv {
    position: relative;
    width: 100%;
    height: 420px;
    background-image: url(assets/img/new_top_sp/sp-kv-1.png);
    margin-bottom: 0;
  }

  #new-top #new-kv .kv-catch {
    width: 100%;
  }
  #new-top #new-kv .kv-catch .kv-text {
    text-align: center;
  }
  #new-top .sub-catch {
     margin-top: 0px;
  }
  #new-top .muryo-caution {
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px;
  }
  /*動画*/
  #new-top video {
    width: 80%;
  }
  #new-top .sp-kartezero-mv a {
    position: relative;
    box-shadow: 0 0 3px grey;
    display: block;
  }
  #new-top .sp-kartezero-mv i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 80px;
    color: #a5a5a5;
    margin-left: -40px;
    margin-top: -40px;
  }

  /**/
  #new-top .sup-bg {
    background-image: none;
  }
  #new-top .sup-wrap {
    width: 100%;
  }
  /**/
  #new-top .sample-karte div {
    display: none;
  }
  /*会社情報*/
  #new-top .company-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  #new-top .company-info ul li.flex {
    display: flex;
    letter-spacing: 1.5px;
  }
  /**/
  #new-top .sp-dr-voice p {
    padding-bottom: 45px;
  }
  #new-top .sp-dr-voice p:last-child {
    padding-bottom: 0;
  }
  /**/
  #new-top .google-maps {
    padding-bottom: 80%;
    width: 100%;
  }
  /*フッター*/
  footer#new-footer {
    margin-bottom: 50px;
  }
  /*横固定のフォーム_下部固定に切り替え*/
  #new-top #side-form {
   display: none !important;
  }
}


/*SP版下部固定フォーム*/
/* ドロワー */
#new-top .new-bottom_drawer{
  display: none;
}
@media only screen and (max-width: 750px) {
  #new-top .new-bottom_drawer {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    height: 50px;/* 閉状態の高さ（ラベルのみの高さ） */
    transition: height 300ms 0s ease;/* アニメーション指定 */
  }
  #new-top .new-bottom_drawer.active{
    height: 220px;/* 開状態の高さ（ラベルを含んだ全体の高さ） */
    transition: height 300ms 0s ease;/* アニメーション指定 */
  }

  #new-top .new-bottom_drawer .new-bottom_drawer__label {
    height: 50px;
    color: #ffffff;
    text-align: center;
    background-color: #ff6e40;
    justify-content: center;
  }

  #new-top .new-bottom_drawer .new-bottom_drawer__label p {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
  }


  #new-top .new-bottom_drawer .new-bottom_drawer__label img {
    width: 16px;
    margin: 9px 7px 0 0;
  }


  .new-bottom_drawer {
    background-color: #ffffff;
  }

  #new-top .new-bottom_drawer .new-bottom_drawer__content {
    text-align: center;
  }

  #new-top .new-bottom_drawer__content a {
    display: block;
    width: 80%;
    height: 40px;
    border-radius: 22px;
    line-height: 40px;
    margin: 12px auto;
    border: 1px solid #ff6e40;
    color: #ff6e40;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
  }
}

/* ======================
  メディアクエリ 320px↓ iPhone5対応サイズ
  ======================*/
@media screen and (max-width: 320px) {
  #new-header #header.sp #logo img {
    width: 65px;
  }
  #new-header #header.sp .menuOpenBtn img {
    width: 18px;
  }
  #new-header #header.sp .slideMenuList {
    width: 250px;
  }
  #new-top #new-kv .kv-catch .kv-text {
    font-size: 20px;
  }
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　☆☆☆
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*　[/]新メインビジュアル*/
div#container.mv-growth {
    width: 100%;
  background-image: url(assets/img/growth/bg_main.png);
  height: 600px;
  background-size: 1200px 600px;
  background-repeat: no-repeat;
  background-position-x: right;
}
div#container.mv-growth .new-mv {
  display: none;
}

@media screen and (min-width:1800px) {
  /*　画面サイズが1800pxからはここを読み込む　*/
  div#container.mv-growth {
    background-size: 1500px;
  }
}

div#container.mv-growth div.new-catch {
  width: 940px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

div#container.mv-growth div.new-catch img {
  width: 403px;
  margin-top: 170px;
}

div#container.mv-growth div.new-catch .topPageFloatBtn {
  position: absolute;
  bottom: -105px;
  left: 0;
}

@media screen and (max-width: 970px) and (min-width: 641px) {
  div.floatBtn.sp.gh-ctn {
    display: block;
    max-width: 100%;
  }
  div.floatBtn.sp.gh-ctn a.entBtn {
    margin: 0 auto;
  }
}

@media screen and (max-width:970px) {
  /*　画面サイズが970px以下はここを読み込む　*/
  div#container.mv-growth {
    background-image: none;
    height: auto;
    margin-bottom: 10px;
  }
  div#container.mv-growth div.new-catch {
    display: none;
  }
  div#container.mv-growth .new-mv {
    display: block;
  }
  div#container.mv-growth .new-mv img {
    width: 100%;
  }
}

/*bodyに割り当てられたclassでスライダーの調整*/
body.page-template-front-page-002 div#container.wd100.top_slider {
  padding-top: 28px;
  width:100%;
  position: relative;
}
body.page-template-front-page-002 .slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*　メインビジュアル*/
div.floatBtn.gh-001 {
  padding-top: 15px;
}
div.floatBtn.gh-001  a.entBtn {
  margin: 0 auto;
}



/*非表示*/
#intercom-container,
.intercom-lightweight-app {
  display: none;
}
.deptlp #intercom-container{
  display: block;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　☆☆☆
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*調整*/
#navi ul li a.dlBtn {
  /*font-size: 14px;*/
  font-size: 12px;
}
/*調整*/
@media screen and (max-width: 640px) and (min-width: 0px) {}
ul.slideMenuList div.fixedBtn a.sp-dlBtn {
  font-size: 3.5vw;
}
/*PC版のコンテンツ-テキスト下部ボタンスタイル*/
div.floatBtn a.pc-cnt-dlBtn {
  width: 390px;
}
/*sp版のコンテンツ-テキスト下部ボタンスタイル*/
div.floatBtn a.sp-cnt-dlBtn {
    font-size: 20px;
    padding-top: 24px;
}
@media screen and (max-width:320px) {
    /*5.コンテンツ-テキスト下部ボタンスタイル*/
    div.floatBtn a.sp-cnt-dlBtn {
        font-size: 16px;
        padding-top: 27px;
    }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　☆☆☆
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#container.main-visual {
  width: 100%;
  padding: 0;
}


.main-visual{
  display: block;
    width: 100%;
    height: 490px;
    overflow: hidden;
}

.main-visual-inner{
  width: 950px;
  /*min-width: 970px;*/
  margin: 0 auto;
  height: 600px;
  padding-top: 30px;
  position: relative;
  text-align: center;
}

/* バウンドさせる要素を囲む要素 */
.bound-outer-elm {
    width: 200px;
    height: 200px;
    position: absolute;
}

/* バウンドする要素 */
.bound-inner-elm{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* jsによってbound-visibleクラスが付与された際、内側をアニメーションさせる */
.bound-outer-elm.bound-visible .bound-inner-elm{
    animation: bound 0.3s ease-in-out forwards;
}

/* バウンド要素のアニメーション */
@keyframes bound {
    0% {transform: scale(0.8); opacity: 0.5;}
    25% {transform: scale(1.2); opacity: 0.7;}
    50% {transform: scale(0.9); opacity: 1;}
    75% {transform: scale(1.1); opacity: 1;}
    100%{transform: scale(1); opacity: 1;}
}



/* くるくるさせる要素 */
.flip-front,
.flip-back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 3px 10px 3px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 20px;
    text-align: center;
}

.bound-inner-elm div.flip-front{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* くるくる表面 */
.flip-front {
    background: white no-repeat center center;

    /* アニメーション指定 */
    transition-duration: 0.25s;
    transition-delay: 0.25s;
    transition-property:transform,opacity,box-shadow;
    transition-timing-function: ease-out;
}

/* くるくるうら面 */
.flip-back{
    background-color: rgba(0,0,0,.7);

    transform: scale(1.1) rotateY(90deg);
    box-shadow: 0 10px 20px 10px rgba(0,0,0,.1);

    /* アニメーション指定 */
    transition-duration: 0.25s;
    transition-delay: 0s;
    transition-property:transform,opacity,box-shadow;
    transition-timing-function: ease-in;
}

.flip-back span {
  display: block;
  color: #ffffff;
  /*font-size: 12px;*/
  text-align: left;
  /*line-height: 1.4;*/
}
.bound-outer-elm:nth-of-type(4) .bound-inner-elm div.flip-back span {
    display: block;
    padding: 11%;
    color: #ffffff;
    font-size: 13px;
    text-align: left;
}

/* 詳細面の詳細ボタン */
.flip-back span.arrow {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

/* マウスオーバー時の表面の変化 */
.bound-outer-elm.bound-visible:hover .flip-front {
    /* 縦長になって消える */
    transform: scale(1.1) rotateY(90deg);
    transition-delay: 0s;
    box-shadow: 0 10px 20px 10px rgba(0,0,0,.1);
    transition-timing-function: ease-out;
}

/* マウスオーバー時のうら面の変化 */
.bound-outer-elm.bound-visible:hover .flip-back{
    /* 縦長から正常サイズになって現れる */
    transform: scale(1) rotateY(0deg);
    box-shadow: 0 3px 10px 3px rgba(0,0,0,.2);
    transition-delay: 0.25s;
    transition-timing-function: ease-in;
}

.main-visual-sp {
  display: none;
}

@media screen and (max-width:640px) {
  .main-visual {
    display: none;
  }
  .main-visual-sp {
    display: block;
  }
  .main-visual-sp img {
    width: 100%;
  }
}

/*内部リンクのスクロール調整*/
#a01,
#a02,
#a03,
#a04 {
  margin-top: -160px;
  padding-top: 160px;
}


/*ニュースリリース*/
.news {
    margin-bottom: 80px;
}
.contents.news{
    width: 1100px;
    margin: 0 auto;
}
.news .linkBtn{
	margin-left: 7%;
	margin-right: 7%;
}
.news a {
    text-decoration: none;
}

.news .topNews {
    list-style: none;
    margin-bottom: 1em;
}

.news .topNews li {
	padding-top: 1em;
	padding-right: 7%;
	padding-left: 7%;
	padding-bottom: 1em;
	margin-left: 8%;
	margin-right: 8%;
	position: relative;
}
.news .topNews li::after {
	content: '';
    border-bottom: 2px dotted #999;
	position: absolute;
	left: 7%;
	right: 7%;
	bottom: 0%;
}
.news .topNews li:first-child {
    border-top: 2px dotted #999;
}
.news .topNews li:last-child::after {
	left: 0%;
	right: 0%;
}

.news .newsInfo {
    display: flex;
    padding-bottom: .5em;
}

.news .newsInfo p {
	font-size: 18px;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.newsTitle p {
    display: block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.newsTitle p a {
    font-size: 18px;
    color: #00b9bf;
}

/*ニュースリリース各カテゴリカラー**********/
/*共通*/
.news .newsInfo a {
    display: inline-block;
    font-size: 16px;
    width: 150px;
    height: 25px;
    line-height: 23px;
    background-color: #ffffff;
    border-radius: 13px;
    transition: .3s;
    opacity: 10;
}

/*お知らせ*/
.news .newsInfo a[href*="/info"] {
    color: #00b9bf;
    border: 1px solid #00b9bf;
}
.news .newsInfo a[href*="/info"]:hover {
    background-color: #00b9bf;
    color: #ffffff;
    transition: .3s;
}
/*イベント*/
.news .newsInfo a[href*="/event"] {
    color: #ffa000;
    border: 1px solid #ffa000;
}
.news .newsInfo a[href*="/event"]:hover {
    background-color: #ffa000;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/service"] {
    color: #8b8bce;
    border: 1px solid #8b8bce;
}
.news .newsInfo a[href*="/service"]:hover {
    background-color: #8b8bce;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/media"] {
    color: #ff8c8e;
    border: 1px solid #ff8c8e;
}
.news .newsInfo a[href*="/media"]:hover {
    background-color: #ff8c8e;
    color: #ffffff;
    transition: .3s;
}
/*リリース*/
.news .newsInfo a[href*="/pr"] {
    color: #3cd2ce;
    border: 1px solid #3cd2ce;
}
.news .newsInfo a[href*="/pr"]:hover {
    background-color: #3cd2ce;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/development"] {
    color: #3c9fd8;
    border: 1px solid #3c9fd8;
}
.news .newsInfo a[href*="/development"]:hover {
    background-color: #3c9fd8;
    color: #ffffff;
    transition: .3s;
}


@media screen and (min-width:0px) and (max-width:640px) {
    .news .newsInfo a {
        font-size: 3.5vw;
        width: 28vw;
    }
	.contentWrap {
    width: 100%;
    padding-right: .5em;
    padding-left: .5em;
	}
 	.news .topNews li {
	padding-right: 0%;
	padding-left: 0%;
	margin-left: auto;
	margin-right: auto;
	}
    .news .newsInfo p {
        font-size: 4.5vw;
    }
    .newsTitle p a {
        display: inline-block;
        font-size: 4.5vw;
        line-height: 1.5;
    }
.news .topNews li::after {
	left: 0%;
	right: 0%;
}
.contents.news{
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
	}
}
.pagettl.news .bg{
	background-image: url(assets/img/news/news_top_pt.png);
}
.pagettl.news h2::after{
	content: 'news';
}

/**/
.demoSectionFooter h3::before{
	background-color: transparent!important;
}
ul.areaList {
	display: flex;
	flex-wrap: wrap;
}
ul.areaList li.areaListItem {
display: block;
}
.page_404{
	margin-bottom: 80px;	
}
.crumb-no-link strong{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 12px;
}
@media screen and (min-width:0px) and (max-width:640px) {
.page_404{
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 40px;
}
}


/**/
body.supportsystem #container{
	min-width: 1100px;
	padding: 0px;
	width: auto;
}
.page_supportsystem .inner{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
}
.pagettl.supportsystem .bg{
 	background-image: url(assets/img/supportsystem/supportsystem_top_pt-1.png);
}
.pagettl.supportsystem h2::after{
	content: 'support';
}

.supportsystem_ttl01{
	font-size: 30px;
	font-weight: 600;
	line-height: 33px;
	position: relative;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 30px;
	text-align: left;
	width: 500px;
	float: left;
	padding-top: 10px;
}
.supportsystem_ttl01::before,.supportsystem_ttl01::after{
	display: none;
}
.supportsystem_ttl01 span{
    border-bottom: 2px solid #00B4BA;
    padding-bottom: 5px;
}
.supportsystem_txt01{
	color: #4D4D4D;
	font-size: 20px;
	line-height: 1.8em;
}
.supportsystem_txt02{
	color: #4D4D4D;
	font-size: 14px;
	line-height: 1.8em;
	float: left;
	width: 500px;
}
.supportsystem_sec{
	margin-top: 60px;
	margin-bottom: 120px;
}
.supportsystem_sec::after{
	content: '';
	display: block;
	clear: both;
}
.supportsystem_sec .image{
	width: 470px;
	float: right;
}
.supportsystem_sec img{
	max-width: 100%;
}
@media screen and (min-width:0px) and (max-width:640px) {
.pagettl.supportsystem h2{
	font-size: 1.2rem;
	left: 15%;
	right: 15%;
	top: 25%;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
body.supportsystem #container{
	min-width: 320px;
	padding: 0px;
	width: auto;
}
.page_supportsystem .inner{
	width: auto;
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 0px;
}

.supportsystem_ttl01{
	font-size:4vw;
	line-height: 16px;
	padding-bottom: 20px;
	margin-bottom: auto;
	text-align: left;
	width: 48%;
	padding-top: 12vw
}
.supportsystem_ttl01::before,.supportsystem_ttl01::after{
	display: none;
}
.supportsystem_txt01{
	font-size: 15px;
}
.supportsystem_txt02{
	font-size: 12px;
	float: none;
	width: auto;
	clear: both;
	padding-top: 10px;
}
.supportsystem_sec{
	margin-top: 30px;
	margin-bottom: 60px;
}
.supportsystem_sec .image{
	width: 50%;
	position: relative;
}
.supportsystem_sec .image::before{
	content: '';
	width: 100%;
	height: 10%;
	position: absolute;
	left: 0px;
	background-color: #FFFFFF;
	z-index: 1;
	top: 0px;
}
.supportsystem_sec .image::after{
	content: '';
	width: 100%;
	height: 10%;
	position: absolute;
	left: 0px;
	background-color: #FFFFFF;
	z-index: 1;
	bottom: 0px;
}
}


/**/
.page_company{
	margin-bottom: 80px;
}
.pagettl{
	position: relative;
	min-width: 1100px;
}
.pagettl .bg{
	width: 100%;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
}
.pagettl h2{
	text-align: center;
	position: absolute;
	top: 20%;
		left: 0%;

	font-size: 3rem;
	letter-spacing: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	display: inline-block;
}
.pagettl h2::after{
	text-align: center;
	position: absolute;
	left: 0%;
	top: 130%;
	width: 100%;
	font-size: 2rem;
	line-height: 2em;
	border-top: 2px solid #00B4BA;
}
.pagettl.company .bg{
	background-image: url(assets/img/company/company_header.jpg);
}
.pagettl.company h2::after{
	content: 'company';
}
.page_company .inner{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.company_txt01{
	padding-left: 40px;
	padding-right: 40px;
	font-size: 20px;
}
.conpany_menu{
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.conpany_menu .box01{
	width : 33.33333%;
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3);
	border-right: 1px solid #3CD2CE;
	margin-bottom: 80px;
	position: relative;
}
*::-ms-backdrop, .conpany_menu .box01 {
  width: 33.33%; /* IE11 */
}
.conpany_menu .box01::before{
	content: '';
	width: 0%;
	height: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.conpany_menu .box01::after{
	content: '';
	width: 0%;
	height: 2px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.conpany_menu .box01:hover::before,.conpany_menu .box01:hover::after{
	width: 100%;
}
.conpany_menu .box01:nth-child(3n+1){
	border-left: 1px solid #3CD2CE;
}
.conpany_menu .box01 a{
	display: block;
	position: relative;
	text-decoration: none;
	padding: 0px 45px 10px;
}
.conpany_menu .box01 a::before{
	content: '';
	width: 1px;
	height:0%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.conpany_menu .box01 a::after{
	content: '';
	width: 1px;
	height: 0%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.conpany_menu .box01:hover a::before,.conpany_menu .box01:hover a::after{
	height: 100%
}
.conpany_menu .box01 a .arrow{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 36px 36px;
	border-color: transparent transparent #3CD2CE transparent;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}
.conpany_menu .box01 a *{
	text-decoration: none;
}
.conpany_menu .icon{
	height: 112px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.conpany_menu .title{
	color: #00B9BF;
	font-size: 22px;
	line-height: 1.8em;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.conpany_menu .text{
	display: block;
	font-size: 14px;
	text-align: left;
	line-height: 1.7em;
	color: #4D4D4D;
}
.conpany_menu .icon img{
	height: 112px;
}
.company_bnr01{
	margin-top: 30px;
	position: relative;
}
.company_bnr01.sp{
	display: none;
}
.company_bnr01 img{
	width: 100%;
	height: auto;
}

.page_company .linkBtn {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
}

.page_company .linkBtn a {
    position: relative;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.page_company .linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}

.page_company .linkBtn a::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

.page_company .linkBtn a:hover::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}

@media screen and (min-width:0px) and (max-width:640px) {
.pagettl{
	text-align: center;
	min-width: 0px;
}
.pagettl .bg{
height: 120px;
background-size: auto 100%;
}
.pagettl h2{
	top:35%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 1.5rem;
	padding-left: 0vw;
	padding-right: 0vw;
}
.pagettl h2::after{
	font-size: 1rem;
}
.company_bnr01.pc{
	display: none;
}
.company_bnr01.sp{
	display: block;
}
	
.page_company .inner{
	width: auto;
	margin-left: 3%;
	margin-right: 3%;
}
.company_txt01{
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
}
.conpany_menu{
	margin-top: 30px;
}
.conpany_menu .box01{
	width : 50%;
	margin-bottom: 40px;
}
.conpany_menu .box01:nth-child(3n+1){
	border-left: none;
}
.conpany_menu .box01:nth-child(2n+1){
	border-left: 1px solid #3CD2CE;
}
.conpany_menu .box01 a{
	display: block;
	padding: 0px 25px 10px;
}
.conpany_menu .box01 a .arrow{
	border-width: 0 0 18px 18px;
}
.conpany_menu .icon{
	height: 70px;
}
.conpany_menu .title{
	font-size: 16px;
}
.conpany_menu .text{
	display: none;
}
.conpany_menu .icon img{
	height: 70px;
}
.page_company .linkBtn {
	width: auto;
	position: absolute;
	right: 2vw;
	bottom: 2vw;
	font-size: 3vw;
	text-decoration: none;
	color: #4D4D4D;
	padding-right: 4vw;
	line-height: 1em;
	border-bottom: 1px solid #00B9BF;
	padding-bottom: 1vw;
}
.page_company .linkBtn * {
	line-height: 1em;
	font-size: 3vw;
}
.page_company .linkBtn::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    transition: .3s;
    right:0px;
	font-size: 2.5vw;
	line-height: 1em;
	bottom: 1vw;
}
}


/**/
.page_overview .inner{
	padding-top: 60px;
	padding-bottom: 60px;
}
.page_overview .bg01{
	background-color: #F0F0F0;
}
.page_overview .sp{
	display: none;
}
.overview_icon img{
	height: 90px;
}
.overview_ttl02{
	position: relative;
	text-align: center;
}

.overview_ttl01 {
	font-size: 40px;
	letter-spacing: 0.1em;
}
.overview_ttl02 span{
	font-size: 20px;
    background: #fff;
    padding: 0 5px;
    position: relative;
    z-index: 5;
}
.overview_ttl02 span:before{
    content: "";
    display: block;
    border-top: solid 1px #4d4d4d;
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
	left: -30px;
    z-index: 1;
}
.overview_ttl02 span:after{
    content: "";
    display: block;
    border-top: solid 1px #4d4d4d;
    width: 30px;
    height: 1px;
    position: absolute;
    top: 50%;
	right: -30px;
    z-index: 1;
}
.overview_ttl03{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 10px;
	margin-bottom: 60px;
}
.overview_ttl03::before{
	display: none;
}
.overview_ttl03::after{
	content: '';
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 100%;
	height: 2px;
	left: 0%;
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.overview_ttl04{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 0px;
	color: #00B9BF;
}
.overview_ttl05{
	font-size: 14px;
	margin-bottom: 10px;
	padding: 10px;
	display: inline-block;
	color: #FFFFFF;
	background-color: #3CD2CE;
	margin-top: 20px;
}
.overview_tbl01{
	width: 560px;
	margin: 40px auto;
}
.overview_tbl01 table{
	width: 100%;
}
.overview_tbl01 th{
	width: 15%;
	padding: 25px 10px;
	border-bottom: 2px solid #00B9BF;
	text-align: left;
	color: #00B9BF;
	font-size: 14px;
	font-weight: bold;
}
.overview_tbl01 td{
	padding: 25px 5px 25px 10px;
	border-bottom: 2px solid #CCCCCC;
	text-align: left;
	color: #4d4d4d;
	font-size: 14px;
}
.overview_access{
	width: 1100px;
	margin-right: auto;
	padding: 60px;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
}
.overview_xiraphamap{
	display: flex;
	margin-bottom: 80px;
}
.overview_xiraphamap:last-child{
	margin-bottom: 0px;
}
.overview_xiraphamap li{
	width: 50%;
	display: block;
	list-style: none;
}
.overview_xiraphamap p{
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	margin-top: 10px;
	margin-bottom: 30px;
}

@media screen and (min-width:0px) and (max-width:640px) {
.page_overview .inner{
	padding-top: 30px;
	padding-bottom: 30px;
}
.page_overview .pc{
	display: none;
}
.page_overview .sp{
	display: block;
}
.overview_icon img{
	height: 70px;
}
.overview_ttl01 {
	font-size: 30px;
}
.overview_ttl02 span{
	font-size: 14px;
}
.overview_ttl02 span:before{
    width: 20px;
	left: -20px;
}
.overview_ttl02 span:after{
    width: 20px;
	right: -20px;
}
.overview_ttl03{
	font-size: 20px;
	margin-bottom: 20px;
}

.overview_ttl04{
	font-size: 16px;
	margin-top: 20px;
}
.overview_ttl05{
	padding: 5px;
	font-size: 14px;
	margin-bottom: 5px;
}
.overview_tbl01{
	width: auto;
	margin: 20px 1em;
}
.overview_tbl01 table{
	width: 100%;
}
.overview_tbl01 th{
	width: 70px;
	padding: 15px 5px 15px 0px;
	border-bottom: 1px solid #00B9BF;
}
.overview_tbl01 td{
	padding: 15px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.overview_tbl01 tr:first-child th{
border-top: 1px solid #00B9BF;
}
.overview_tbl01 tr:first-child td{
border-top: 1px solid #CCCCCC;
}
.overview_access{
	width: auto;
	margin: 20px 1em;
	padding: 0px;
}
.overview_xiraphamap{
	display: block;
	margin-bottom: 50px;
}
.overview_xiraphamap:last-child{
	margin-bottom: 50px;
}
.overview_xiraphamap li{
	width: auto;
}
.overview_xiraphamap p{
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-top: 5px;
}
.overview_xiraphamap #map1, .overview_xiraphamap #map2 {
	width: 100%;
	height: 300px;
	margin-top: 20px;
}
.company_pagetitle{
	display: flex;
	justify-content: center;
}
.company_pagetitle .title{
	padding-left: 0px;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
}
.officer .company_pagetitle .title{
	padding-left: 30px;	
}
.company_pagetitle .overview_ttl01{
	order: 1;
	line-height: 1.4em;
}
.company_pagetitle .overview_ttl02{
	order: 2;
}
}



/**/
.history_timeline{
	width: 800px;
	margin: 60px auto;
	position: relative;
	padding-top: 40px;
	padding-bottom: 0px;
}
.history_timeline::before{
	content: '';
	position: absolute;
	left: 189px;
	top: 0px;
	background-color: #3CD2CE;
	height: 100%;
	width: 8px;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15);
}
.history_timeline::after{
	content: '';
	clear: both;
	height: 0px;
}
.history_timeline dt{
	margin-bottom: 0px;
	float: left;
	clear: left;
	width: 160px;
	height: 66px;
	color: #CCCCCC;
	padding: 13px 0px;
	text-align: left;
}
.history_timeline dt img{
	width: auto;
	height: 40px;
}
.history_timeline dd{
	margin: 0px 0px 20px 160px;
	padding: 0px 0px 0px 80px;
}
.history_timeline dt::before ,.history_timeline dd::before{
	display: none;
}
.history_timeline dd.first::after{
	content: '';
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	border: 8px solid #3CD2CE;
	background-color: #FFFFFF;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.15);
}
.history_timeline dd .sec{
	display: flex;
	padding-top: 8px;
}
.history_timeline dd .month{
	width: 50px!important;
	height: 50px;
	color: #FFFFFF;
	border-radius: 50%;
	background-color: #3CD2CE;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
}
.history_timeline dd .txt{
	padding-left: 10px;
	font-size: 14px;
	margin: 0px;
	line-height: 34px;
	padding-top: 8px;
	width: 490px;
}
.history_timeline dd.last::after{
	content: '';
	position: absolute;
	background-image: url(assets/img/history/dot.png);
	background-size: contain;
	bottom: -87px;
	left: 26px;
	width: 14px;
	height: 84px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

@media screen and (min-width:0px) and (max-width:640px) {
.history_timeline{
	width: auto;
	margin: 0px 1em;
	padding-top: 0px;
}
.history_timeline .pc{
	display: none;
}
.history_timeline::before{
	display: none;
}

.history_timeline dt{
	margin-bottom: 0px;
	float: none;
	width: auto;
	margin-top: 30px;
	text-align: center;
}
.history_timeline dd{
	margin: 0px;
	padding: 0px;
}
.history_timeline dt::before ,.history_timeline dd::before{
	display: none;
}
.history_timeline dd.first::after{
	display: none;
}
.history_timeline dd .txt{
	padding-left: 0px;
	font-size: 14px;
	margin: 0px 0px 0px 2px;
	line-height: 30px;
	padding-top: 10px;
	width: calc(100% - 90px);
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
.history_timeline dd.last::after{
	display: none;
}
.history_timeline dd .sec{
padding-top: 0px;
}
.history_timeline dd .month{
	width: 90px!important;
	height: auto;
	color: #3CD2CE;
	background-color: transparent;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #3CD2CE;
	border-radius: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.history_timeline dd .month::before{

	
}
.history_timeline dd .month.y2013::before{
	content: '2013年';
}	
.history_timeline dd .month.y2016::before{
	content: '2016年';
}	
.history_timeline dd .month.y2017::before{
	content: '2017年';
}	
.history_timeline dd .month.y2019::before{
	content: '2019年';
}	
.history_timeline dd .month.y2020::before{
	content: '2020年';
}	
.history_timeline dd .month.y2021::before{
	content: '2021年';
}	
.history_timeline dd .month.y2022::before{
	content: '2022年';
}	
}


/**/
.housin_sec01{
	width: 1100px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.housin_sec01 img{
	max-width: 100%;
}

.housin_sec01 .box01{
	width: 520px;
	margin-bottom: 80px;
	padding-right: 40px;
}
.housin_sec01 .box01.last{
	margin-bottom: 0px;	
}
.housin_sec01 .box02{
	width: 580px;	
}
.housin_sec01 .overview_ttl03 {
	font-size: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.housin_sec01 .box01 .txt01{
	margin-bottom: 20px;
	font-size: 21px;
	color: #00B9BF;
	font-weight: bold;
}
.housin_sec01 .box03{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
}
.housin_sec01 .box03 p{
	margin-top: 30px;
}
.housin_sec01 .box04{
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.overview_ttl03.logo{
	background-position: 0% 0%;	
}
.overview_ttl03.logo::after{
	display: none;
}
.overview_ttl03.logo span{
	position: relative;
	display: inline-block;
}
.overview_ttl03.logo span::after{
	content: '';
	position: absolute;
	bottom: -5px;
	width: 100%;
	height: 2px;
	left: 0px;
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	background-color: #00B5BB;
}
.message_logo {
	width: 360px;
	margin-top: 180px;
	margin-left: 80px;
}
.message_logo img{
	width: 100%;
	height: auto;
}


/**/
@media screen and (min-width:0px) and (max-width:640px) {
.housin_sec01{
	width: auto;
	padding: 15px 20px;
	display: block;
}

.housin_sec01 .box01{
	width: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	margin-right: auto;
}
.housin_sec01 .box02{
	width: auto;	
}
.housin_sec01 .box03{
	width: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	margin-right: auto;
}
.overview_ttl03 {
	font-size: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.housin_sec01 .box01 .txt01{
	font-size: 14px;
}
.overview_ttl03.logo{
	background-position: 0% 0%;	
}
.overview_ttl03.logo::after{
	display: none;
}
.message_logo {
	width: 250px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
}

/**/
.group_sec01{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	text-align: left;
}
.overview_ttl06{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #00B9BF;
	padding-bottom: 0px;
}
.overview_ttl06::before,.overview_ttl06::after{
display: none;
}
.group_sec01 p{
	padding: 0px;
	margin: 0px;
}
.group_outline{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.group_tbl01{
	width: 550px;	
}
.group_logo{
	width: 360px;
	padding: 60px;
}
.group_logo img{
	width: 240px;	
}
.group_tbl01 table {
	width: 100%;
}
.group_tbl01 table th{
	font-size: 14px;
	color: #00B9BF;
	border-bottom: 2px solid #00B9BF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	width: 80px;
}
.group_tbl01 table td{
	font-size: 14px;
	border-bottom: 2px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.group_tbl01 table tr:first-child th{
	border-top: 2px solid #00B9BF;
}
.group_tbl01 table tr:first-child td{
	border-top: 2px solid #cccccc;
}
.group_tbl01 table a{
	color: #00B9BF;
	text-decoration: none;
}
.group_tbl01 table a:hover{
	opacity: 0.7;
}

.group_logo.pc a {
  display: inline-block;
}

.group_logo.pc a:hover {
  opacity: .7;
  transition: .3s;
}

@media screen and (min-width:0px) and (max-width:640px) {
.group_sec01{
	width: auto;
	margin-right: 1em;
	margin-left: 1em;
	margin-top: 40px;
}
.overview_ttl06{
	font-size: 18px;
}
.group_sec01 p{
	line-height: 2em;
}
.group_outline{
	display: block;
	margin-top: 30px;
}
.group_tbl01{
	width: auto;	
}
.group_logo{
	width: 100%;
	padding: 10px 50px;
	text-align: center;
}
.group_logo img{
	max-width: 100%;	
}
.housin_sec01 .box03{
	width: auto;
}
.housin_sec01 .box04{
	width: auto;
	font-size: 18px;
	font-weight: bold;
}
.group_tbl01 table th{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #00B9BF;
}
.group_tbl01 table td{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom: 1px solid #cccccc;
}
.group_tbl01 table tr:first-child th{
	border-top: 1px solid #00B9BF;
}
.group_tbl01 table tr:first-child td{
	border-top: 1px solid #cccccc;
}
}


/*詳しくはコチラボタン↓--------------*/

.linkBtn {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}

.linkBtn a {
    position: relative;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}

.linkBtn a::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

.linkBtn a:hover::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}

/**/
.officer_sec01{
	text-align: left;
	padding-top: 70px;
	padding-bottom: 0px;
}
.officer_sec01.bg01{
	background-color: #F0F0F0;
}
.officer_sec01 .linkBtn {
	text-align: center;
	padding-top: 10px;
}
.officer_block01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.officer_block01 p{
	font-size: 14px;
	line-height: 1.8em;
}
.officer_box01{
	width: 320px;	
}
.officer_box01 .photo img{
	vertical-align: bottom;
}
.officer_box02{
	width: 580px;
	padding-bottom: 20px;
}
.officer_ttl01{
	line-height: 2em;
	position: relative;
	display: block;
	padding-bottom: 0px;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 2px solid #00B9BF;
}
.officer_ttl01::after,.officer_ttl01::before{
	display: none;
}
.officer_ttl01 .kana{
	font-weight: normal;
	margin-left: 5px;
	margin-right: 20px;
	line-height: normal;
	font-size: 12px;
}
.officer_ttl01 .position{
	font-weight: normal;
	font-size: 14px;
	color: #00B9BF;
	position: absolute;
	right: 0px;
	bottom: 10px;
	line-height: 1em;
}
.officer_history{
	margin-bottom: 20px;	
}
.officer_history dt::before,.officer_history dd::before{
	display: none;
}
.officer_history dt,.officer_history dd{
	padding: 0px;
	line-height: 1.5em;
	margin: 0px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.officer_history dt{
	width: 80px;
	float: left;
	clear: left;
	font-weight: normal;
}
.officer_history dd{
	padding-left: 90px;
	border-bottom: 1px solid #CCCCCC;
}
.officer_history::after{
	content: '';
	clear: both;
	display: block;
}
.page_overview .readMore{
	text-align: right;
	position: relative;
	letter-spacing: 0.1em;
	cursor: pointer;
}

.page_overview .readClose{
	text-align: right;
	position: relative;
	letter-spacing: 0.1em;
	cursor: pointer;
	display: none;
}

.page_overview .readMore::before{
	content: '';
	background-image: url(assets/img/officer/svg/close.svg);
	width: 16px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	background-position: center center;
	margin-right: 4px;
	vertical-align: middle;
}
.page_overview .readClose::before{
	content: '';
	background-image: url(assets/img/officer/svg/open.svg);
	width: 16px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	background-position: center center;
	margin-right: 4px;
	vertical-align: bottom;
}
.page_overview .readMore::after{
	content: '';
	top: 50%;
	right: 120px;
	left: 0px;
	height: 1px;
	display: block;
	position: absolute;
	background-color: #4D4D4D;
}
.page_overview .readClose::after{
	content: '';
	top: 50%;
	right: 90px;
	left: 0px;
	height: 1px;
	display: block;
	position: absolute;
	background-color: #4D4D4D;
}
.officer_more{
	display: none;
}
.officer_more p{
	padding: 0px;	
}
.page_overview.officer .inner{
	padding-bottom: 0px;
}
.readMoreSP,.readCloseSP{
	display: none;
}

@media screen and (min-width:0px) and (max-width:640px) {
.officer_sec01{
	padding-top: 20px;
	width: auto;
}
.officer_sec01 .linkBtn {
	transform: scale(0.5);
	position: absolute;
	text-align: center;
	padding-top: 0px;
	top: 70px;
	right: 0px;
	width: 60%;
	padding-right: 20px;
}
.officer_sec01.bg01{
	background-color: #ffffff;
}
.officer_block01{
	width: auto;
	display: block;
	position: relative;
}
.officer_block01 p{
	font-size: 14px;
	line-height: 1.8em;
}
.officer_box01{
	width: 40%;
	padding-left: 10%;
}
.officer_box01 .photo{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	}
.officer_box01 .photo img{
	width: 100%;
	}
.officer_box02{
	width: auto;
	padding-bottom: 0px;
}
.officer_ttl01{
	line-height: 2em;
	position: absolute;
	display: flex;
	padding-bottom: 0px;
	font-size: 20px;
	margin-bottom: 0px;
	border-bottom: none;
	top: 35px;
	right: 0px;
	width: 60%;
	padding-top: 0px;
	text-align: center;
	height: 120px;
	flex-direction: column;
	padding-right: 20px;
}
.chairman .officer_ttl01{
	top: 25px;
}
.officer_ttl01 .kana{
	display: none;
}
.officer_ttl01 .position{
	font-size: 14px;
	position: static;
	right: auto;
	bottom: auto;
	line-height: 1em;
	width: 100%;
	order: -1;
}

.page_overview .readMore{
	display: none;
}
.page_overview .readClose{
	display: none;
}

.officer_more{
	display: block;
}
	
.officer_block01 .panel_inner{
	display: none;
	margin-right: 1em;
	margin-left: 1em;
	}
.page_overview .readMoreSP{
	text-align: center;
	position: relative;
	letter-spacing: 0.1em;
	padding: 10px;
	cursor: pointer;
	background-color: #F0F0F0;
	display: block;
}

.page_overview .readCloseSP{
	text-align: center;
	position: relative;
	letter-spacing: 0.1em;
	padding: 10px;
	cursor: pointer;
	background-color: #F0F0F0;
	display: none;
}

.page_overview .readMoreSP::before{
	content: '';
	background-image: url(assets/img/officer/svg/close.svg);
	width: 16px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	background-position: center center;
	margin-right: 4px;
	vertical-align: middle;
}
.page_overview .readCloseSP::before{
	content: '';
	background-image: url(assets/img/officer/svg/open.svg);
	width: 16px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	background-position: center center;
	margin-right: 4px;
	vertical-align: bottom;
}
}

/*  */
img.pmarkImg {
  width:100px;
  height:100px;
}
footer .p_fb > div img.pmarkImg {
  width:75px;
  height:75px;
}
body.privacy-policy img.pmarkImg,
body.handling img.pmarkImg {
  width:100px;
  height:100px;
}

/*  */
div.plane-text-area.form-page.payment-of-orca {
  display: none;
}


/**
 * 
 **/

 .archive-case {
  text-align: left;
  padding: 80px 0;
}

@media (max-width: 767px) {
  .archive-case {
    padding: 40px 0;
  }
}

.archive-case li {
  list-style: none;
}

.archive-case a {
  color: #333;
  text-decoration: none;
}

.archive-case h2, .archive-case h3, .archive-case p {
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0;
}

.archive-case h2:after, .archive-case h2:before, .archive-case h3:after, .archive-case h3:before, .archive-case p:after, .archive-case p:before {
  content: none;
}

.archive-case .archive-case__taxbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 940px;
  margin: 0 auto 30px;
}

@media (max-width: 767px) {
  .archive-case .archive-case__taxbtn {
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 0 20px;
  }
}

.archive-case .archive-case__taxbtn__item {
  width: 31.9%;
}

@media (max-width: 767px) {
  .archive-case .archive-case__taxbtn__item {
    width: 32%;
  }
}

.archive-case .archive-case__taxbtn__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #007580;
  border-radius: 6px;
  padding: 12px;
  color: #007580;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .archive-case .archive-case__taxbtn__item a {
    font-size: 12px;
    padding: 7px;
  }
}

.archive-case .archive-case__taxbtn__item a:hover {
  background: #007580;
  color: #fff;
}

.archive-case .archive-case__taxbtn__item.-active a {
  background: #007580;
  color: #fff;
}

.archive-case .archive-case__head {
  text-align: center;
  padding: 0 0 24px;
  margin: 0 auto 40px;
  position: relative;
  font-size: 36px;
}

@media (max-width: 767px) {
  .archive-case .archive-case__head {
    font-size: 28px;
  }
}

.archive-case .archive-case__head:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 2px;
  border-radius: 10px;
  background: #fce2ae;
  background: -webkit-gradient(linear, left top, right top, from(#fce2ae), color-stop(50%, #fce2ae), color-stop(50%, #53b8bb), to(#53b8bb));
  background: -webkit-linear-gradient(left, #fce2ae 0%, #fce2ae 50%, #53b8bb 50%, #53b8bb 100%);
  background: -o-linear-gradient(left, #fce2ae 0%, #fce2ae 50%, #53b8bb 50%, #53b8bb 100%);
  background: linear-gradient(90deg, #fce2ae 0%, #fce2ae 50%, #53b8bb 50%, #53b8bb 100%);
}

.archive-case .archive-case__list {
  max-width: 940px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 767px) {
  .archive-case .archive-case__list {
    display: block;
    max-width: 100%;
    padding: 0 20px;
  }
}

.archive-case .archive-case__item {
  width: 48.4%;
  margin: 0 0 30px;
}

@media (max-width: 767px) {
  .archive-case .archive-case__item {
    width: 100%;
  }
  .archive-case .archive-case__item + li {
    margin-top: 20px;
  }
}

.archive-case .archive-case__item a {
  display: block;
  padding: 24px;
  border-radius: 8px;
  background: #F8F7F7;
}

@media (max-width: 767px) {
  .archive-case .archive-case__item a {
    padding: 20px;
  }
}

.archive-case .archive-case__item__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 15px;
}

.archive-case .archive-case__item__cat {
  padding: 8px 10px;
  background: #007580;
  margin-right: 16px;
  display: inline-block;
  line-height: 1;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

@media (max-width: 767px) {
  .archive-case .archive-case__item__cat {
    font-size: 10px;
    padding: 5px 7px;
  }
}

.archive-case .archive-case__item time {
  margin-right: auto;
  font-size: 14px;
}

@media (max-width: 767px) {
  .archive-case .archive-case__item time {
    font-size: 12px;
  }
}

.archive-case .archive-case__item__cap {
  font-size: 14px;
  font-weight: bold;
  border-radius: 70px;
  background: #F0C25B;
  line-height: 1;
  text-align: center;
  padding: 8px 28px;
  color: #333;
}

@media (max-width: 767px) {
  .archive-case .archive-case__item__cap {
    padding: 6px 18px;
    font-size: 12px;
  }
}

.archive-case .archive-case__item__title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 13px;
}
.archive-case .archive-case__item__title br.bcNone {
  display: none;
}

.archive-case .archive-case__item__thumbnail {
  margin: 0 auto 15px;
}

.archive-case .archive-case__item__thumbnail img {
  width: 100%;
  height: auto;
}

.archive-case .archive-case__item__content p {
  font-size: 14px;
  line-height: 1.57;
}

.archive-case .archive-case__item__cf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.archive-case .archive-case__item__cf + .archive-case__item__cf {
  border-top: 1px solid #CECECE;
  margin: 16px 0 0;
  padding: 16px 0 0;
}

.archive-case .archive-case__item__cf__head {
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}
.archive-case .archive-case__item__cf__head br.bcNone{
  display: none;
}

.archive-case .archive-case__item__cf__body {
  font-size: 14px;
  font-weight: normal;
}

.archive-case .archive-case__item__foot {
  border-top: 1px solid #CECECE;
  margin: 16px 0 0;
  padding: 16px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.archive-case .archive-case__item__foot span {
  font-size: 12px;
  color: #007580;
  line-height: 1;
  padding: 8px 20px;
  border-radius: 50px;
  border: 1px solid #007580;
  margin-right: 8px;
}

.m-pageheader {
  padding: 26px;
}

@media (max-width: 767px) {
  .m-pageheader {
    padding: 15px;
  }
}

.m-pageheader.-case {
  background: url(assets/img/_common/bg_pageheader_case.jpg) no-repeat center/cover;
}

.m-pageheader__head span {
  display: block;
  text-align: center;
}

.m-pageheader__jpn {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  color: #333;
}

@media (max-width: 767px) {
  .m-pageheader__jpn {
    font-size: 24px;
  }
}

.m-pageheader__en {
  margin-top: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #53B8BB;
  font-family: 'Montserrat', sans-serif;
}

@media (max-width: 767px) {
  .m-pageheader__en {
    font-size: 12px;
    margin-top: 10px;
  }
}

.m-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-pagination__prev a,
.m-pagination__prev span, .m-pagination__next a,
.m-pagination__next span {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.m-pagination__prev a, .m-pagination__next a {
  border-bottom: 1px solid #333;
}

.m-pagination__body {
  margin: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-pagination__body li {
  margin: 0 4px;
}

.m-pagination__body li span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #333333;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.m-pagination__body li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #F8F7F7;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #B9B9B9;
}

.caseStudy-useful {
  max-width: 700px;
  margin: 0 auto;
  padding: 60px 0 140px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .caseStudy-useful {
    max-width: 100%;
    padding: 40px 20px 80px;
  }
}

.caseStudy-useful .caseStudy-useful__head {
  text-align: left;
  margin: 0 0 60px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__head {
    margin: 0 0 40px;
  }
}

.caseStudy-useful .caseStudy-useful__head h1 {
  padding: 0;
  margin: 0 0 32px;
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__head h1 {
    font-size: 24px;
    margin: 0 0 28px;
  }
}

.caseStudy-useful .caseStudy-useful__head__cap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto 60px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__head__cap {
    margin: 0 auto 40px;
  }
}

.caseStudy-useful .caseStudy-useful__head__cap span {
  background: #007580;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 8px 10px;
  margin-right: 20px;
}

.caseStudy-useful .caseStudy-useful__head__cap time {
  font-size: 16px;
}

.caseStudy-useful .caseStudy-useful__head__thumbnail img {
  width: 100%;
  height: auto;
}

.caseStudy-useful .caseStudy-useful__body {
  text-align: left;
}

.caseStudy-useful .caseStudy-useful__body:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.caseStudy-useful .caseStudy-useful__body strong {
  font-weight: bold;
}

.caseStudy-useful .caseStudy-useful__body em {
  font-style: italic;
}

.caseStudy-useful .caseStudy-useful__body .aligncenter {
  display: block;
  margin: 0 auto;
}

.caseStudy-useful .caseStudy-useful__body .alignright {
  float: right;
}

.caseStudy-useful .caseStudy-useful__body .alignleft {
  float: left;
}

.caseStudy-useful .caseStudy-useful__body img {
  max-width: 100%;
  height: auto;
  margin: 20px 0;
}

.caseStudy-useful .caseStudy-useful__body img[class*="wp-image-"],
.caseStudy-useful .caseStudy-useful__body img[class*="attachment-"] {
  height: auto;
  max-width: 100%;
}

.caseStudy-useful .caseStudy-useful__body h2 {
  padding: 0 0 15px;
  margin: 50px 0 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-align: left;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body h2 {
    margin: 40px 0 20px;
    font-size: 18px;
  }
}

.caseStudy-useful .caseStudy-useful__body h2:before {
  content: '';
  position: absolute;
  background: #53B8BB;
  border-radius: 10px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.caseStudy-useful .caseStudy-useful__body h2:after {
  content: '';
  position: absolute;
  background: #FCE2AE;
  border-radius: 10px 0 0 10px;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body h2:after {
    width: 50px;
  }
}

.caseStudy-useful .caseStudy-useful__body h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 30px 0 24px;
  padding: 0 0 0 18px;
  position: relative;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body h3 {
    margin: 30px 0 20px;
    font-size: 16px;
  }
}

.caseStudy-useful .caseStudy-useful__body h3:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #53B8BB;
  border-radius: 10px;
}

.caseStudy-useful .caseStudy-useful__body h3:after {
  content: none;
}

.caseStudy-useful .caseStudy-useful__body p {
  font-weight: normal;
  font-size: 16px;
  margin: 0 0 30px;
  line-height: 2;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body p {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body p img {
  margin: 0;
}

.caseStudy-useful .caseStudy-useful__body a {
  font-size: 16px;
  color: #53B8BB;
  /* text-decoration: underline; */
  text-decoration: none;
  word-break: break-all;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body a {
    font-size: 14px;
    text-decoration: underline;
  }
}

.caseStudy-useful .caseStudy-useful__body a[target="_blank"]:after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background: url(assets/img/_common/external.svg) no-repeat left center/15px auto;
}

.caseStudy-useful .caseStudy-useful__body ul {
  margin: 20px 0;
}

.caseStudy-useful .caseStudy-useful__body ul li {
  font-size: 16px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body ul li {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body ol {
  padding-left: 5px;
  margin: 20px 0;
  list-style: none;
  counter-reset: item;
}

.caseStudy-useful .caseStudy-useful__body ol li {
  list-style: none;
  line-height: 2;
  font-size: 16px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body ol li {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body ol li:before {
  counter-increment: item;
  content: counter(item) ".";
  font-size: 16px;
  font-weight: bold;
  color: #007580;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body ol li:before {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body blockquote {
  margin: 40px 0;
  padding: 24px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  background: #F4F4F4;
  font-style: normal;
  border: none;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body blockquote {
    margin: 20px 0;
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body blockquote p {
  margin: 0;
  font-size: 16px;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__body blockquote p {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__body blockquote p + p {
  margin-top: 30px;
}

.caseStudy-useful .caseStudy-useful__body blockquote:before, .caseStudy-useful .caseStudy-useful__body blockquote:after {
  content: none;
}

.caseStudy-useful .caseStudy-useful__footer {
  margin: 60px 0 0;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__footer {
    margin: 40px 0 0;
  }
}

.caseStudy-useful .caseStudy-useful__footer__cv a {
  display: block;
  border: 3px solid #007580;
  border-radius: 10px;
  text-decoration: none;
}

.caseStudy-useful .caseStudy-useful__footer__cv__body {
  font-size: 15px;
  color: #007580;
  text-align: center;
  line-height: 1.8;
  background: #F8F7F7;
  border-radius: 10px;
  padding: 20px 10px;
  margin: 0;
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__footer__cv__body {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__footer__cv__foot {
  text-align: center;
  margin: 16px 0 20px;
}

.caseStudy-useful .caseStudy-useful__footer__cv__foot span {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 2.2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(50%, #ff6));
  background: -webkit-linear-gradient(transparent 60%, #ff6 50%);
  background: -o-linear-gradient(transparent 60%, #ff6 50%);
  background: linear-gradient(transparent 60%, #ff6 50%);
}

@media (max-width: 767px) {
  .caseStudy-useful .caseStudy-useful__footer__cv__foot span {
    font-size: 14px;
  }
}

.caseStudy-useful .caseStudy-useful__archive {
  text-align: center;
  margin: 50px auto 0;
}

.caseStudy-useful .caseStudy-useful__archive a {
  max-width: 197px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding: 16px 32px;
  border-radius: 8px;
  background: #EBEBEB;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  font-weight: normal;
}

.caseStudy-useful .caseStudy-useful__archive a svg {
  margin-right: 15px;
  position: relative;
  top: 1px;
}

.m-cvarea {
  margin: 70px 0 0;
  position: relative;
  padding: 90px 0 105px;
  background: url(assets/img/front/cv_bg.jpg) no-repeat center/cover;
}
.m-cvarea.-front{
  margin: 0;
}

@media (max-width: 767px) {
  .m-cvarea {
    margin: 50px 0 0;
    padding: 38px 20px;
    background: url(assets/img/front/cv_bg_sp.jpg) no-repeat center/cover;
  }
  .m-cvarea.-front{
    margin: 0;
  }
}

.m-cvarea__head {
  position: absolute;
  background: #F8B62F;
  border-radius: 110px;
  font-size: 28px;
  font-weight: bold;
  max-width: 544px;
  width: 100%;
  height: 72px;
  line-height: 72px;
  text-align: center;
  left: 0;
  right: 0;
  top: -36px;
  margin: auto;
}

@media (max-width: 767px) {
  .m-cvarea__head {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    max-width: calc( 100% - 40px);
    top: -24px;
  }
}

.m-cvarea__lead {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.3;
  margin: 0 auto 15px;
}

@media (max-width: 767px) {
  .m-cvarea__lead {
    font-size: 28px;
  }
}

.m-cvarea__lead br {
  display: none;
}

@media (max-width: 767px) {
  .m-cvarea__lead br {
    display: block;
  }
}

.m-cvarea__txt {
  text-align: center;
  color: #fff;
  font: 18px;
  margin: 0 auto 38px;
}

@media (max-width: 767px) {
  .m-cvarea__txt {
    font-size: 16px;
    margin: 0 auto 30px;
  }
}

.m-cvarea__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto 18px;
}

@media (max-width: 767px) {
  .m-cvarea__column {
    display: block;
    max-width: 100%;
    margin: 0 auto 30px;
  }
}

.m-cvarea__tel {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  width: 49%;
}

@media (max-width: 767px) {
  .m-cvarea__tel {
    width: 100%;
    margin: 0 auto 32px;
  }
}

.m-cvarea__tel a {
  display: block;
  padding: 24px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .m-cvarea__tel a {
    padding: 22px 15px;
  }
}

.m-cvarea__tel__head {
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin: 0 auto 24px;
  color: #fff;
}

@media (max-width: 767px) {
  .m-cvarea__tel__head {
    font-size: 18px;
    margin: 0 auto 26px;
  }
}

.m-cvarea__tel__number {
  font-size: 54px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 20px;
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}

@media (max-width: 767px) {
  .m-cvarea__tel__number {
    font-size: 40px;
  }
}

.m-cvarea__tel__number img {
  width: 34px;
  margin-right: 10px;
}

.m-cvarea__tel__day {
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: block;
}

@media (max-width: 767px) {
  .m-cvarea__tel__day {
    font-size: 15px;
  }
}

.m-cvarea__mail {
  background: #007580;
  border-radius: 8px;
  width: 49%;
}

@media (max-width: 767px) {
  .m-cvarea__mail {
    width: 100%;
  }
}

.m-cvarea__mail a {
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  text-decoration: none;
}

@media (max-width: 767px) {
  .m-cvarea__mail a {
    padding: 32px 15px 30px;
  }
}

.m-cvarea__mail a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 14px;
  width: 16px;
  height: 26px;
  background: url(assets/img/front/icon_arrow.svg) no-repeat center/contain;
}

@media (max-width: 767px) {
  .m-cvarea__mail a:after {
    width: 9px;
    height: 17px;
  }
}

.m-cvarea__mail__head {
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin: 0 auto 26px;
  color: #fff;
}

@media (max-width: 767px) {
  .m-cvarea__mail__head {
    font-size: 18px;
  }
}

.m-cvarea__mail__lead {
  font-size: 32px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px;
  font-family: helvetica, 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}

@media (max-width: 767px) {
  .m-cvarea__mail__lead {
    font-size: 22px;
    margin: 0 auto 26px;
  }
}

.m-cvarea__mail__lead img {
  width: 28px;
  margin-right: 10px;
}

.m-cvarea__mail__hour {
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: block;
}

@media (max-width: 767px) {
  .m-cvarea__mail__hour {
    font-size: 15px;
  }
}

.m-cvarea__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .m-cvarea__btn {
    display: block;
    max-width: 100%;
  }
}

.m-cvarea__btn a {
  background: #fff;
  width: 49%;
  border-radius: 3px;
  color: #007580;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 33px 0;
  text-decoration: none;
}

@media (max-width: 767px) {
  .m-cvarea__btn a {
    width: 100%;
    display: block;
    padding: 26px 0;
    font-size: 21px;
  }
  .m-cvarea__btn a:nth-child(1) {
    margin-bottom: 30px;
  }
}

.m-cvarea__btn a:after {
  content: '';
  position: absolute;
  background: url(assets/img/front/icon_arrow_green.svg) no-repeat center/contain;
  width: 15px;
  height: 27px;
  top: 0;
  bottom: 0;
  right: 14px;
  margin: auto;
}

@media (max-width: 767px) {
  .m-cvarea__btn a:after {
    width: 9px;
    height: 17px;
  }
}

/*  */
div.trustedWebStickerWtxt {
  background-color: #f0f0f0;
  padding: 1em;
  font-size: smaller;
  text-align: center;
}
div.trustedWebStickerWtxt a:link {
  color: #009499;
  text-decoration: underline;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
div.trustedWebStickerWtxt a:hover {
  color: #3cd2ce;
  text-decoration: none;
  transition: all 0.3s;
}
div.trustedWebStickerWtxt img.dummy {
  width: auto;
  height: 72px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  div.trustedWebStickerWtxt {
    display: none;
  }
}

video {
  width: 100%;
}