@charset "UTF-8";

/* -------------------------
//
//1.Base Style:基本
//2.Structure:構造
//3.Gnavi
//4.template:table/list/a/btn...
//5.Contetns page:customar/faq...
//
--------------------------- */

/* font-awesome5 2021.07 */
@import url("/assets/styles/fontawesome/css/all.min.css");


/*=========================================================================
//1.Base Style:基本
=========================================================================*/

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

body {
	font-size: 15px;
	color: #000;
	line-height: 1.875;
	line-height: 1.55;
	font-family: "Roboto Regular",Arial,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック","MS PGothic", sans-serif;
} 

@media screen and  (max-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.57;
  }
}
@media screen and (max-width: 640px)  {
  body {
    font-size: 13px;
    line-height: 1.44;
  }
}
input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color:#337ab7; /* 009842; */
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #004c21;
  text-decoration: underline;
}
/* hover時線が不要 */
.no-line {
  text-decoration-line: none!mportant;
}

a:hover img {
  opacity: 0.7;
}

img {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  color: inherit;
}
.h3-d{
  font-weight: 500;
  font-size:15px;
}
p, ul, ol, dl, table {
  margin: 0 0 30px;
}
@media (max-width: 768px) {
  p, ul, ol, dl, table {
    margin: 0 0 20px;
  }
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

.head-1-a{ font-weight:normal!important;}

.m0{ margin:0 0 0 0!important;}
/* ---------------------共通ヘッダー 日本語・英語切り替え--------------------- */
	.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width:60px;
  margin: 0px auto 0px;
  padding: 0 10px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: right;
  margin: 0 15px 0 0 ;
  padding: 0 0px 0 0 ;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding:8px 12px 6px 0;
  background: #fff;
  color: #000;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
/* hoverで表示 dropdownメニュー */
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  right: 0!important;
  margin: 0!important;
  padding: 0;
   background: #fff;
  border:1px solid #ccc;
}
.dropmenu li ul li{
  margin: 0!important;
  padding: 0 0px 0 0!important;
}

.dropmenu li ul li a{
  padding: 9px 10px 8px 10px;
  width:100px;
  margin-top:0;
  background: #fff;
  text-align: left;

}


/* 広がるように */
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.dropmenu li:hover > a{
  background: #e9e9e9
}
.dropmenu li a:hover{
  background: #e9e9e9;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/* ---------------------共通ヘッダー 日本語・英語切り替え//--------------------- */


	/*  margin */
	.mb0{ margin-bottom:0px;!mportant;}

	/*  padding */
	.pt10{ padding-top:10px;!mportant;}
	.pt15{ padding-top:15px!important;}
	.pt20{ padding-top:20px!important;}
	.pt25{ padding-top:25px!important;}
	.pt30{ padding-top:30px!important;}
	.pt40{ padding-top:40px!important;}
	.pt50{ padding-top:50px!important;}
	
	.pl10{ padding-left:10px;!mportant;}
	.pl15{ padding-left:15px!important;}
	.pl17{ padding-left:16px!important;}
	.pl17{ padding-left:17px!important;}
	.pl18{ padding-left:18px!important;}
	.pl20{ padding-left:20px!important;}
	.pl25{ padding-left:25px!important;}
	.pl30{ padding-left:30px!important;}
	
	.pr10{ padding-right:10px;!mportant;}
	.pr15{ padding-right:15px!important;}
	.pr17{ padding-right:16px!important;}
	.pr17{ padding-right:17px!important;}
	.pr18{ padding-right:18px!important;}
	.pr20{ padding-right:20px!important;}
	.pr25{ padding-right:25px!important;}
	.pr30{ padding-right:30px!important;}

	.pb2{ padding-bottom:2px;!mportant;}
	.pb5{ padding-bottom:5px;!mportant;}
	.pb10{ padding-bottom:10px;!mportant;}
	.pb15{ padding-bottom:15px!important;}
	.pb20{ padding-bottom:20px!important;}
	.pb25{ padding-bottom:25px!important;}
	.pb30{ padding-bottom:30px!important;}
	.pb40{ padding-bottom:40px!important;}

	.mb2{ margin-bottom:2px;!mportant;}
	.mb3{ margin-bottom:3px;!mportant;}
	.mb5{ margin-bottom:5px;!mportant;}
	.mb15{ margin-bottom:15px;!mportant;}
	
	.p0{ padding:0!important;}

	/* text 太字なくしてノーマル */
	.no-b{ font-weight:normal!important;}
	
	 .link-color-bk1 a{color:#333!important;}
	.link-color-bk1{color:#333!important;}
	/* 紫 */
	.solution-color1{color:#442d50;}
	/* 紺 */
	.solution-color2{color:#0d2c4c;}
	/* 紺 */
	.solution-color2{color:#0d2c4c;}
	/* ./ここまで　main.cssに移動 */
	
	/* 問い合わせページの下の注釈 2020.10 */
	/* 文字 */
	.f-chui{color:#666; font-size:14px;}
	/* 幅の余白 */
	.wrap-chui{margin:20px 17%;}
	@media (max-width: 640px) {
	.wrap-chui{margin:10px 2%;}
		}
	/* faq-シンプル枠 */
	.wrap-faq{border:1px solid #ccc;padding:10px;}
	
	

/* サービスページ　キャンペーンとプレスがあるときの右上の黄色いボタン
	---------------------------------------------------------- */

/* マーカー */
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker_blue_hoso {
    background: linear-gradient(transparent 17%, #cae2f1 60%);
}


.mincho {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho",
     "MS 明朝", serif;transform: rotate(0.05deg);subpixel-antialiased (Default);
}

.w{color:#fff!important;}


/* テンプレ　見だしwide */





/* 2カラム　余白40px */
.pr-2column{ padding-right:50px;}

@media (max-width: 640px) {
.pr-2column{ padding-right:10px;}
}


.bg-mask {
   padding: 1px 10px;
  background: rgba(0, 0, 0,0.5);
}

@media (max-width: 768px) {
.bg-mask {
   padding: 4px 10px 4px;
  background: rgba(0, 0, 0,0.5);
}
}

/* solution 帯 */
.wrap_full_top {
    background-position: top center;
    margin: 12px -10px 0;
background-size:cover;
}

/* DX page_H1 見出し */
.wrap_full_top .contents-inner_only h1{font-size:2.4rem; padding:0 0 0 10px; color:#fff!important;}



/* bootstrap_20200731削除 横ずれ
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
 */
.head-1-wrap-w{margin-left: -15px; margin-right: -15px;}


/*=========================================================================
//2.Structure:構造
=========================================================================*/

body {
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  font-weight: 200;
}

@media (max-width: 768px) {
  body {
    font-weight: 300;
  }
}

/* _2020修正 */
/* 
@media (max-width: 1024px) {

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
     margin-right: -10px;
}}
*/


@media (max-width: 768px) {
  .contents {
    padding-top: 30px;
  }
}

.contents .contents-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.contents-inner_only {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 767px) {
.contents-inner_only {
  width: 100%;
}
}



/*  pankuz */


.contents .topic-path ul li {
  display: inline-block;
}

.contents .topic-path ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -2px 6px 0;
}

.contents .topic-path ul li:first-child:before {
  content: none;
  display: none;
}

.contents .topic-path ul li em {
  font-style: normal;
}

.contents .topic-path {
  font-size: 12px;
  color: #333;
    padding-top: 0px;/* 本番 20px */
padding-bottom:2px;
   /* staging */
    margin-bottom: -8px;
}
.contents .topic-path a{
  color:#337ab7;
}
.contents .topic-path ul {
  padding: 0;
  border-bottom: none;
    padding: 12px 0 0px 0;
  margin-bottom: 0px;
}





@media (max-width: 768px) {

.row {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}


  .contents .contents-inner {
    width: 100%;
  }
  
  /* mobileパンくず出すか否か  */
  .contents .topic-path {
   /*   display: none; */
    margin-top: 5px;
    font-size: 12px;
}
}

.footer {
margin: 60px -15px 0;
    padding: 0 10px 0 10px;
  position: relative;
}

@media (max-width: 768px) {
  .footer {
    margin-top: 40px;
  }
}

.footer .topic-path {
  display: none;
}

@media (max-width: 768px) {
  .footer .topic-path {
    display: block;
    font-size: 11px;
    background-color: #efefef;
    margin: 0 -10px;
    padding: 10px 10px;
    overflow-x: scroll;
  }
  .footer .topic-path ul {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
  }
  .footer .topic-path ul li {
    display: inline-block;
  }
  .footer .topic-path ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    margin: -2px 6px 0 4px;
  }
  .footer .topic-path ul li:first-child:before {
    content: none;
    display: none;
  }
  .footer .topic-path ul li em {
    font-style: normal;
  }
}

.footer .footer-block-1 {
  border-top: 1px solid #dcdcdc;
}

.footer .footer-block-1 .footer-block-1-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 12px 0 16px;
}

.footer .footer-block-1 .footer-block-1-inner p {
  margin: 0;
}

@media (max-width: 768px) {
  .footer .footer-block-1 {
    margin: 0 -15px;
  }
  .footer .footer-block-1 .footer-block-1-inner {
    width: 100%;
    padding: 12px 15px;
  }
  .footer .footer-block-1 .footer-block-1-inner p>img {
    width: 87px;
  }
}

.footer .footer-block-2 {
  background-color: #333333;
  margin: 0 -10px;
  padding: 0 10px;
  }

.footer .footer-block-2 .footer-block-2-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 22px 0 18px;
  font-weight: 200;
}

.footer .footer-block-2 .footer-block-2-inner ul {
  list-style: none;
  padding: 0;
  position: relative;
}

.footer .footer-block-2 .footer-block-2-inner ul:before, .footer .footer-block-2 .footer-block-2-inner ul:after {
  content: "";
  display: table;
}

.footer .footer-block-2 .footer-block-2-inner ul:after {
  clear: both;
}

.footer .footer-block-2 .footer-block-2-inner ul li {
  width: 25%;
  float: left;
  font-size: 18px;
  border-left: 1px solid #505050;
  /* min-height: 230px;*/
  padding: 0 14px 14px;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application {
  right: 0;
  bottom: 5px;
  border-left: none;
  position: relative;
  padding: 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 60px;
  background: #333;
  position: absolute;
  top: -20px;
  left: 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application a {
  background-color: #fabf1b;
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application a:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #000;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application a:before {
  border-right: 1px solid #333;
  border-top: 1px solid #333;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application, .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-login {
  position: absolute;
  min-height: 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application a, .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-login a {
  display: inline-block;
  text-align: center;
  padding: 0 0 2px;
  line-height: 38px;
  width: 100%;
}

.footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application a:before, .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-login a:before {
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -2px 6px 0 -2px;
}

.footer .footer-block-2 .footer-block-2-inner ul li a {
  color: #fff;
}

.footer .footer-block-2 .footer-block-2-inner ul li ul {
  margin: 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li ul li {
  width: auto;
  font-size: 14px;
  float: none;
  border: none;
  min-height: 0;
  margin: 8px 0 0;
  padding: 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li ul li a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -2px 6px 0 0;
}

.footer .footer-block-2 .footer-block-2-inner ul li ul li a{
color:#ccc;
}

@media (max-width: 992px) {
  .footer .footer-block-2 .footer-block-2-inner {
    padding: 20px 0;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li {
    width: 50%;
    border-left: none;
    margin-bottom: 30px;
    min-height: auto;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application, .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-login {
    padding: 0 15px;
    position: static;
  }
}

@media (max-width: 768px) {
  .footer .footer-block-2 .footer-block-2-inner {
    width: 100%;
    padding: 8px 0 14px;
     display: inline-block;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li {
    width: 50%;
    float: left;
    font-size: 11px;
    border-left: none;
    border-top: 1px solid #505050;
    min-height: 0;
    padding: 10px;
    margin-bottom: 0;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application {
    padding: 15px;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li.footer-btn-application:before {
    display: none;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li a {
    display: inlin-block;
    padding: 0px 4px;
  }
  .footer .footer-block-2 .footer-block-2-inner ul li ul {
    display: block;
  }
  .footer .footer-block-2 .footer-block-2-inner>ul>li:not([class])>a {
    position: relative;
  }
  .footer .footer-block-2 .footer-block-2-inner>ul>li:not([class])>a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
  }
}

.footer .footer-block-3 {
  background-color: #252525;
  margin: 0 -10px;
    padding: 0 10px;
}

.footer .footer-block-3 .footer-block-3-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 0;
}

.footer .footer-block-3 .footer-block-3-inner ul {
  list-style: none;
  margin: 0;
  padding: 0 0 30px;
}

.footer .footer-block-3 .footer-block-3-inner ul:before, .footer .footer-block-3 .footer-block-3-inner ul:after {
  content: "";
  display: table;
}

.footer .footer-block-3 .footer-block-3-inner ul:after {
  clear: both;
}

.footer .footer-block-3 .footer-block-3-inner ul li {
  font-size: 18px;
  color: #fff;
  float: left;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-sns {
  width: 45%;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-sns ul {
  padding: 0;
  margin: 20px 0 0;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-sns ul li {
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin: 0 36px 0 0;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-blog {
  width: 55%;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul {
  margin: 20px -10px 0;
  padding: 0;
}

.footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul li {
  float: left;
  width: 33%;
  text-align: center;
  padding: 0 10px;
}
.footer .footer-block-2 .footer-block-2-inner ul li ul li {
 /*  width: auto; */
  font-size: 11px;
  float: none;
  border: none;
  min-height: 0;
  margin: 0px 0 0;
  padding: 2px 0;
}

/* footer-small-info  */

.footer .footer-block-3 .footer-block-3-inner .list-footer {
  /* ul横を中央に */
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  float: none;
  text-align: center;
}

.footer .footer-block-3 .footer-block-3-inner .list-footer li {
  display: inline;
  margin: 0 12px;
  font-size: 13px;
  text-align: center !important;
}

.footer .footer-block-3 .footer-block-3-inner .list-footer li a {
  color: #afafaf;
}

@media (max-width: 768px) {
  .footer .footer-block-3 .footer-block-3-inner .list-footer {
    display: block;
    text-align: center;
  }
  .footer .footer-block-3 .footer-block-3-inner .list-footer li {
    display: inline-block;
    margin: 0 6px;
    font-size: 12px;
    text-align: center !important;
  }
  .footer .footer-block-3 .footer-block-3-inner .list-footer li a {
    color: #fff;
  }
}


/* hr */

.bg-hr1 {
  background: url(/assets/images/bg-hr1.jpg) top repeat-x;
  padding: 14px 0 0 0;
}

.footer .footer-block-3 .footer-block-3-inner .pagetop {
  position: absolute;
  display: inline-block;
  bottom: 40px;
  right: 40px;
}

.footer .footer-block-3 .footer-block-3-inner .pagetop>a {
  display: inline-block;
}

.footer .footer-block-3 .footer-block-3-inner .copyright {
  margin: 0;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 0 0 30px;
}

@media (max-width: 992px) {
  .footer .footer-block-3 .footer-block-3-inner {
    width: 100%;
    padding: 15px;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-sns {
    width: 100%;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-sns ul {
    margin: 12px 0 30px;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-sns ul li {
    margin: 0 18px 0 0;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-blog {
    width: 100%;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul {
    margin-top: 12px;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul li {
    width: 33.33333%;
    margin-bottom: 15px;
    text-align: left;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul li img {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .footer .footer-block-3 .footer-block-3-inner ul li {
    font-size: 13px;
    float: none;
  }
  .footer .footer-block-3 .footer-block-3-inner ul li.footer-blog ul li {
    width: 50%;
  }
  .footer .footer-block-3 .footer-block-3-inner .pagetop {
    bottom: 10px;
    right: 0;
  }
  .footer .footer-block-3 .footer-block-3-inner .pagetop>a img {
    width: 28.5px;
  }
  .footer .footer-block-3 .footer-block-3-inner .copyright {
    font-size: 9px;
    padding-bottom: 0;
  }
}

.footer .page-top {
  position: fixed !important;
  bottom: 80px;
  right: 15px;
  display: none;
}

.footer .page-top a {
  border: 1px solid #7f99ad;
 background-color: #304d63;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 0%;
  display: block;
  width: 62px;
  height: 62px;
  position: relative;
}

.footer .page-top a:before {
  content: "";
  width: 16px;
  height: 16px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  display: block;
  vertical-align: middle;
  margin: -3px 0 0 -7px;
  position: absolute;
  left: 49%;
  top: 49%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.footer .page-top a span {
  visibility: hidden;
}

@media (max-width: 768px) {
  .footer .page-top a {
    width: 32px;
    height: 32px;
  }
  .footer .page-top a:before {
    /* margin: -4px 0 -10px -8px;  */
    margin: -3px 0 -10px -4px;
    width: 8px;
    height: 8px;
  }
}


/*==================================================
//media CARD
==================================================*/

.media {
  width: calc(100% + 20px);
  margin-left: -10px;
}

.media:before, .media:after {
  content: "";
  display: table;
}

.media:after {
  clear: both;
}

.media [class*='media-col-'] {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.media-col-xs-1 {
  width: 8.3333333333%;
}

.media-col-xs-2 {
  width: 16.6666666667%;
}

.media-col-xs-3 {
  width: 25%;
}

.media-col-xs-4 {
  width: 33.3333333333%;
}

.media-col-xs-5 {
  width: 41.6666666667%;
}

.media-col-xs-6 {
  width: 50%;
}

.media-col-xs-7 {
  width: 58.3333333333%;
}

.media-col-xs-8 {
  width: 66.6666666667%;
}

.media-col-xs-9 {
  width: 75%;
}

.media-col-xs-10 {
  width: 83.3333333333%;
}

.media-col-xs-11 {
  width: 91.6666666667%;
}

.media-col-xs-12 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.media-col-xs-col5 {
  width: 20%;
}

.pull-xs-left {
  float: left;
}

.pull-xs-right {
  float: right;
}

.pull-xs-none {
  float: none;
}

@media (min-width: 768px) {
  .media-col-sm-1 {
    width: 8.3333333333%;
  }
  .media-col-sm-2 {
    width: 16.6666666667%;
  }
  .media-col-sm-3 {
    width: 25%;
  }
  .media-col-sm-4 {
    width: 33.3333333333%;
  }
  .media-col-sm-5 {
    width: 41.6666666667%;
  }
  .media-col-sm-6 {
    width: 50%;
  }
  .media-col-sm-7 {
    width: 58.3333333333%;
  }
  .media-col-sm-8 {
    width: 66.6666666667%;
  }
  .media-col-sm-9 {
    width: 75%;
  }
  .media-col-sm-10 {
    width: 83.3333333333%;
  }
  .media-col-sm-11 {
    width: 91.6666666667%;
  }
  .media-col-sm-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .media-col-sm-col5 {
    width: 20%;
  }
  .pull-sm-left {
    float: left;
  }
  .pull-sm-right {
    float: right;
  }
  .pull-sm-none {
    float: none;
  }
}

@media (min-width: 992px) {
  .media-col-md-1 {
    width: 8.3333333333%;
  }
  .media-col-md-2 {
    width: 16.6666666667%;
  }
  .media-col-md-3 {
    width: 25%;
  }
  .media-col-md-4 {
    width: 33.3333333333%;
  }
  .media-col-md-5 {
    width: 41.6666666667%;
  }
  .media-col-md-6 {
    width: 50%;
  }
  .media-col-md-7 {
    width: 58.3333333333%;
  }
  .media-col-md-8 {
    width: 66.6666666667%;
  }
  .media-col-md-9 {
    width: 75%;
  }
  .media-col-md-10 {
    width: 83.3333333333%;
  }
  .media-col-md-11 {
    width: 91.6666666667%;
  }
  .media-col-md-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .media-col-md-col5 {
    width: 20%;
  }
  .pull-md-left {
    float: left;
  }
  .pull-md-right {
    float: right;
  }
  .pull-md-none {
    float: none;
  }
}

@media (min-width: 1280px) {
  .media-col-lg-1 {
    width: 8.3333333333%;
  }
  .media-col-lg-2 {
    width: 16.6666666667%;
  }
  .media-col-lg-3 {
    width: 25%;
  }
  .media-col-lg-4 {
    width: 33.3333333333%;
  }
  .media-col-lg-5 {
    width: 41.6666666667%;
  }
  .media-col-lg-6 {
    width: 50%;
  }
  .media-col-lg-7 {
    width: 58.3333333333%;
  }
  .media-col-lg-8 {
    width: 66.6666666667%;
  }
  .media-col-lg-9 {
    width: 75%;
  }
  .media-col-lg-10 {
    width: 83.3333333333%;
  }
  .media-col-lg-11 {
    width: 91.6666666667%;
  }
  .media-col-lg-12 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .media-col-lg-col5 {
    width: 20%;
  }
  .pull-lg-left {
    float: left;
  }
  .pull-lg-right {
    float: right;
  }
  .pull-lg-none {
    float: none;
  }
}

/*=========================================================================
//4.template:table/list/a/btn...
=========================================================================*/

.em-1 {
  color: #3378b4;
  font-style: normal;
}

.em-2 {
  color: #cc0000;
  font-style: normal;
}

.lead-1 {
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .lead-1 {
    margin: 0 0 20px;
    font-size: 16px;
  }
}

.lead-2 {
  font-size: 25px;
  background: #333;
  padding: 16px 10px;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .lead-2 {
    font-size: 14px;
    line-height: 1.5;
  }
}

.lead-3 {
  font-size: 27px;
  line-height: 1.5;
}

.lead-4 {
  font-size: 20px;
  margin: 0 0 0px;
}

.lead-5 {
  font-size: 14px;
  margin: 0 0 30px;
}

.text-error-1 {
  color: #cc0000;
}

.img-inline-1 {
  margin: -4px 20px 0 0;
}

ul.list-1 {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

ul.list-1 li:before {
  content: "・";
}

ul.list-1 li ul.list-1 {
  padding-left: 2em;
}

.list-mark {
  list-style: none;
  padding-left: 0;
}

.list-mark li {
  position: relative;
}

.list-mark li .list-mark-label {
  position: absolute;
  left: 0;
  top: 0;
}

.list-mark li .list-mark {
  padding-left: 1em;
}

.list-mark.list-mark-w-1 li {
  padding-left: 1em;
}

.list-mark.list-mark-w-1 li .list-mark-label {
  width: 1em;
}

.list-mark.list-mark-w-2 li {
  padding-left: 1.5em;
}

.list-mark.list-mark-w-2 li .list-mark-label {
  width: 1.5em;
}

.list-mark.list-mark-w-3 li {
  padding-left: 2em;
}

.list-mark.list-mark-w-3 li .list-mark-label {
  width: 2em;
}

.list-mark.list-mark-w-4 li {
  padding-left: 2.5em;
}

.list-mark.list-mark-w-4 li .list-mark-label {
  width: 2.5em;
}

.list-mark.list-mark-w-5 li {
  padding-left: 3em;
}

.list-mark.list-mark-w-5 li .list-mark-label {
  width: 3em;
}

.list-tag {
  padding: 0;
  list-style: none;
  margin: -5px 0 20px;
}

.list-tag li {
  display: inline-block;
  margin: 5px 5px 0 0;
  vertical-align: top;
}

.list-tag li a, .list-tag li span {
  border: 1px solid #000;
  font-size: 12px;
  padding: 0;
  min-width: 89px;
  display: inline-block;
  text-align: center;
  color: #000;
  vertical-align: top;
}

@media (max-width: 768px) {
  .list-tag li a, .list-tag li span {
    font-size: 10px;
    min-width: 50px;
  }
}

dl.list-1 dt {
  font-weight: normal;
}

dl.list-1 dt:before {
  content: "＊";
}

dl.list-1 dd {
  padding-left: 1em;
}

dl.list-2>dt {
  font-size: 18px;
}

dl.list-2>dt:not(dl.list-2>dt:first-child) {
  margin-top: 1em;
}

dl.list-2>dd {
  margin-top: 7px;
}

.list-button {
  width: calc(100% + 15px);
  margin: 0 -7.5px 15px -7.5px;
  padding-left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.list-button>li {
  margin-bottom: 15px;
  padding: 0 7.5px;
}

.list-button>li>[class*="btn-"] {
  font-size: 16px;
  width: 100%;
  min-width: auto;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.list-button.col-2>li {
  width: 50%;
}

.list-button.col-3>li {
  width: 33.3333333333%;
}

.list-button.col-4>li {
  width: 25%;
}

.list-button.col-5>li {
  width: 20%;
}

.list-link-1, .list-link-3 {
  list-style: none;
  padding-left: 0;
}

.list-link-1>li, .list-link-3>li {
  border-bottom: dotted 1px #999;
}

.list-link-1>li>a, .list-link-3>li>a {
  font-size: 18px;
  padding: 5px 10px 6px 14px;
  position: relative;
  display: block;
}
.label_press{margin-right: 10px; color: #4b636e;  background-color: #e2e6ea;font-size: 12px;}

/* pressアーカイブのタイトルに使用 */
.h6-luida{font-size: 1.4rem;
font-weight:normal;}
.h6-luida a{color:#000;}
    
    
@media (max-width: 768px) {
  .list-link-1>li>a, .list-link-3>li>a {
    font-size: 16px;
  }
}

.list-link-1>li>a:hover, .list-link-3>li>a:hover {
  color: inherit;
}

.list-link-1>li>a:before, .list-link-3>li>a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 1.1em;
  left: 0;
}

.list-link-1>li .list-link-head, .list-link-3>li .list-link-head {
  font-size: 18px;
  margin-top: 0;
}

.line-h16{line-height: 1.6!important;}
/*  プレスリリースのアーカイブ中*/
.list-link-2 p{margin-bottom:0;}

.list-link-2, .list-link-4 {
  list-style: none;
  padding-left: 0;
}

.list-link-2>li, .list-link-4>li {
  /* border-bottom: dotted 1px #999; */
  padding: 7px 0 10px;
  line-height:1.9;
  /* border-bottom: solid 1px #ccc; */
}

.list-link-2>li .list-link-head, .list-link-4>li .list-link-head {
  font-size: 18px;
  margin-top: 0;
  font-weight: normal;
  line-height: 1.5;
}

.list-link-2>li .list-link-head a, .list-link-4>li .list-link-head a {
  display: block;
  text-decoration: none;
}

.list-link-2>li .list-link-head a:hover .list-link-head, .list-link-4>li .list-link-head a:hover .list-link-head {
  text-decoration: underline;
}

.list-link-2>li .list-link-text, .list-link-4>li .list-link-text {
  color: inherit;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

@media (max-width: 768px) {
  .list-link-2>li, .list-link-4>li {
    padding: 20px 0 0;
  }
  .list-link-2>li .list-link-head, .list-link-4>li .list-link-head {
    font-size: 14px;
  }
}

.list-link-3>li>a {
  font-size: 16px;
  padding: 7px 10px 8px 14px;
}

.list-link-3>li>a:before {
  top: 1.3em;
}

.list-link-3>li .list-link-head {
  font-size: 16px;
}

.list-link-3>li .list-link-label {
  color: #333;
}

.list-link-4>li .list-link-head {
  font-size: 16px;
  position: relative;
  padding-left: 14px;
}

.list-link-4>li .list-link-head:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
}

.list-btn {
  text-align: center;
  list-style: none;
  padding: 0;
}

.list-btn li {
  display: inline-block;
  margin: 0 20px;
}

@media (max-width: 768px) {
  .list-btn li {
    display: block;
    margin: 0 0 20px;
  }
}

.nav-pagination {
  font-family: '游ゴシック';
}

.nav-pagination .nav-pagination-list {
  padding: 0;
  margin: -4px -4px 0;
  list-style: none;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 768px) {
  .nav-pagination .nav-pagination-list {
    font-size: 11px;
  }
}

.nav-pagination .nav-pagination-list li {
  display: inline-block;
  margin: 4px 6px 0;
  vertical-align: top;
}

.nav-pagination .nav-pagination-list li a {
  display: inline-block;
  border: 1px solid #000;
  width: 36px;
  line-height: 34px;
  text-align: center;
  color: #000;
  font-weight: bold;
}

@media (max-width: 768px) {
  .nav-pagination .nav-pagination-list li a {
    width: 26px;
    line-height: 24px;
  }
}

.nav-pagination .nav-pagination-list li a:hover {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}

.nav-pagination .nav-pagination-list li.is-current a {
  background-color: #000;
  color: #fff;
}

.nav-pagination .nav-pagination-list li.prev a, .nav-pagination .nav-pagination-list li.next a {
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
}

.nav-pagination .nav-pagination-list li.prev a:before, .nav-pagination .nav-pagination-list li.next a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  position: absolute;
  left: 50%;
  top: 50%;
}

.nav-pagination .nav-pagination-list li.prev a:hover:before, .nav-pagination .nav-pagination-list li.next a:hover:before {
  border-color: #fff;
}

.nav-pagination .nav-pagination-list li.prev a:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -6px 0 0 -3px;
}

.nav-pagination .nav-pagination-list li.next a:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: -6px 0 0 -9px;
}

.nav-pagination .nav-pagination-info {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

@media (max-width: 768px) {
  .nav-pagination .nav-pagination-info {
    font-size: 12px;
    margin-bottom: 22px;
  }
}

.nav-page {
  display: none;
}

.nav-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  padding: 10px 0;
}

.nav-page ul li {
  display: inline-block;
  width: 50%;
}

.nav-page ul li a {
  color: #000;
}

.nav-page ul li.nav-page-prev:before {
  content: "<";
  margin-right: 1em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.nav-page ul li.nav-page-next {
  text-align: right;
}

.nav-page ul li.nav-page-next:after {
  content: ">";
  margin-left: 1em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.nav-archive ul {
  padding: 0;
  list-style: none;
  text-align: center;
}

.nav-archive ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: normal;
}

.nav-archive ul li a {
  display: inline-block;
  vertical-align: middle;
}


/*
.nav-archive ul li:before {
  content: "／";
  margin: 0 0.5em;
  vertical-align: middle;
  display: inline-block;
  font-weight: bold;
}

.nav-archive ul li:first-child:before {
  display: none;
  content: none;
}*/

@media (max-width: 768px) {
  .nav-archive ul {
    margin: 0;
    text-align: left;
  }
  .nav-archive ul li {
    font-size: 14px;
  }
}

.link-download:before {
  font-family: fontawesome;
  content: "\f019";
  margin-right: 0.5em;
}

.link-1:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #009842;
  border-top: 1px solid #009842;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -3px 6px 0 0;
}

.link-external:after {
  font-family: fontawesome;
  content: " \f08e";
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.link-2:before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #009842;
    border-bottom: 1px solid #009842;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    margin: -3px 6px 0 0;
}

/*==================================================
//table
=================================================*/

@media (max-width: 768px) {
  .table-responsive {
    border: 0 none;
  }
  .table-responsive table {
    margin-bottom: 0;
  }
  .table-responsive table th, .table-responsive table td {
    white-space: nowrap;
  }
}

.table-1 {
  width: 100%;
}

.table-1 th, .table-1 td {
  padding: 8px 16px; /* 旧：15px 20px; */
  border: 1px solid #ccc;
  vertical-align: text-top;
  font-size:14px;
}

.table-1 th>*:last-child, .table-1 td>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .table-1 th, .table-1 td {
    padding: 8px;
    font-size: 12px;
  }
}

.table-1 th {
  background-color: #f0f0f0;
}

@media (max-width: 768px) {
  .table-1.table-1-responsive {
    display: block;
  }
  .table-1.table-1-responsive>thead, .table-1.table-1-responsive>tbody, .table-1.table-1-responsive>tfoot {
    display: block;
  }
  .table-1.table-1-responsive>thead tr, .table-1.table-1-responsive>tbody tr, .table-1.table-1-responsive>tfoot tr {
    display: block;
  }
  .table-1.table-1-responsive>thead tr th, .table-1.table-1-responsive>thead tr td, .table-1.table-1-responsive>tbody tr th, .table-1.table-1-responsive>tbody tr td, .table-1.table-1-responsive>tfoot tr th, .table-1.table-1-responsive>tfoot tr td {
    margin-top: -1px;
    display: block;
  }
}

.table-2 {
  width: auto;
}

.table-2 th, .table-2 td {
  padding: 0 40px 0 0;
  background-color: transparent;
  border: 0 none;
}

.table-2 th:first-child, .table-2 td:first-child {
  border-left: 0 none;
}

.table-2 th {
  font-weight: bold;
}

.table-3 {
  width: 100%;
}

.table-3 th, .table-3 td {
  padding: 8px;
  border: 1px solid #ccc;
  vertical-align: text-top;
  font-size: 12px;
  line-height: 1.5;
}

.table-3 th>*:last-child, .table-3 td>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .table-3 th, .table-3 td {
    padding: 14px;
    font-size: 12px;
  }
}

.table-3 th {
  background-color: #f0f0f0;
}

@media (max-width: 768px) {
  .table-3.table-1-responsive {
    display: block;
  }
  .table-3.table-1-responsive>thead, .table-3.table-1-responsive>tbody, .table-3.table-1-responsive>tfoot {
    display: block;
  }
  .table-3.table-1-responsive>thead tr, .table-3.table-1-responsive>tbody tr, .table-3.table-1-responsive>tfoot tr {
    display: block;
  }
  .table-3.table-1-responsive>thead tr th, .table-3.table-1-responsive>thead tr td, .table-3.table-1-responsive>tbody tr th, .table-3.table-1-responsive>tbody tr td, .table-3.table-1-responsive>tfoot tr th, .table-3.table-1-responsive>tfoot tr td {
    margin-top: -1px;
    display: block;
  }
}

.table-fixed {
  table-layout: fixed;
}

@media (max-width: 768px) {
  .table-fixed {
    table-layout: auto;
  }
}

.table-small th, .table-small td {
  font-size: 14px;
}

@media (max-width: 768px) {
  .table-small th, .table-small td {
    font-size: 12px;
  }
}

.table-basic-training {
  width: 100%;
}

.table-basic-training th, .table-basic-training td {
  border-bottom: 1px dotted #ccc;
}

.table-basic-training th .is-open, .table-basic-training th .is-close, .table-basic-training td .is-open, .table-basic-training td .is-close {
  font-size: 14px;
  display: inline-block;
  padding: 2px 1em;
  text-align: center;
  width: 154px;
}

.table-basic-training th .is-open, .table-basic-training td .is-open {
  background-color: #009842;
  color: #fff;
}

.table-basic-training th .is-open a, .table-basic-training td .is-open a {
  color: #fff;
}

.table-basic-training th .is-close, .table-basic-training td .is-close {
  background-color: #7f7f7f;
  color: #fff;
}

.table-basic-training th {
  font-weight: normal;
  white-space: nowrap;
  padding: 10px 30px 10px 0;
}

.table-basic-training td {
  width: 100%;
  padding: 10px 0 10px 0;
}

@media (max-width: 768px) {
  .table-basic-training {
    display: block;
  }
  .table-basic-training thead, .table-basic-training tbody, .table-basic-training tfoot, .table-basic-training tr, .table-basic-training th, .table-basic-training td {
    display: block;
    padding: 0;
    margin: 0;
    border: 0 none;
  }
  .table-basic-training tr {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
  }
  .table-basic-training tr th {
    padding-bottom: 10px;
  }
}

.media-youtube {
  margin: 0 0 30px;
}

.media-youtube>iframe {
  display: block;
  margin: 0 auto;
  width: 680px;
  height: 382px;
}


/*==================================================
//hr
=================================================*/

.hr-1 {
  border: 1px solid #ccc;
  border-width: 1px 0 0;
  margin: 50px 0;
}

.hr-2 {
  border: 1px solid #e9e9e9;
  border-width: 2px 0 0;
  margin: 45px 0;
}/* 
html {
  margin-bottom: 28px !important;
}

* html body {
  margin-bottom: 28px !important;
}
*/
#wpadminbar {
  top: auto !important;
  bottom: 0 !important;
  position: fixed !important;
  disp;ay:hidden;
}

.group-old-contents h5 {
  font-weight: bold;
}

/* press news 見出し
.group-old-contents h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 40px 0 10px;
}

.group-old-contents h3 small {
  font-size: 16px;
  margin-left: 16px;
  vertical-align: baseline;
}

@media (max-width: 768px) {
  .group-old-contents h3 {
    font-size: 16px;
    margin: 20px 0 6px;
  }
  .group-old-contents h3 small {
    font-size: 14px;
  }
}
*/

/*==================================================
//baceその2
=================================================*/

.align-c {
  text-align: center !important;
}

.align-l {
  text-align: left !important;
}

.align-r {
  text-align: right !important;
}

.v-align-t {
  vertical-align: top !important;
}

.v-align-m {
  vertical-align: middle !important;
}

.v-align-b {
  vertical-align: bottom !important;
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }
}

.smp-only {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .smp-only {
    display: block !important;
  }
}

.cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.border-1 {
  border: 1px solid #ccc;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}

.w-0 {
  width: 0px;
}

.w-20 {
  width: 20px;
}

.w-40 {
  width: 40px;
}

.w-60 {
  width: 60px;
}

.w-80 {
  width: 80px;
}

.w-100 {
  width: 100px;
}

.w-120 {
  width: 120px;
}

.w-140 {
  width: 140px;
}

.w-160 {
  width: 160px;
}

.w-180 {
  width: 180px;
}

.w-200 {
  width: 200px;
}

.w-220 {
  width: 220px;
}

.w-240 {
  width: 240px;
}

.w-260 {
  width: 260px;
}

.w-280 {
  width: 280px;
}

.w-300 {
  width: 300px;
}

.w-320 {
  width: 320px;
}

.w-340 {
  width: 340px;
}

.w-360 {
  width: 360px;
}

.w-380 {
  width: 380px;
}

.w-400 {
  width: 400px;
}

.w-full {
  width: 100%;
}

.img-responsive {
  display: block;
  height: auto;
  margin: 0 auto;
}
/* ie用add2021.06 */
.img-responsive{
 width:100%;
 max-width:100%;
}


.nowrap {
  white-space: nowrap;
}

/*==================================================
//TABLE
==================================================*/

.table th, .table td {
  border: 1px solid #ddd;
}
.case>.table th, .case>.table td {
  border: none;
}


/*==================================================
    List
==================================================*/

.list-sns {
  margin: 0 -8px 6px;
  padding: 0;
  list-style: none;
}

.list-sns li {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px;
  margin: 0 0 14px;
}

.list-sns li>a img {
  vertical-align: top !important;
}

.list-sns li span {
  vertical-align: top !important;
}

.list-sns li * {
  vertical-align: top !important;
}

.list-sns li.googleplus {
  margin-top: -2px;
}

.list-sns li.line {
  display: none;
}

@media (max-width: 768px) {
  .list-sns li.line {
    display: inline-block;
  }
}

.list-sns li.weibo {
  margin-top: -2px;
}

.list-sns li.qzone {
  margin-top: -3px;
}

@media (max-width: 768px) {
  .list-sns {
    line-height: 0;
  }
}

.list-sitemap {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 992px) {
  .list-sitemap {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .list-sitemap {
    font-size: 12px;
  }
}

.list-sitemap li ul {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  padding: 0 0 0 40px;
}

@media (max-width: 768px) {
  .list-sitemap li ul {
    margin: 14px 0 0;
    padding: 0 0 0 26px;
  }
}

.list-sitemap li ul li {
  position: relative;
  padding: 0 0 0 24px;
}

.list-sitemap li ul li:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: -18px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}

@media (max-width: 768px) {
  .list-sitemap li ul li:before {
    width: 11px;
    height: 11px;
    margin: -11px 0 0 0;
  }
}

.list-sitemap li ul li.credit {
  margin-top: 0.5em;
}

.list-sitemap li ul li.credit:before {
  margin: -36px 0 0 0;
  height: 36px;
}

.list-sitemap li ul li:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: middle;
  margin: -1px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}

@media (max-width: 768px) {
  .list-sitemap li ul li:after {
    width: 11px;
    height: 12px;
  }
}

.list-sitemap li ul li:first-child:before {
  content: "";
  display: block;
  width: 18px;
  height: 44px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: -44px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}

@media (max-width: 768px) {
  .list-sitemap li ul li:first-child:before {
    width: 11px;
    height: 22px;
    margin: -22px 0 0 0;
  }
}

.list-sitemap li ul li:last-child:after {
  display: none;
  content: none;
}

.list-sitemap li a {
  color: #000;
}

.list-sitemap li a:before {
  content: "";
  display: inline-block;
  background-image: url("/assets/images/ja/sitemap-list-image.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 5px;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

@media (max-width: 768px) {
  .list-sitemap li a:before {
    background-size: 100%;
    width: 11px;
    height: 11px;
    top: -1px;
  }
}


/*==================================================
//form
==================================================*/

.form-group {
  margin: 0 0 30px;
}

.form-required {
  color: #cc0000;
  font-size: 16px;
  display: inline-block;
}

@media (max-width: 768px) {
  .form-required {
    font-size: 12px;
  }
}

.form-control {
  border-radius: 0;
  font-size: 16px;
}

@media (max-width: 768px) {
  .form-control {
    font-size: 14px;
  }
}

.form-1 {
  width: 100%;
}

.form-1 th, .form-1 td {
  border: 1px solid #fff;
  background-color: #efefef;
}

.form-1 th>*:last-child, .form-1 td>*:last-child {
  margin-bottom: 0;
}

.form-1 th {
  font-weight: normal;
  padding: 15px 20px;
  vertical-align: middle;
  font-size: 20px;
}

@media (max-width: 768px) {
  .form-1 th {
    font-size: 14px;
  }
}

.form-1 td {
  padding: 10px;
}

.form-1 .form-required {
  margin-left: 8px;
}

@media (max-width: 768px) {
  .form-1 {
    display: block;
  }
  .form-1 tr {
    display: block;
    margin-bottom: 20px;
  }
  .form-1 tr th {
    padding: 10px;
    font-weight: bold;
  }
  .form-1 tr th, .form-1 tr td {
    margin-top: -1px;
    display: block;
  }
}

.radio-inline+.radio-inline {
  margin-left: 20px;
}

.radio-inline>input[type="radio"] {
  margin-top: 0.6em;
}

.box-error {
  color: #cc0000;
  border: 1px solid #cc0000;
  margin: 0 0 30px;
  padding: 24px 30px;
  background-color: #ffeeee;
}

.box-error p {
  margin: 0;
}


/*==================================================
//customers-
==================================================*/

.group-customers .group-customers-logo {
  text-align: center;
  margin: 100px 0;
}

@media (max-width: 768px) {
  .group-customers .group-customers-logo {
    margin: 40px 0;
  }
  .group-customers .group-customers-logo img {
    width: 100%;
  }
}

.group-customers .group-customers-content {
  border: 1px solid #d0d0d0;
  padding: 30px 30px 30px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .group-customers .group-customers-content {
    padding: 14px 14px 14px;
  }
}

.group-customers .group-customers-lead {
  background-color: #f0f0f0;
  padding: 24px 30px;
  margin: 0 0 24px;
}

.group-customers .group-customers-lead>*:last-child {
  margin: 0;
}

@media (max-width: 768px) {
  .group-customers .group-customers-lead {
    padding: 14px;
    margin: 0 0 14px;
  }
}

.group-customers .group-customers-profile {
  border-top: 3px solid #e9e9e9;
  padding: 34px 0 0;
}

@media (max-width: 768px) {
  .group-customers .group-customers-profile {
    padding: 20px 0 0;
  }
}

.group-customers .group-customers-profile:before, .group-customers .group-customers-profile:after {
  content: "";
  display: table;
}

.group-customers .group-customers-profile:after {
  clear: both;
}

.group-customers .group-customers-profile .group-customers-profile-image {
  float: left;
  width: 300px;
}

@media (max-width: 768px) {
  .group-customers .group-customers-profile .group-customers-profile-image {
    text-align: center;
    float: none;
    width: 100%;
    margin: 0 0 14px;
  }
  .group-customers .group-customers-profile .group-customers-profile-image img {
    max-width: 100%;
    margin: 0 auto;
  }
}

.group-customers .group-customers-profile .group-customers-profile-content {
  float: right;
  width: 610px;
}

.group-customers .group-customers-profile .group-customers-profile-content>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .group-customers .group-customers-profile .group-customers-profile-content {
    float: none;
    width: 100%;
  }
}

.group-index {
  line-height: 1.5;
}

.group-index [class^="col-"] {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.group-index .group-index-head {
  font-size: 16px;
  margin: 0 0 6px;
  line-height: 1.5;
    font-weight: 600;
}

.group-index .group-index-image {
  margin-bottom: 10px;
  display: block;
}

.group-security {
  position: relative;
}

.group-security img {
  display: block;
  position: absolute;
  left: 0;
  top: 2%;
  margin: 0px 0 0 0;
}

@media (max-width: 768px) {
  .group-security img {
    position: static;
    margin: 0 0 14px;
  }
}


/*==================================================
//ceo
==================================================*/

.group-ceo {
  font-family: YuMincho, "游明朝", serif;
  font-weight: bold;
  font-size: 18px;
}

.group-bodaisapp ul {
  padding: 0;
}

.group-bodaisapp ul li {
  vertical-align: top;
  display: inline-block;
  width: 20%;
  padding: 0 8px;
  text-align: center;
  line-height: 1.5;
}

.group-bodaisapp ul li img {
  display: block;
  margin: 0 0 8px;
  width: 100%;
}

@media (max-width: 768px) {
  .group-bodaisapp ul li {
    width: 100%;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
    padding: 0;
  }
  .group-bodaisapp ul li:last-child {
    margin-bottom: 0;
  }
  .group-bodaisapp ul li img {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin: 0;
  }
  .group-bodaisapp ul li span {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    padding-left: 20px;
  }
}

.group-terms ol ol {
  list-style-type: lower-latin;
}

@media (min-width: 769px) {
  .group-responsive .group-responsive-inner {
    width: auto !important;
  }
  .group-responsive .group-responsive-inner>*:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .group-responsive {
    border: 1px solid #ccc;
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .group-responsive>*:first-child {
    border: 0 none !important;
  }
  .group-responsive>iframe {
    width: 100%;
    height: 100%;
    border: none;
    /* 追加で指定 */
    display: block;
    /* 追加で指定 */
  }
}

.group-movie {
  margin: 20px 0;
  text-align: center;
}

@media (max-width: 768px) {
  .group-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 20px 0;
  }
  .group-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

.group-voice .group-voice-item {
  margin: 0 0 30px;
}

.group-voice .group-voice-item .group-voice-content {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}

.group-voice .group-voice-item .group-voice-content>*:last-child {
  margin-bottom: 0;
}

.group-voice .group-voice-item .group-voice-content:before, .group-voice .group-voice-item .group-voice-content:after {
  content: "";
  border: 20px solid transparent;
  position: absolute;
  top: 50%;
  display: block;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-1 {
  margin-left: 10px;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-1:before {
  border-right-color: #ccc;
  margin: -20px 0 0 0;
  left: -20px;
  border-left-width: 0;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-1:after {
  border-right-color: #fff;
  margin: -20px 0 0 2px;
  left: -20px;
  border-left-width: 0;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-2 {
  margin-right: 10px;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-2:before {
  border-left-color: #ccc;
  margin: -20px 0 0 0;
  right: -20px;
  border-right-width: 0;
}

.group-voice .group-voice-item .group-voice-content.group-voice-content-2:after {
  border-left-color: #fff;
  margin: -20px 2px 0 0;
  right: -20px;
  border-right-width: 0;
}


/*==================================================
//solution-
==================================================*/

.group-solution-detail {
  background: #f3f3f3;
  border-top: 5px solid #a2c8a2;
  margin: 0 0 50px;
  padding: 20px 30px 30px;
  position: relative;
}

@media (max-width: 768px) {
  .group-solution-detail {
    padding: 10px 10px 20px;
    margin: 0 0 30px;
  }
}

.group-solution-detail .group-solution-detail-head {
  margin: 0 0 20px;
  padding: 0 225px 0 0;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-head {
    margin: 0 0 10px;
    padding: 0;
  }
}

.group-solution-detail .group-solution-detail-head .solution-number {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 35px;
  color: #111;
  padding: 6px 16px;
  background-color: #fff;
  border: 1px solid #1e1e1e;
  text-align: center;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-head .solution-number {
    font-size: 14px;
    margin: 0;
    display: block;
    margin-bottom: 5px;
    width: 100px;
  }
}

.group-solution-detail .group-solution-detail-head .solution-text {
  font-size: 22px;
  line-height: 1.423;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0px;
  width: calc(100% - 120px);
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-head .solution-text {
    font-size: 18px;
    padding: 0;
    width: 100%;
    border: none;
    display: block;
    display: inline-block;
    margin-bottom: 5px;
  }
}

.group-solution-detail .downloads-btn {
  position: absolute;
  top: 19px;
  right: 30px;
  margin: 0;
}

.group-solution-detail .downloads-btn a {
  min-width: 0;
  padding: 10px 16px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .group-solution-detail .downloads-btn {
    position: static;
    text-align: center;
    margin: 0 0 20px;
  }
}

.group-solution-detail .group-solution-detail-method {
  background-color: #a2c8a2;
  margin: 0 0 33px;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-method {
    margin: 0 0 20px;
  }
}

.group-solution-detail .group-solution-detail-method .method-head {
  display: inline-block;
  color: #fff;
  vertical-align: top;
  font-size: 18px;
  width: 125px;
  padding: 14px 0 14px;
  margin: 0;
  text-align: center;
  position: relative;
  line-height: 1.2;
}

.group-solution-detail .group-solution-detail-method .method-head:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 52px;
  background: url(/assets/images/icon-attention.png) no-repeat center center;
  background-size: 54px 52px;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-method .method-head {
    width: 100%;
    font-size: 16px;
    padding: 2px 0;
  }
  .group-solution-detail .group-solution-detail-method .method-head:before {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px;
    background-size: 100%;
  }
}

.group-solution-detail .group-solution-detail-method .method-text {
  position: relative;
  width: calc(100% - 125px);
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #A2C8A2;
  padding: 18px 20px;
  line-height: 70px;
}

.group-solution-detail .group-solution-detail-method .method-text span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.875;
}

.group-solution-detail .group-solution-detail-method .method-text span>*:last-child {
  margin-bottom: 0;
}

.group-solution-detail .group-solution-detail-method .method-text:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 10px solid #a2c8a2;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  bottom: -21px;
  right: calc(50% + 62px);
}

.group-solution-detail .group-solution-detail-method .method-text:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 10px solid #fff;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  bottom: -20px;
  right: calc(50% + 62px);
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-method .method-text {
    width: 100%;
    padding: 9px 10px;
    line-height: normal;
  }
  .group-solution-detail .group-solution-detail-method .method-text:before {
    right: 50%;
    margin-right: -10px;
    bottom: -20px;
  }
  .group-solution-detail .group-solution-detail-method .method-text:after {
    right: 50%;
    margin-right: -10px;
    bottom: -19px;
  }
}

.group-solution-detail .group-solution-detail-effect {
  background-color: #339999;
}

.group-solution-detail .group-solution-detail-effect .effect-head {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #fff;
  /* font-weight: bold; */
  /* width: 13.2979%; */
  width: 125px;
  margin: 0;
  text-align: center;
  position: relative;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-effect .effect-head {
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
  }
}

.group-solution-detail .group-solution-detail-effect .effect-text {
  position: relative;
  /* width: 86.7021%; */
  width: calc(100% - 125px);
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #339999;
  padding: 18px 20px;
}

@media (max-width: 768px) {
  .group-solution-detail .group-solution-detail-effect .effect-text {
    width: 100%;
    padding: 9px 10px;
  }
}

.group-solution-detail-downloads {
  padding-left: 1px;
  margin-bottom: 40px;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item {
  border: 1px solid #ccc;
  padding: 0 20px;
  border-top: none;
  border-bottom: none;
  margin: 0 0 0 -1px;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .group-solution-detail-downloads .group-solution-detail-downloads-item {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 0 20px;
  }
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .materials-name dt {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 7px;
  color: #888;
}

@media (max-width: 767px) {
  .group-solution-detail-downloads .group-solution-detail-downloads-item .materials-name dt {
    font-size: 14px;
  }
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .materials-name dd {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .downloads-btn a {
  background: #fabf1b;
  color: #333 !important;
  display: block;
  padding: 0.75em 20px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  border: none;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .downloads-btn a:before {
  content: url(/assets/images/icon-btn-download.png);
  position: relative;
  top: -2px;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .downloads-item-image a img {
  width: 100%;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .solution-detail-download-outline {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 0px;
}

.group-solution-detail-downloads .group-solution-detail-downloads-item .list-mark {
  font-size: 14px;
}

.box-1, .box-2, .box-3, .box-4, .box-card {
  margin: 0 0 30px;
  padding: 30px;
}

.box-1>*:first-child, .box-2>*:first-child, .box-3>*:first-child, .box-4>*:first-child, .box-card>*:first-child {
  margin-top: 0;
}

.box-1>*:last-child, .box-2>*:last-child, .box-3>*:last-child, .box-4>*:last-child, .box-card>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .box-1, .box-2, .box-3, .box-4, .box-card {
    padding: 14px;
    margin: 0 0 20px;
  }
}

.box-1 {
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.box-1 .box-1-head {
  margin: -30px -30px 30px !important;
  background-color: #fff;
  padding: 20px 30px;
}

@media (max-width: 768px) {
  .box-1 .box-1-head {
    margin: -14px -14px 14px !important;
    padding: 10px 14px;
  }
}

.box-1 .box-1-head h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .box-1 .box-1-head h2 {
    font-size: 16px;
  }
}

.box-1 .box-1-head h2 span {
  font-size: 18px;
  font-weight: 200;
}

@media (max-width: 768px) {
  .box-1 .box-1-head h2 span {
    font-size: 16px;
  }
}

.box-1 .box-1-head h2 strong {
  font-weight: 500;
}

.box-1 .box-1-btn-download {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .box-1 .box-1-btn-download {
    margin-top: 0;
  }
}

.box-2 {
  border: 1px solid #ccc;
  background: #fff;
}

.box-2 .box-lead {
  background: #f4f4f4;
  margin: -30px -30px 20px;
  padding: 25px 30px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
}

.box-3 {
  border: 1px solid #3378b4;
  background: #fff;
  padding: 20px;
  color: #3378b4;
}

.box-4 {
  border: 1px solid #d0d0d0;
  background: #fff;
  padding-top: 0;
}

.box-4 .box-head {
  background: #dcdcdc;
  text-align: center;
  font-size: 22px;
  margin: 0 -30px 20px;
  padding: 8px 10px;
}

.box-4 strong {
  font-weight: 500;
}

.box-card {
  border: 1px solid #ccc;
  background: #fff;
  padding: 15px;
  position: relative;
}

@media (max-width: 768px) {
  .box-card {
    padding: 14px;
  }
}

.box-card .box-card-head {
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 0.5em;
}

.box-card .box-card-image {
  text-align: center;
  min-height: 60px;
  position: relative;
}

.box-card .box-card-image.box-card-logo {
  min-height: 0;
}

.box-card .box-card-btn {
  text-align: center;
}

.box-card .box-card-btn .btn-3 {
  min-width: 150px;
  padding: 12px 10px;
}

.box-card .list-1 {
  line-height: 1.4;
}

.box-card>* {
  margin: 1em 0;
}

.box-card.color-1 {
  background: #eefbf4;
}

.box-facebook {
  background-color: #f3f3f3;
  margin: 0 -52px;
}

.box-facebook:before, .box-facebook:after {
  content: "";
  display: table;
}

.box-facebook:after {
  clear: both;
}

@media (max-width: 768px) {
  .box-facebook {
    margin: 0;
  }
}

.box-facebook .box-facebook-image {
  display: inline-block;
  width: 389px;
  vertical-align: middle;
}

@media (max-width: 1280px) {
  .box-facebook .box-facebook-image {
    width: 53.36%;
  }
}

.box-facebook .box-facebook-image img {
  width: 100%;
}

.box-facebook .box-facebook-content {
  display: inline-block;
  width: 434px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 1280px) {
  .box-facebook .box-facebook-content {
    width: 46.64%;
  }
}

.box-facebook .box-facebook-content .box-facebook-head {
  font-size: 22px;
  line-height: 1.5;
  margin: 0 0 14px;
}

@media (max-width: 1280px) {
  .box-facebook .box-facebook-content .box-facebook-head {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .box-facebook .box-facebook-content .box-facebook-head {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .box-facebook .box-facebook-content .box-facebook-head {
    font-size: 12px;
    margin: 0 0 6px;
  }
}


/*==================================================
//btn
=================================================*/

.btn-base, .btn-1, .btn-2, .btn-3, .btn-back {
  color: #000;
  font-size: 18px;
  padding: 16px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
  background-color: #efefef;
  text-align: center;
  line-height: 1;
  font-weight: 300;
  border: none;
  box-sizing: border-box;
  border-radius: 0;
}

@media (max-width: 768px) {
  .btn-base, .btn-1, .btn-2, .btn-3, .btn-back {
    font-size: 14px;
    padding: 10px 16px;
  }
}

.btn-base:hover, .btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-back:hover {
  opacity: 0.7;
  text-decoration: none;
  color: inherit;
}

.btn-base:before, .btn-1:before, .btn-2:before, .btn-3:before, .btn-back:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -3px 6px 0 0;
}

.btn-base[class*="icon-"]:before, [class*="icon-"].btn-1:before, [class*="icon-"].btn-2:before, [class*="icon-"].btn-3:before, [class*="icon-"].btn-back:before {
  width: auto;
  height: auto;
  border: none;
  -webkit-transform: none;
  transform: none;
  margin: 0 10px 0 0;
}

.btn-base.btn-xs, .btn-xs.btn-1, .btn-xs.btn-2, .btn-xs.btn-3, .btn-xs.btn-back {
  padding: 10px 20px;
  font-size: 12px;
}

.btn-base.btn-sm, .btn-sm.btn-1, .btn-sm.btn-2, .btn-sm.btn-3, .btn-sm.btn-back {
  padding: 12px 20px;
  font-size: 14px;
}

.btn-base.btn-lg, .btn-lg.btn-1, .btn-lg.btn-2, .btn-lg.btn-3, .btn-lg.btn-back {
  padding: 25px 20px;
  min-width: 235px;
}

.btn-base.icon-download:before, .icon-download.btn-1:before, .icon-download.btn-2:before, .icon-download.btn-3:before, .icon-download.btn-back:before {
  content: url("/assets/images/icon-btn-download.png");
}

.btn-base+[class*="btn-"], .btn-1+[class*="btn-"], .btn-2+[class*="btn-"], .btn-3+[class*="btn-"], .btn-back+[class*="btn-"] {
  margin-left: 20px;
}

.btn-1 {
  background-color: #fabf1b;
}

.btn-2 {
  background-color: #fabf1b;
  font-size: 18px;
  min-width: 260px;
  padding: 18px 10px;
}

.btn-2:before {
  margin-right: 10px;
  position: relative;
  top: -2px;
}

@media (max-width: 768px) {
  .btn-2 {
    font-size: 14px;
    padding: 14px 10px;
  }
  .btn-2:before {
    margin-right: 10px;
    position: relative;
    top: 0;
  }
}

.btn-3 {
  border: 1px solid #009842;
  color: #009842 !important;
  background: #fff;
  padding: 15px 20px;
  min-width: 150px;
}

.btn-3.hover {
  background: #d0d0d0;
  border-color: #d0d0d0;
  color: #fff !important;
}

@media (max-width: 768px) {
  .btn-3 {
    padding: 10px 14px;
  }
}

.btn-3:before {
  border-right: 1px solid #009842;
  border-top: 1px solid #009842;
}

.btn-3.active {
  opacity: 1;
  background: #f4f4f4;
  border-color: #d0d0d0;
  color: #333 !important;
}

.btn-3.active:before {
  border-right: 1px solid #333;
  border-top: 1px solid #333;
}

.btn-3.icon-download:before {
  content: url("/assets/images/icon-btn-download-2.png");
  position: relative;
  top: -2px;
}

.btn-back {
  border: 1px solid #ccc;
  color: #000 !important;
  background: #efefef;
  padding: 15px 20px;
  min-width: 150px;
}

.btn-back:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  display: inline-block;
  vertical-align: middle;
  margin: -3px 6px 0 0;
}

/* プレスの次と前のボタン */
.nav-next a,.nav-next :hover{color:#fff;}
.btn_next_pre {
    font-size: 13px;
    padding: 0px 18px 1px;
    background-color:#304d63;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 50px;
}

/*==================================================
//head
=================================================*/
	
.head-1 {
	color: #333;
    font-size: 22px;
    border-bottom: 8px solid #1E406A;
    font-weight: 500;
    margin: 20px 0 20px;
    padding: 0 0 6px;
    line-height: 1.3;
}

/* 2020 h1無しのテンプレの場合の下に帯無し帯が無し*/
	.head-n-1 {
		color: #333;
		font-size: 22px;
		/* border-bottom: 8px solid #304d63;*/
		font-weight: 500;
		margin: 0px 0 2px;
		padding: 0 0px;
		line-height: 1.3;
	}
	

/* 2020TitleWIDE表示 */
.head-1-wrap-w {
    padding: 3.4rem 3rem 1.9rem 3rem;
    margin-top: 12px;
    margin-bottom: 0rem;
}


/* mediaw640px> */
@media (max-width: 640px) {
.head-1-wrap-w {
    padding: 1.8rem 0.8rem 0.9rem 1.4rem;
    margin-top: 22px;

    }
   }



/*  -----main.cssに上書き　----- */
/*  -----h1h2-Title見出しArea----------------------------------- */
.head-1-wrap {
    padding: 3.3rem 3rem 1.7rem 3rem;
    margin-top: -10px;
    margin-bottom: 1.2rem;
}


/*  h1h2-Area 4color */	
.h1_s{  color: #fff; 
	    margin-top: 0px;
		font-size:2.8rem;
		font-weight:500;
	}
.h2_s{ 
    display: block;
    margin-bottom: 0;
    margin-top: 0.0rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 100;
    margin: 4px 0 10px 3px;
    color: #222;
}
@media (max-width: 768px) {
.head-1-wrap {
     padding: 1.0rem 1rem 0.8rem;
     margin-top: 0;
    margin-bottom: 1.0rem;
}
.h1_s{ 
		font-size: 2.4rem;	}
.h2_s {   font-size: 1.7rem;
}}

@media (max-width: 640px) {
.h1_s{    font-size: 1.8rem;
padding-left:10px;
}}



/*  これは書き換え？*/
@media (max-width: 767px){
.contents {
    padding-top: 35px;
}}
/*  -----h1h2-Area----ここまで---- */






/* h1タグの色 */

/* AI人材教育/オンサイト解析 */
.head-1-s1{
  /*  background: linear-gradient(transparent 17%, #cae2f1 60%);*/
background-color:rgba(52,133,184,0.1);
    display: block;
    padding: 6px 6px;
}
/* データ解析／カウンセリング */
.head-1-s2{
  /*  background: linear-gradient(transparent 17%, #cae2f1 60%);*/
background-color:rgba(144, 188, 157, 0.2);
    display: block;
    padding: 6px 6px;
}
/* データ解析・カウンセリング */
.head-1-s3{
  /*  background: linear-gradient(transparent 17%, #cae2f1 60%);*/
background-color:rgba(23, 124, 53, 0.1);
    display: block;
    padding: 6px 6px;
}
/* 解析アルゴリズム研究 */
.head-1-s4{
  /*  background: linear-gradient(transparent 17%, #cae2f1 60%);*/
background-color:rgba(93, 192, 146, 0.1);
    display: block;
    padding: 6px 6px;
}



@media (max-width: 768px) {
  .head-1 {
    font-size: 22px;
    padding: 0 0 6px;
    margin: 0 0 20px;
  }
}

.head-2 {
 /* font-size: 24px;
  border-bottom: 1px solid #d8d8d8;
  font-weight: 300;
  margin: 70px 0 20px;
  padding: 2px 20px 6px;
  position: relative;
  line-height: 1.5;*/
  
	text-align: left;
	padding: 11px 8px 9px;
	font-size: 1.5rem;
	background-color: #ebebeb;
	margin: 0rem 0 1.6rem;
	font-weight: 500;
	color: #0e0d0d;
	margin-top:20px;
  
}


@media (max-width: 768px) {
  .head-2 {
    font-size: 18px;
    margin: 40px 0 20px;
    padding: 0 14px 4px;
  }
  .head-2:before {
    width: 3px;
  }
}

.head-2 small {
  font-size: 18px;
  margin-left: 20px;
  vertical-align: baseline;
}

@media (max-width: 768px) {
  .head-2 small {
    font-size: 14px;
    margin-left: 14px;
  }
}

.head-2 .head-2-link {
  position: absolute;
  bottom: 10px;
  right: 0;
  font-size: 14px;
  border: 1px solid #009842;
  display: block;
  padding: 5px 20px;
}


/* h2シンプル */

.head-2-sl {
  font-size: 26px;
  border-bottom: 1px solid #d8d8d8;
  font-weight: 300;
  margin: 0px 0 0px;
  padding: 2px 20px 0px 0;
  position: relative;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .head-2-sl {
    font-size: 18px;
  }
}
/* 見出し最初だけmargin-top: 0 */
	.head-2:first-child {
			margin-top: 0px;
	}


	
	/* 見出し改良2017*/




.head-3 {
    font-size: 16px;
	font-weight: 500;
    line-height: 1.8;
	letter-spacing: 0.1em;
	color: #111;
    margin: 36px 0 16px;
    padding: 6px 8px 3px 2px;
	background-color: #f5f5f5;
border-radius: 1px;
	border-bottom: 1px solid #bbb;
}



.head-4 {
    font-size: 17px;
	font-weight: 600;
    line-height: 1.5;
	letter-spacing: 0.08em;
	color: #2e2e2e;
    margin: 40px 0 13px;
    padding: 0px 8px 4px 12px;
	border-bottom: 2px solid #ececec;
	border-left: 4px solid #999;
}

	
.head-5 {
  font-size: 15px;
    margin: 30px 0 6px 0px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
}
.head-5:before {
    content:'';
    vertical-align: middle;
 		font-family: 'Glyphicons Halflings';
		content: "\e131";
    display: inline-block;
		padding: 0 5px 0px 0px;
}
	
.indent-h5{
	padding-left: 20px;
	}
	
/* スマホ以下 */	
@media (max-width: 640px){
.head-1 {
    font-size: 20px;
    padding: 0 0 6px;
    margin: 0 0 20px;
}
.head-2 {

	color: #333;
/* 
    border-bottom: 1px solid #d8d8d8;
    font-weight: 600;
    margin: 60px 0 30px;
    padding: 4px 0px 4px 20px;
    position: relative;
    line-height: 1.5;

    font-size: 18px;
    margin: 40px 0 20px;
    padding: 0 14px 4px;
 */
	text-align: left;
	padding: 11px 8px 9px;
	font-size: 1.5rem;
	background-color: #ebebeb;
	margin: 0rem 0 1.6rem;
	font-weight: 500;
	color: #0e0d0d;
	margin-top:20px;
    
}
	.head-3 {
    font-size: 16px;
	letter-spacing: 1.5;
    margin: 22px 0 10px;
    padding: 7px 6px 4px 2px;
}
.head-4 {
    font-size: 15px;
	letter-spacing: 1.5;
    margin: 22px 0 10px;
    padding: 7px 6px 4px 6px;
}
.head-5 {
  font-size: 14px;
    margin: 18px 0 6px 0px;
}	
}

	
	
.head-icon-1 {
  font-size: 32px;
  border-bottom: 1px solid #ccc;
  font-weight: 300;
  margin: 70px 0 20px;
  padding: 12px 0 16px 60px;
  position: relative;
}

.head-icon-1>.head-icon-image {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.head-logo-1 {
  font-size: 30px;
  font-weight: 300;
  margin: 40px 0 30px;
  text-align: center;
}

.head-logo-1>.head-logo-image {
  margin-right: 15px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .head-logo-1 {
    font-size: 18px;
  }
  .head-logo-1 img {
    display: block;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
  }
}

	
	
	



/*=========================================================================
//3.Gnavi
========================================================================*/

ul.nav li.dropdown:hover>ul.dropdown-menu {
  display: block;
}



.contents-top{ padding-top:88px;}
.contents {
  padding-top: 88px;
}


/* サブﾍﾟｰｼﾞの  */

@media (max-width: 767px) {
  .contents-top{ padding-top:110px;}
}


	/* ボタン2020 */
.arrow_btn {
	font-weight: bold;
	display: inline-block;
	position: relative;
	width: 90%;
	padding: 0.8em 1.6em;
	text-align: center;
	text-decoration: none;
	color: #1B1B1B;
	background: #fff;
	border-radius: 60px;
	border:1px solid #1B1B1B;
	transition: transform ease .3s;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  margin: 0.4rem 0 0.8rem;
  font-size:1.5rem;
}
.arrow_btn:hover {
	 cursor: pointer;
	 text-decoration: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}
.arrow_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
.arrow_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}
@media (max-width: 767px) {
  .arrow_btn {
    padding: 0.8em 0.2em;
    margin-bottom: 0.8rem;
    width: 90%;
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .arrow_btn {
    padding: 0.5em 0.4em;
    margin-bottom: 1.2rem;
    width: 100%;
    font-size: 1.4rem;
  }
}
.arrow_btn2 {
    display: inline-block;
    position: relative;
    width: auto;
    padding: 0.2em 1.4em;
    text-align: center;
    text-decoration: none;
    color: #1B1B1B;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #555;
    transition: transform ease .3s;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    margin: 0.2rem 0 0.1rem;
    font-size: 1.4rem;
}

/* 2020 関連サービスエリアcss  -------------------------------- */


.fs_18rem{ font-size: 1.7rem;}
.kanren_s { display: block;	margin-top: 50px; width:100%; padding-bottom:20px;}



	/* オレンジボタン	/* 申込 */
	.btn-contact {
    position: absolute;
		right: 15px;
}

/* --------------------h2タイトルcss--------------2022.0331 */
.h3_s, head-2, .group-old-contents h2 {
	font-size: 1.7rem;
	color: #222;
	text-align: left;
	background-color: #ebebeb;
	border-left: 14px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-weight: bold;
	margin: 20px 0 1.6rem;
	padding: 10px 8px 8px;
}

@media screen and (max-width: 639px){
	.h3_s, head-2, .group-old-contents h2 {
		font-size: 1.4rem;
		border-left: 9px solid #000;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 10px 0 1.2rem;
		padding: 8px 9px 6px;
	}}


.kanren_s ul {
/* background: #fffde8; */
/* box-shadow: 0px 4px 10px -3px #D3E1E2; */
border: solid 1px #d8d8d8;
border-radius: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0em 0.0em 0.5em 0em;
/* display: table-cell; */
}
.kanren_s ul li {
line-height: 1.2;
padding: 0.4em 1em;
min-width: 20%;
}

.kanren_s li a{
color:#337ab7;  padding-right:30px; font-size:1.6rem;

}


.list-inline li a:before{
background-image:none!important;}




	/* サービスページ　キャンペーンとプレスがあるときの右上の黄色いボタン
	---------------------------------------------------------- */
.srv_news1{ display:block;  text-align: left;
margin-top: -8px;     
line-height: 26px;
}


	.h2_s_2colomn {
    display: block;
    margin-bottom: 2.0rem;
    margin-top: -4px;
}
	/* サービスページ　キャンペーンとプレスがあるときの右上の黄色いボタンここまで------------------------- */	
















	/*   .list-inline li a:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 3px;
    vertical-align: middle;
    background: url(/assets/images/i-arr-b.svg) no-repeat;
    background-size: 5px 3px;
    padding-left: 9px;
}
	*/
/* 2020 PC版表示CSS スマホ版表示CSS  -------------------------------- */

/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
.pc_area{
    display:none;
  }
.phone_area{
    display:block;
  }
}

/* 2020サービス見出し調整--------------------------------- */



	/* 2020お知らせアイコン---------------------------------- */

/* お知らせアイコン */
	li.fs-ss{ ;}
	.news_area li a{ display:inline;  color:#222; font-size:13px;}
	.news_area li p{ display:inline; line-height:140%;}
	/* お知らせ　それぞれ */
	.news_area li { list-style:none; padding-bottom:8px; color:#666; border-bottom:1px dotted #ccc;}
	.i-day{ }

.news_area ul{
    margin: 0 0 0 0px!important;
    -webkit-padding-start: 0px;
}
.news_area li{
    margin: 0 0 0.6rem 0px!important;

}
/* お知らせアイコン */
.icon_news {
    display: block;
    padding: 0.6em 0.1em;
    width: 122px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.;
    color: #00284a;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0em;
    background-color: #d8e2e9;
}




	/* 下部＿共通問い合わせ---------------------------------- */
	
.panel-inq {
    margin: 0.5rem 0 0.9rem;
    background-color: #eee;
    border-top: none;
    padding: 12px 5px 7px;
}

.panel-inq .arrow_btn{
	font-size:120%;
	width:60%;
}
.panel-inq p{
margin: 0 0 0px;
color:#666;
}
/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 640px){
.panel-inq .arrow_btn{
	font-size:15px;
	width:90%;
}}




.btn-inq {
border: 1px solid #ccc;
    color: #333;
    font-size: 2.0rem;
    padding: 16px 30px 16px 22px;
    line-height: 30px;
    border-radius: 120px;
    display:block;
    width:80%;
    margin: 4px auto;
    font-weight: 200;
	background-color:#fff;
    -webkit-box-shadow: 0 2px 5px rgba(94, 136, 129, 0.35);
    box-shadow: 0 2px 5px rgba(94, 136, 129, 0.35);

}



/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 767px){
.btn-inq {
    font-size: 1.8rem;
    padding: 10px 10px 10px 10px;
    line-height: 18px;
    margin: 4px auto;
}
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 640px){
.btn-inq {
    width:90%;
}
}


a.tel-no {
    font-size: 2.8rem;
    color: #333;
}



	/* main.cssに追加---------------------------------- */
	
	.h1_t {
		text-align: center;
    margin-top: 0;
		padding: 0px 6px;
		font-size: 2.8rem;
		line-height: 1.4;
		font-weight: 100!important;
		color: #003f6f;
	}
	
.h2_t {
text-align: left;
padding: 8px 14px 7px;
font-size: 2.0rem;
background-color: #e5ebee;
margin: 3rem 0 1rem;
color: #00284a;
}
@media (max-width: 768px){
.h2_t {
padding: 8px 6px 4px;
font-size: 1.7rem;
margin: 2rem 0 0.4rem;
line-height:1.4;
}
}


.h3_t {
    display: block;
    background-color: #fbfdfd;
    padding: 2px 0 2px;
    color: #3485b8;
    font-size: 1.8rem;
    font-weight: 500;
text-align: left;
}
	
	.h4_t {
		display: block;
		background-color: #fbfdfd;
		padding: 10px 12px;
		color: #3485b8;
		font-size: 1.6rem;
		font-weight: 300;
		text-align: left;
	}
	
	/* main.cssに追加---------------------------------- */
	.table-bordered > tbody > tr > td {
		background-color: #fff;
	}
	




/*=========================================================================
//3.coler
========================================================================*/



/* 研究  */
.color_kenkyu,#circle4,
.color_kenkyu a /* mb_nav */{
 background: #35B0A3!important;
  background: rgba(53,176,163,1)!important;
  color:#fff;
}
.color_kenkyu .dropdown-menu{
  background: #35B0A3!important;
  background: rgba(53,176,163,0.99)!important;
  border-bottom: 1px solid rgba(0, 0, 0,0.96);
  color:#fff;
}
/* mb_nav */
.color_kenkyu a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}



/* システム */
.color_bodais, #circle3,.serv03-system,
.color_bodais a /* mb_nav */{
  background: #117339!important;
  background: rgba(17,115,57,1)!important;
  color:#fff;
}
.color_bodais .dropdown-menu{
  background: #117339!important;
  background: rgba(17,115,57,0.96)!important;
  border-bottom: 1px solid rgba(0, 0, 0,0.96);
  color:#fff;
}

/* mb_nav */
.color_bodais a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}



/* Tree */
.color_tree , #circle7,.serv07-tree,
.color_tree a /* mb_nav */{
  background: #CAEBCE!important;
  color:#007431!important;
}
.color_tree .dropdown-menu{
  background: #CAEBCE!important;
  border-bottom: 1px solid rgba(0, 0, 0,0.96);
  color:#007431!important;
}
/* mb_nav */
.color_tree a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}





/* kaiseki  */
.color_kaiseki, #circle1, .serv02-kaiseki,
.color_kaiseki a /* mb_nav */{
  background: #219242!important;
  background: rgba(33,146,66,1)!important;
  color:#fff!important;
}
.color_kaiseki .dropdown-menu{
  background: #219242;
  background: rgba(33,146,66,0.96);
  border-bottom: 1px solid rgba(0, 0, 0,0.96);
  color#fff;
}
/* mb_nav */
.color_kaiseki a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}





/* AI人材  */
.color_AI_human,#circle2,.serv01-AI-h,
.color_AI_human a /* mb_nav */{
  background: #3485B8!important;
  background: rgba(52,133,184,10.1)!important;
  color:#fff!important;
}
.color_AI_human .dropdown-menu{
  background: #3485B8;
  background: rgba(52,133,184,0.96);
  border-bottom: 1px solid rgba(0, 0, 0,0);
  color:#fff;
}
/* mb_nav */
.color_AI_human a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}



/* 会社運用  */
.color_kaisya,#circle7,
.color_kaisya a /* mb_nav */{
 background: #833c0c!important;
  color:#fff!important;
}
.color_kaisya .dropdown-menu{
 background: #833c0c!important;
  border-bottom: 1px solid rgba(0, 0, 0,0.96);
  color:#fff;
}
/* mb_nav */
.color_kaisya a:hover { 
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}




/* 20%薄く */
.color_AI_human_usu{background-color:#4B92CC;color:#fff;}
.color_kaiseki_usu{background-color:#2da751;color:#fff;}
.color_bodais_usu{background-color:#1e8447;;color:#fff;}
.color_kenkyu_usu{background-color:#4B92CC;color:#fff;}


	
/* --------------------一行概略css-------------------- */
	.nli-def {
		/* add */
   background-color: #1E406A;
   color: #fff;
    padding: 2px 20px;
    margin: -3px 10px 2px -5px;
	/*  color: #fff; */
    min-width: 145px;
    display: inline-block;
    text-align: center;
    border-radius: 28px;
	}

	@media screen and (max-width: 639px){
	.one-lin .nli-def {
    display: block;
    padding: 2px 6px;
    margin: -3px 5px 2px -5px;
    color: #fff;
    min-width: 85px;max-width: 187px;
    display:block;
 	font-size: 12px;
	}}



/* ソリューション  */
.color_solution1{
  background: #3485B8;
background: rgb(160, 189, 209);
  color:#fff;
}
/* ソリューション  */
.color_solution2{
  background: #3485B8;
  background:rgb(48, 77, 99);
  color:#fff;
}




/* カウンセリングだけ位置上 */
#counseling{
  position: absolute;
  top: -16px;
  left: 38px;
}
/* on_border */
.on_act{
border:2px solid #EBEB00;
}


/* グロナビの色00 DXとはなど */
.color_def{
   background-color: #304d63;
  color:#fff;
}


/* font-color */
.c-aijinzai{color:#3485B8;}


	.serv04-kenkyu{background-color: #72c8c0; color:#fff;}/* 研究 */
	
	

/* ロイヤルブルー-add-202107  */
.li.dropdown.color-dx-flow{  background: #1E406A!important;
  color:#fff!important;}

.color-dx-flow, .color-dx-flow a{
  background: #1E406A!important;
  color:#fff!important;
}

.color-dx-flow .dropdown-menu{
  background: #1E406A!important;
  color:#fff!important;
}
/* nav */
.color-dx-flow a:hover { 
  background: #1E406A!important;
  color:#fff!important;
}

/* ロイヤルブルー-add-202107  */



	/* main.cssへ移動　4つの○ */


/*----------------------------------
  isF-navi-color 帯の色
------------------------------------*/

/* 紺色基本 */
.br_product{background-color:#1E406A;height:8px;margin:2px 0 18px;}
/* addでcolr変更 */

/* AI人材教育color */
.br_hr{background-color:#3485B8;}

/* データ解析color */
.br_analy{background-color:#219242;}

/* システムcolor */
.br_sys{background-color:#117339;}

/* 研究color */
.br_rd{background-color:#35B0A3;}

/* bodaiscolor */
.br_boda{background-color:#c4f2d6;}

/* HP直下dxなど */
.br_dx{background-color:#000;}

/* 法人運営茶色 */
.br_mnt{background-color:#833c0c; color:#fff!important;}
:hover.br_mnt{color:#fff!important;}


/* 細い線 */
.br_product2 {
    background-color: #6c6c6c;
    height: 2px;
    margin: 40px 0 50px;
}



/*----------------------------------
  isF-navi
------------------------------------*/

#box-isFnavi{
	position: fixed!important;
    top: 10%;
    right: 2%;
    background: url(https://bodais.com/assets/images/common/bg-isfnavi.png) left bottom;
  background-size: 130px;
background-repeat: no-repeat;
  display: block;
  height:100px;
  padding-top:59px;
  z-index:3;
  /* border:1px solid #fff; */
  width:180px;
}
.boxin{
  position: relative;
  bottom:0;
  float: right;
  width: 40px;
  height: 40px;
 /* border:1px solid red; */
  margin-right:16px;
}

/* 4つの○左下 */
@media (max-width: 640px) {
#box-isFnavi {
		position: fixed!important;

	top: 80%;
    right: 0!important; 
	}
}


#box-isFnavi a{
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 30px;
  height: 30px;
  padding: 0px;
  border-radius: 50%;
  color: #d0edff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
  z-index: 10;
  box-shadow: 0 0.15rem 0.2rem rgba(27, 30, 36, 0.25);
}



#box-isFnavi #circle6 a:hover{
    background: #d1e1cd;
}




/* 　　　　 */
.boxin a span{
  visibility:hidden;
  }
  
/* hober */
#box-isFnavi a:hover{
  top: 0px;
  left:0px;
    top: -5px;
    left: -5px;
   width: 46px;
  height: 46px; 
  z-index: 100;
  display:block;
}


/* active */
#box-isFnavi a.act{
  top: 0px;
  left:0px;
  font-size: 2px;
  z-index: 100;

}
#box-isFnavi  a.act:hover{
  top: 0px;
  left:0px;
  width: 34px;
  height: 34px;
  font-size: 2px;
  z-index: 100;
}





/* カウンセリング・データ解析 */
#circle1,#box-isFnavi #counseling .tooltip div{
  background: #219242;
  background: rgba(33,146,66,1);
}
/*  AI人材教育・オンサイト解析  */
#circle2, #box-isFnavi #ai-human_b .tooltip div{
  background: #3485B8;
  background: rgba(52,133,184,1);

}
/* システム開発・bodaisライセンス  */
#circle3, #box-isFnavi #system_b .tooltip div{
  background: #117339;
  background: rgba(17,115,57,1);
}
/* アルゴリズム研究・世界初エンジン  */
#circle4, #box-isFnavi #labo_b .tooltip div{
  background: #35B0A3;
  background: rgba(53,176,163,1);
}
/* 　　　　 */
#counseling {
    position: absolute;
    top: 24px;
    left: 40px;
}
/* DXとは */
#circle0, #box-isFnavi #dx_b .tooltip div{
  background: #1E406A;
	color:#fff;
}
/* bodais樹木 */
.color_b-tree , #box-isFnavi #boda .tooltip div{
background-color: #c4f2d6;
	color:rgba(17,115,57,1);
	
}

#dx_b{
    position: absolute;
    top: 24px;
    left: -14px;
}

#boda{
    position: absolute;
    top: 24px;
    left: 93px;
    
}

#box-isFnavi #circle6 a {
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
}
#box-isFnavi a:hover#circle6 {
    background-color: #deefda;
}

/* on_border */
.on_act{
border:3px solid #EBEB00;
}


/* 4つの○ツーﾙチップ */
/* ツールチップの幅や色など */

#box-isFnavi .tooltip-inner{
width:80px;
padding:.5rem .6rem .5rem  1.0rem ;
color:#fff;text-align:left;  color: #fff;
border-radius:.25rem;
}

	
/* ツールチップの吹き出しの黒変えるなら以下2020.05.23 */
	
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #fff; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #fff; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff; }




/* 2020 subnavi 上に追加 */

/* 0.DXとはのH1背景 */
.bg_tit0{
background-image: url(https://bodais.com/wp-content/uploads/bg-titleS00.jpg); 
background-repeat: no-repeat; background-size: cover;
}
/* 1.AI人材のH1背景 */
.bg_tit1{
background-image: url(https://bodais.com/wp-content/uploads/bg-titleS01.jpg); 
background-repeat: no-repeat; background-size: cover;
}
/* 2.データ解析WのH1背景 */
.bg_tit2{
background-image: url(https://bodais.com/wp-content/uploads/bg-titleS02.jpg); 
background-repeat: no-repeat; background-size: cover;
}
/* 3.システム人材のH1背景 */
.bg_tit3{
background-image: url(https://bodais.com/wp-content/uploads/bg-titleS03.jpg); 
background-repeat: no-repeat; background-size: cover;
}
/* 4.解析アルゴリズム研究のH1背景 */
.bg_tit4{
background-image: url(https://bodais.com/wp-content/uploads/bg-titleS04.jpg); 
background-repeat: no-repeat; background-size: cover;
}
/* 5.企業系のH1背景 */
.bg_tit5{
background-image: url(https://bodais.com/assets/images/company/bg_bijyon2.png); 
background-repeat: no-repeat; background-size: cover;
}





/* subnavi上の続き 480以下で非表示 */

.sub_navi{
   padding-top:30px;
   display:block;
}

@media (max-width: 479px) {
  .sub_navi{
    display:none;
  }
}


	/* ---------サブナビ main.cssへ追加しよう共通なので--------- */		
	.sub_navi ul{
		display: table;
		margin: -50px auto 0px;
		padding: 0;
		width: 80%
			text-align: center;
		border-collapse: separate;  /* セルの間隔を空ける */
		border-spacing: 8px 0px;  /* 左右 上下で記述 */
	}

	.sub_navi ul li{
		display: table-cell;
		min-width: 50px; 
		font-size:13px;font-weight:normal;
	}
	.sub_navi ul li a{
		display: block;
		width: 100%;
		padding: 5px 13px;
		text-decoration: none;
		line-height:1.04;
		border-radius:30px;
		color: #aaa;
	}
	.sub_navi ul li a:hover{
		color:#000; background-color:#ebebeb;
	}
	.sub_navi ul li.current{
		border: 1px solid #ccc;  
		border-radius:30px;
		color: #222;
		background-color:#ebebeb;
	}
.sub_navi ul li.current a {
    color: #222;
		background-color:#ebebeb;
}
	.sub_navi ul li.current a:hover{
		color: #fff;
		background-color:#ebebeb;
	}


	/* ---------サブナビ3階層目-------- */		
	/* 3階層メニュー */
	.sub2nav { margin-top: -30px;}
.sub2nav ul {
   border-top: 1px solid #e4e4e4;
   /*  border-bottom: 1px solid #e4e4e4; */
	    text-align: center;

box-shadow: 0px 1px 0px #eeeeee;;
}
	.sub2nav li{     
		 border-right: 1px solid #dedede;
		/*  background-color: #eeeeee; */
		text-align: center;
	   /*   box-shadow: 0px 2px 0px #cdcdcd;*/ 
	}
	
	.sub2nav li a{     color: #878787;
    font-size: 13px;
    padding: 6px 7px 4px; display:block;	
	}
	
	.sub2nav li a:hover{ color:#333;  /*background-color: #eeeeee;*/}
	.sub2nav .list-inline li a:before{ content:none;}
	

	/* 最初のリスト */	
.sub_navi li:first-child a{
		border-right: 1px solid #ccc; border-radius:0; color:#444;margin-right: 10px;font-weight: bold;
}	









/* ---------open icon--薄緑------- */		
	.add_blank>a[target="_blank"]:after {
		content: url(https://bodais.com/assets/images/common/icon_target_opp.png);
    margin: 0px 0 0 5px;
}

/* ---------open icon-白-------- */		
	.add_blank_w>a[target="_blank"]:after {
		content: url(https://bodais.com/assets/images/common/icon_target_opp_w.png);
    margin: 0px 0 0 5px;
}


/* ------------------------------------------------------------
概略フレックスボックス */
	.gai-box {
        min-height: 66px;
    padding-top: 6px;
        width: 100%;
        /* フレックスコンテナであることを指定 */
        display: flex;
        /* 軸の設定(既定値がrowなので省略可能) */
        flex-direction: row;
        /* 主軸：左右の配置 */
        justify-content: space-between;
        /* 交差軸：上下の配置 */
        align-items: flex-end;
      }
      .child {
 
      }

/* ------------------------------------------------------------
btn-オレンジの入手ボタン */
	.btn-offer{
		background-color: #ffc82c;
    padding: 13px 90px 11px 116px;
    border-radius: 24px;
    width: 80%;
    font-size: 20px;
    border: 1px solid #666;
    color: #333;
	font-weight: bold;
    }


/* ------------------------------------------------------------
フレックスボックス01 */

/* ■■■■isf-btn  */
	.flex_test-box {
		background-color: #eee;     /* 背景色指定 */
		padding: 10px 0 0px 10px;             /* 余白指定 */
		display: flex;              /* フレックスボックスにする */
		align-items:stretch;        /* 縦の位置指定 */
		width: 100%;  
	}
@media (max-width: 690px) {
	.flex_test-box {
		padding: 10px 10px 10px 0px;             /* 余白指定 */
		align-items:stretch;}     /* 縦の位置指定 */ 
	}

	.flex_test-item {
		padding: 0px;
		margin-bottom:  0px; 
		margin-left:  10px;     /* 外側の余白 */
		border-radius:  0px;        /* 角丸指定 */
		width: 50%;                 /* 幅指定 */
		font-style: 12px;
		text-align:center;
	}
	.flex_test-item a{ 	    padding: 20px 10px 10px;
		color:  #fff;              /* 文字色 */
		border-radius:  0px;        /* 角丸指定 */
		display:block;
		line-height:1.2;
	}
	.flex_test-item a:hover{
		background-color: rgba(255, 255, 255, 0.2);
		text-decoration:none;
		color:#fff;
}


/* ■■■■isf-top-smart 20210112- */
	.flex-smart {
		background-color: #fff;     /* 背景色指定 */
		padding: 0px;       /* 余白指定 */
		display: flex;              /* フレックスボックスにする */
		align-items:stretch;        /* 縦の位置指定 */
		width: 100%;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
	}

@media (max-width: 690px) {
	.flex-smart {
		padding: 0px 4px 0;             /* 余白指定 */
		align-items:stretch;}     /* 縦の位置指定 */ 
	}


.flex-smart-item {
		padding: 0px;
		margin-left:  1px;     /* 外側の余白 */
		 /*border-radius:  0px;        角丸指定 */
		width: 40%;
		height: 54px;
		margin-bottom: 1px;
		text-align:center;
		position:relative;
    line-height: 1.1;
		
	}
	.flex-smart-item a{
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 0px 0px 0px;
		color:  #fff;              /* 文字色 */
		border-radius:  0px;        /* 角丸指定 */
		display:block;
		width:100%;
		text-align:center;
    height: auto; 
    line-height: 15px;
	}
	.flex-smart-item a:hover{
		background-color: rgba(255, 255, 255, 0.2);
		text-decoration:none;
		color:#fff;
	}


	/* 各カテゴリTOPのflexカード */
	
	.sv_wrap .flex_test-item a{ font-size:1.6rem; }

@media (max-width: 690px) {
	.sv_wrap{width:84%;margin:0 auto;}
	.sv_wrap .flex_test-box{flex-wrap: wrap;/* 折り返す*/}
	.sv_wrap .flex_test-box .flex_test-item{width:47%;margin:0 auto 10px;}
	.sv_wrap .flex_test-box .flex_test-item:first-child {;}/* 最初だけ*/
	}
@media (max-width: 480px) {
	.sv_wrap{width:100%;margin:0 auto;}
	}
	

-------------------------------------------------------------------- */




/* header fix
----------------------------------------------------------- */
/* heder全体 */

.anchor {
  margin-top: -194px;
  padding-top: 194px;
}




@media (max-width: 768px) {
  .anchor {
    margin-top: -81px;
    padding-top: 81px;
  }
}

.header-fixed .anchor {
  margin-top: -99px;
  padding-top: 99px;
}

@media (max-width: 768px) {
  .header-fixed .anchor {
    margin-top: -81px;
    padding-top: 81px;
  }
}



.header {
  width: 100%;
  /* opacity: 0.96;  */
  padding: 0px;
  border-bottom: 1px solid #efefef;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
    height: 90px;
  /* 縦幅116px */
}




	

@media (max-width: 768px) {
.header .header-inner-2 {
  height: 56px;
}}


.header .header-logo {
  padding: 22px 0 0 4px;
  font-size: 13px;
  margin: 0px;
}

.header .header-logo img {
  display: block;
  float: left;
  margin: 0 18px 0 0;
}


/* header-text */
.header .header-logo span {
	display: block;
	line-height: 2.8;
	padding: 3px 0 0 0px;
	font-size: 11px;
	color: #304d63;
}

/* 問い合わせ */


/* contact_Area tel */

.header .header-contact {
  position: absolute;
  top: 38px;
  right: 0;
}


/* tel */

.header .header-contact .header-contact-tel {
  text-align: center;
  padding: 0px 0px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
}

.header .header-contact .header-contact-tel p {
  line-height: 1.6;
  font-size: 16px;
  margin: 0;
}

.header .header-contact .header-contact-tel p a {
  color: #333;
}

.header .header-contact .header-contact-tel p span {
  font-size: 11px;
}

.header .header-contact .header-contact-tel p a:before {
  content: "";
  display: inline-block;
  background-image: url("/assets/images/i-tel.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 1px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}


/* header-inquery-btn */

.header .header-contact .header-contact-form {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}

.header .header-contact .header-contact-form p {
  margin: 0;
}

.header .header-contact .header-contact-form p a {
    display: inline-block;
    /* background-color: #e2e2e2; */
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 0px 30px 0 22px;
    line-height: 30px;
    height: 31px;
    border-radius: 90px;
    margin-top: 2px;
    font-weight: 200;
  -webkit-box-shadow: 0 2px 5px rgba(94, 136, 129, 0.35);
  box-shadow: 0 2px 5px rgba(94, 136, 129, 0.35);
}


.header .header-contact .header-contact-form p a:hover {
  opacity: 1;
background-color: #eee;
  text-decoration: none;
}
/* ヘッダーのアイコン　前にアイコン消した */
.header .header-contact .header-contact-form p a:before {
  content: "";
  width: 5px;
  height: 5px;

  display: inline-block;
  vertical-align: middle;
  margin: -4px 6px 0 0;
}


/* 会社・ログイン・en */

.header .nav-utility {
	position: absolute;
	top: 20px;
	right: 0;
	padding-bottom: 0px;
	border-bottom: none;
}

.header .nav-utility ul {
  padding: 0;
  margin: 0;
}

.header .nav-utility ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	margin: 0 0 0 5px;
}

.header .nav-utility ul li a {
  display: inline-block;
  color: #666;
}

.header .nav-utility ul li a:before {
  content: "";
  width: 3px;
  height: 3px;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}
/* loginアイコンで＞を消す */
.header .nav-utility ul li.icon a:before {
  content: "";
  width: 0px;
  height: 0px;
  border-right: none;
  border-top: none;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}


  .header .header-inner-2 {
    position: relative;
max-width: 1000px;
    margin: 0 auto 6px;
    height: 54px;
  }


	.header .header-logo {
    padding: 12px 0 0 4px;
}

/* パッド以下でのhedder全体 */

@media (max-width: 767px) {
  /* heder全体 */
  .header {
    margin: 0px 0 0px;
  }
  .header .header-inner-2 {
    margin: 0 auto;
  }
  .header .header-logo {
    padding: 10px 0 0 6px;
    margin: 0 0 10px;
  }
  .header .header-logo img {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
  }
  .header .header-logo span {
    display: block;
    line-height: 1.1;
    font-size: 10px;
    padding: 5px 0 0 2px;
  }
}


/* ロゴサイズ */

.rogo-s {
  width: 108px;
  height: auto;
}

@media (max-width: 912px) {
  .rogo-s {
    width: 108px;
    height: auto;
  }
}

@media (max-width: 767px) {
  .rogo-s {
    width: 70px; /* 20200510 */
    height: auto;
  }
}


/* パット以下のみ表示 ログイン/enをGnavi追加 */

@media (max-width: 767px) {
  li.nav-info {
    display: block;
  }
  /* ログイン・en色変え */
  li.nav-info .nav-login {}
  li.nav-info .nav-en {
    display: block
  }
}


/* パット以下でトグル非表示 */

@media (max-width: 767px) {
  .header-inner-2 .header-contact, .header-inner-2 .nav-utility, .navbar-default {
    display: none!important;
  }
}


/* パット以下 */

@media (max-width: 767px) {
  .header {
    height: 48px;
  }
  .contents {
    padding-top: 35px;
    margin-top: 0;
  }
  /* トグルバーガー隣tel */
  .btn-tel a span {
    font-size: 22px;
  }
  .btn-tel a {
    position: absolute;
    top: 9px;
    display: block;
    right: 44px;
    padding: 0px;
    width: 46px;
    color: #666;
    font-size: 10px;
    text-align: center;
    line-height: 1.1;
  }
/* トグルバーガースマホ表示bodaisログイン */
  .login-bodais a span {
    font-size: 9px;
  }
  .login-bodais a {
    position: absolute;
    top: 13px;
    display: block;
    background-color: #fefefe;
    display: block;
    right:88px;

    color: #666;
    font-size: 11px;
    text-align: center;
    line-height: 1.1;
    display: inline;
    color: #000;
    background-color: #ffc82c;
    padding:9px 1px 9px 0px;
    border-radius: 37px;
    font-size: 12px;
    width: 86px;
    color: #333;
  }
  
  /*  drower.js  */
  /*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
  /* wrap */
  nav.drawer-nav {
    background-color: #384a57;
  }
  .drawer-open .drawer-nav {
    width: 24.25rem;
  }
  /* トグル位置調整右上 */
  .drawer-hamburger:hover {
    cursor: pointer;
  }
  /* トグルバーガーDW */
  button.drawer-toggle {
    z-index: 10000;
    padding: 10px 18px 0 0;
    display: block;
    width: 26px;
    height: 32px;
    position: absolute;
    background-color: #fefefe;
    display: block;
    color: #666;
    font-size: 10px;
    text-align: center;
    line-height: 1.1;
  }
}


/* //768 */




.navbar {
    min-height: 34px;
    margin-bottom: 14px;
    border: 1px solid transparent;
}









/* パット以上でトグル非表示 */

@media (min-width: 768px) {
  .btn-tel a, li.nav-info a {
    display: none;
  }
  button.drawer-toggle {
    display: none;
  }
}


/* 閉トグル */

.drawer--right.drawer-open .drawer-hamburger {
  right: 0rem!important;
  backgroun-color: #384a57!important;
  padding: 4px 6px 8px 6px;
}

.drawer--right.drawer-open .drawer-hamburger .s-nav-d {
  display: none;
}


/* navbar */

.navbar-default .navbar-nav>ul {
  list-style-type: none;
  padding-left: 0;
}

.navbar-default .navbar-nav>ul li {
  background: #CCC;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 10px;
}

.navbar-center {
  text-align: center;
}

.navbar-center li {
  display: inline;
  font-size:1.39rem;
}
.nav > li > a {
    padding: 10px 14px;
}

/* navbarGnavi色変え *
/* navbar 全体の背景色とボーダーカラー */


/* navbarGnavi色変え *
/* navbar 全体の背景色とボーダーカラー */

.navbar-default {
  background-color: #304d63;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
}


/* navbar テキストカラー */

.navbar-default .navbar-nav>li>a {
  color: #f6f6f6;
}


/* navbar hover,focus時のテキストカラー */

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}


/* navbar active設定時のカラー */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #273944;
}


/* navbar ドロップダウン(親)のカラー */

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #f6f6f6;
  background-color: #384A57;
}


/* navbar ドロップダウン(子)のボックスカラー */

.dropdown-menu {
   background-color: #1E406A;
  border: 1px solid #1E406A;
  -webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
  box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}


/* navbar ドロップダウン(子)テキストカラー */

.dropdown-menu>li>a {
  color: #f6f6f6;
  ;
}


/* navbar ドロップダウン(子)focus,hover時のカラー */

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}


/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */

.dropdown-menu .divider {
  background-color: #3e6962;
}


/* navbar 画面サイズ767px以下の時のカラー */

@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #26534c;
    background-color: transparent;
  }
  /* ドロップダウンactive設定時のカラー */
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #ffb163;
    background-color: #d4ede9;
  }
}


/* navのradius角丸0 */

.navbar {
  border-radius: 0px;
}

.dropdown-menu {
  border-radius: 0px;
}
.navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 10px;
    line-height: 14px; /* グロナビの高さはここで調整 */
}

/* header.php  */

ul.drawer-menu {
  background: #384a57;
  width: 100%;
  margin: 10px 0px 0;
  padding: 0px 0px 1000px 0;
  font-size: 14px;
  height: auto;
}


/* 1親 外枠 */

ul.drawer-menu>li {
  list-style: none;
  background-color: #384a57;
  padding: 0px;
  margin: 0;
  font-weight: normal;
}


/* ★1親子全体の設定 */

ul.drawer-menu a {
  background: #384a57;
  display: block;
  padding: 8px 3px 8px 28px;
  margin: 0;
  background-position: 97% center;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #fff;
  list-style: none;
}


/* 1（親のみのリンク）設定 */

ul.drawer-menu>li a.home {
  margin-left: -10px;
}


/* 連携サービス */

ul.drawer-menu>li p.link-one a {
  padding-left: 28px;
}

ul.drawer-menu>li p.link-one a:before {
  /* font-family: 'Glyphicons Halflings';*/
  content: "●";
  font-size: 8px;
  margin-left: -4px;
  color: #ccc;
  padding: 11px 8px 0 0px;
}


/* 1親子（親）link */

ul.drawer-menu>li>p {
  list-style: none;
  argin: 12px 4px 12px 14px;
  padding: 0;
  margin: 0;
  display: block;
  cursor: pointer;
 /* border-top: 1px solid #273944;*/
}

ul.drawer-menu>li>p span {
  background-image: url(../img/open.png);
  display: block;
}

ul.drawer-menu>li>p span.open {
  background-image: url(../img/close.png);
}


/* left閉開アイコン */

ul.drawer-menu>li>p span:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  font-size: 8px;
  float: left;
  color: #ccc;
  padding: 13px 8px 0 24px;
}

ul.drawer-menu>li>p span.open:before {
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  font-size: 8px;
  left: 10px;
  color: #ccc;
}


/* 1親子（親） */

ul.drawer-menu span {
  display: block;
  padding: 0;
  background-position: 97% center;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: normal;
  list-style: none;
  background: #384a57;
}


/* 1親子（親） */

ul.drawer-menu p :hover {
  background-color: #273944;
}

ul.drawer-menu ul {
  display: none;
  margin: 0;
  padding: 0;
}


/* 2親子（子）  */

ul.drawer-menu>li>ul>li {
  list-style: none;
}

ul.drawer-menu>li>ul>li>p {}

ul.drawer-menu>li>ul>li>a {
  background-color: #577584;
  padding: 9px 3px 9px 48px;
 /* border-bottom: #4a6372 1px solid; */
}

ul.drawer-menu>li>ul>li>a:hover, ul.drawer-menu>li>ul>li>a:active {
  background-color: #4a6372;
}


/* 3孫  */

ul.drawer-menu>li>ul>li>ul>li {
  background-color: #577584;
  border-bottom: 1px dotted #888;
}

ul.drawer-menu>li>ul>li>ul>li:last-child {
  border: none;
}

ul.drawer-menu a :hover, ul.drawer-menu a :active {
  background-color: #273944;
}



@media (min-width: 768px) {
  .header-contact-tel .color-g-fss {}
}

@media (min-width: 768px) {
  .navbar-nav {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float: none;
  }
}

/*=========================================================================
//
//5.Contetns page:customar/faq...
//
==========================================================================*/
/* 業種別・課題別solution-title 0316size更新 */
.head-solutions {
  display: table;
  width: 100%;
  margin: 0 0 10px;
  background-image: url(/assets/images/industry/bg-tit.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 6px;
  margin-top: -20px;
}

.head-solutions .image {
  width: 120px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 6px 0;
}

.head-solutions small {
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 10px;
}

.head-solutions .text {
  padding: 10px 0 10px 0px;
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  font-weight: 300;
}

@media (max-width: 768px) {
  .head-solutions {
    margin: 0 0 10px;
    padding: -bottom:6px;
  }
  .head-solutions .image {
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .head-solutions .image img {
    width: 100%;
  }
  .head-solutions small {
    font-size: 12px;
    color: #666;
    display: block;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .head-solutions .text {
    padding: 10px 0 0px 10px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 300;
    font-size: 24px;
  }
}

/*=======//faq & Solutions ====*/
.panel-body ol {
  margin-left: 0;
  padding-left: 16px;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff;
}
/* errer */
.panel-body>blockquote {
  border-left: 6px solid #f2dede;
  /* border-left:none; */
  background-color: #fcf8e3;
  color: #665b58;
  padding-top: 18px;
}
.panel-body>blockquote p {
  font-size: 90%;
}
/* ruby */
ruby {
  ruby-align: left;
  margin-left: -4px;
  ruby-position: above;
}
.nav.nav-tabs li a:before {
  content: " ";
  padding-left: 13px;
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(/assets/images/i-tab.svg) no-repeat 0px;
  vertical-align: middle;
  z-index: 4;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {}
/* アコーディオン　開く  */
.panel>.panel-heading>.panel-title>a[data-toggle="collapse"] {
    display: block;
    padding:0px 10px 10px 10px;
    margin: 0px -15px -10px;
    font-weight: normal;
    font-weight: bold;
}
/* hover時の色 */
.panel>.panel-heading>.panel-title>a:hover[data-toggle="collapse"] {
  font-weight: normal;
  background-color: #edecec;
}
/* left閉開アイコン */
.accordion-toggle {
  position: relative;
}
.accordion-toggle a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  font-size: 10px;
  position: absolute;
  top: 32%;
  left: 0px;
  color: #bbb;
}
.accordion-toggle a.collapsed:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  font-size: 10px;
  float: left;
  color: #bbb;
  }

/* →firefox hack */
@-moz-document url-prefix() {
  .accordion-toggle a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    font-size: 10px;
    position: absolute;
    top: 22px;
    left: 0px;
    color: #bbb;
  }
}
.panel>.panel-heading>.panel-title>a[data-toggle="collapse"]:active, .panel>.panel-heading>.panel-title>a[data-toggle="collapse"]:hover, .panel>.panel-heading>.panel-title>a[data-toggle="collapse"]:focus {
  text-decoration: none; //リンクテキストの下線を消す
}

/* ｈ3画像―ア行 */
.dl-h3 {
  margin: 36px 0 10px 16px;
  font-size: 22px;
}

.dl-h3:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 3px;
  vertical-align: middle;
  background: url(/assets/images/i--bar.svg) no-repeat 40% 0;
  padding: 0 0 0px 0px;
  margin-top: -5px;
}
/* 下▼ */

.i-dl {
  font-size: 20px;
  background: url(/assets/images/i-h3.png) no-repeat 18px;
  padding: 10px 10px 10px 38px;
}
.panel-default {
  margin-left: 16px;
}
.panel-heading {
  cursor: pointer;
}

/* .panel-body */

.panel-body {
  padding: 18px 34px 18px;
}

.panel-body p {
  font-size: 14px;
  line-height: 170%;
  margin: 0;
  padding: 0 0 0.8em 0;
}
.panel-body h3 {
  margin: 2em 0 14px 0;
  font-weight: 500;
}

.panel-body h4 {
  font-size: 15px;
  margin: 30px 0 20px 4px;
  font-weight: 600;
  color: #666;
}

.panel-body h4:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background: url(/assets/images/faq/i-h4.svg) no-repeat 40% 0;
  padding: 0 0 0px 0px;
  margin-top: -3px;
  margin-right: 4px;
}

.panel-body h4 span {
  background-color: #efefef;
  padding: 5px 5px 5px 2px;
  font-weight: 500;
  border-radius: 4px;
  color: #222;
}

.panel-body h5 {
  font-weight: bold;
  mrgin: 1.2em 0 -0.2em 0;
}

.panel-body .pl20 {
  padding-left: 20px;
}

.panel-body .pl14 {
  padding-left: 14px;
  display: block;
}

/* h4見出し */
.dl-h4 {
  margin-bottom: 1.1em;
  margin-top: 1.6em;
  padding: 4px 0 6px 0px;
  font-size: 17px;
  border-bottom: 1px solid #ececec;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.6em;
  font-weight: 500;
  color: #000;
}
/* nav-inPage */
.list-inline li a:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 3px;
  vertical-align: middle;
  background: url(/assets/images/i-arr-b.svg) no-repeat;
  background-size: 5px 3px;
  padding-left: 9px;
}
/* icon-tel.svg */
.i-tel a {
  text-decoration: underline;
}

.i-tel:before {
  content: '';
  display: inline-block;
  width: 1.1em;
  height: 1.0em;
  vertical-align: middle;
  background: url(/assets/images/faq/icon-tel.svg) no-repeat 10% 0;
  padding: 0 0 0px 0px;
  margin-top: 0px;
}


/* h2タイトルのblock */

.page-nav-fq {
  margin-left: 0px;
  display: block;
  max-width: 1000px;
  margin: 15px 0 0 0px;
  padding: 14px 10px 10px 0px;
  border-bottom: 1px solid #d7d7d7;
  box-shadow: 0 6px 1px #f3f3f3;
  -moz-box-shadow: 0 6px 1px #f3f3f3;
  -webkit-box-shadow: 0 6px 1px #f3f3f3;
}
/* faq画像 */
.page-nav-fq #faq01 div {
  padding: 0;
  background: url(/assets/images/faq/faq-icon-01.svg) 0px -4px no-repeat;
  background-size: 60px 60px;
}
/* faq画像 */
.page-nav-fq #faq02 div {
  padding: 0;
  background: url(/assets/images/faq/faq-icon-02.svg) 0px -4px no-repeat;
  background-size: 60px 60px;
}
/* faq画像 */
.page-nav-fq #faq03 div {
  padding: 0;
  background: url(/assets/images/faq/faq-icon-03.svg) 0px -4px no-repeat;
  background-size: 60px 60px;
}

/* h1 */
.page-nav-fq div h1 {
  padding-left: 54px;
}
/* h2 */
.page-nav-fq .list-inline {
  border-left: 1px solid #e0dfdf;
  margin: 0;
  padding: 10px 10px 10px 20px;
  display: block;
}

/* h2-title */
.h2-d {
  margin: 0: padding:0;
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  padding: 0.4em 0em 0.4em 0.2em;
  color: #555;
}
/* right-0 */
.p-m-r0 {
  padding-right: 0;
  margin-right: 0!important;
}

/* side-midashi */
.c_tyui {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 4px;
    background-color: #f4f4f4;
    font-size: 13px;
    margin: -10px 0 6px;
}

/* moji-small */
.color-g-fs {
    color: #666;
    font-size: 90%;
    line-height: 130%;
}
.color-g{
    color: #555;
    line-height: 130%;
}

/* リスト */
.panel-body ol li {
  margin: 0;
  padding: 0;
}
.panel-body ol li {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
.panel-body img {
  text-align: left;
  margin-left: 0;
}

/* 画像shadow */
.img-thumbnail {
  box-shadow: 6px 6px 8px #e3e3fe;
  -moz-box-shadow: 6px 6px 8px #e3e3e3;
  -webkit-box-shadow: 6px 6px 8px #e3e3e3;
  border-radius: 0;
  margin-bottom: 1.6em;
  margin-top: 0.6em;
  padding-left: 6px;
}

@media screen and (max-width:991px) {
  /* h2タイトルのblock */
  .page-nav-fq {
    display: block;
    max-width: auto;
  }
  .page-nav-fq #faq01 div {
    margin: 0px 0 0 0px;
    padding: 0px 0px 10px 0px;
    background-position: right top;
    background: url(/assets/images/faq/faq-icon-01.svg) left -2px no-repeat;
    background-size: 50px 50px;
  }
  .page-nav-fq #faq02 div {
    margin: 0px 0 0 0px;
    padding: 0px 0px 10px 0px;
    background-position: right top;
    background: url(/assets/images/faq/faq-icon-02.svg) left -2px no-repeat;
    background-size: 50px 50px;
  }
  .page-nav-fq #faq03 div {
    margin: 0px 0 0 0px;
    padding: 0px 0px 10px 0px;
    background-position: right top;
    background: url(/assets/images/faq/faq-icon-03.svg) left -2px no-repeat;
    background-size: 50px 50px;
  }
  /* h1 */
  .page-nav-fq div h1 {
    padding: 8px 0 0 54px;
  }
  /* h2 */
  .page-nav-fq .list-inline {
    border-left: none;
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 10px 0;
    display: block;
  }
  /* h2-title */
  .h2-d {
    margin: 0: padding:0;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0.4em 0em 0.4em 1.0em;
    color: #555;
  }
}

@media screen and (max-width:480px) {
  /* errer */
  .panel-body>blockquote {
    padding-top: 10px;
  }
  .panel-body>blockquote p {
    font-size: 14px;
  }
  .page-nav-fq {
    padding: 10px 0px 10px 0px;
    background-size: 38px 38px;
    background-position: 2px 10px;
    margin: 0;
  }

  /* h2 */
  .page-nav-fq .list-inline {
    border-left: none;
    border-top: 1px solid #efefef;
    margin: 0 0 0 -16px;
    ;
    padding: 10px 0 10px 0px;
    display: block;
    font-size: 18x;
  }
  /* h2 */
  .page-nav-fq .list-inline {
    padding: 0px;
    margin-left: -20px;
  }
  /* h2-title */
  .page-nav-fq .h2-d {
    font-size: 19px;
    margin: 10px 0px 0px -8px;
    padding: 4px 0 0 54px;
  }
  .nav.nav-tabs li a {
    padding: 6px 12px 6px 8px;
  }
  /* アコーディオン　開く@480  */
  .panel>.panel-heading>.panel-title>a[data-toggle="collapse"] {
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding: 6px 7px 6px 28px;
    margin: -5x -7px;
    font-weight: normal;
  }
  /* left 閉開アイコン@480  */
  .accordion-toggle a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    font-size: 10px;
    position: absolute;
    top: 10px;
    left: -5px;
    color: #bbb;
  }
  .accordion-toggle a.collapsed:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 10px;
    float: left;
    color: #bbb;
  }

  a.p-down:before {
    font-family: 'Glyphicons Halflings';
    content: "\e094";
    font-size: 10px;
    float: left;
    color: #bbb;
  }
  .dl-h3 {
    margin: 1.6em 0 10px 0px;
    font-size: 16px;
  }
  .dl-h3:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 3px;
    vertical-align: middle;
    background: url(/assets/images/i--bar.svg) no-repeat 40% 0;
    padding: 0 0 0px 0px;
    margin-top: -5px;
  }
  .panel-body .dl-h4 {
    font-size: 17px;
    margin-top: 0.7em;
    margin-bottom: 0.7em
  }
  .panel-body p {
    font-size: 14px;
  }
  .i-dl {
    font-size: 15px;
    background: url(/assets/images/i-h3.png) no-repeat 5px;
    padding: 4px 4px 4px 28px;
  }
  .panel-default {
    margin-left: 0px;
  }
  .panel-body {
    padding: 16px 10px 16px 16px;
  }
  .nav-tabs {
    margin-bottom: 0px;
  }
  .page-nav-fq .list-inline {
    border: none;
    padding: 0px 0px 2px 0px;
    margin: 0;
  }
}
/* /480px */
@media screen and (max-width:480px) {
/* →firefox hack */
@-moz-document url-prefix() {
  .accordion-toggle a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    font-size: 10px;
    position: absolute;
    top: 16px;
    left: -2px;
    color: #bbb;
  }
}}



@media print {
  /* header-footer　none */
  .header .nav-utility, .header .nav-global1, .header-contact, .footer {
    display: none!important;
  }
  /* header-footer　visible */
  .header {
    position: relative;
  }
  .header>.header-logo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
  .collapse {
    display: block;
  }
  .panel-body p {
    line-height: 110%;
    font-size: 12px;
    padding-bottom: 0.6em!important;
  }
  /* 用語title  */

  .panel-body {
    padding: 0px 34px 0px 26px;
    margin: 0 0 4px 10px!important;
  }
  /* h2-title */
  .h2-d {
    margin: 0: padding:0;
    font-size: 26px;
    font-weight: 500;
    margin-left: -40px;
    padding: 0.2em 0em 0.2em 0.0em;
    color: #555;
  }
  /* h2.list-inline */
  .page-nav-fq .list-inline {
    border-left: none;
    margin-left: -20px;
    padding: 4px 0px 0px 0px;
    display: block;
  }
  /* left閉開アイコン */
  .accordion-toggle a:before {
    top: 40%;
    left: 0px;
    color: #bbb;
  }
}
/* //@media print  */






  /* LP-pardot2017.10 */
.cover_box1 {
  position: relative;
  }

.cover_box1 h1 {
  position: absolute;
  color: #2f3140;
  top: 65%;
  left: 50%;
  width:90%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  text-align:center;
  font-weight: 600;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.7em 1em 0.5em;
	line-height: 134%;
    background-color:#fff;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  }
.cover_box1 img {
  width: 100%;
	height: 420px;
  }
.cover_box1 p {
  position: absolute;
  color: #fff;
  top: 26%; font-style: italic;
  left: 74%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  text-align:center;
  font-weight: 600;
	padding:0.2em 1em;
    background-color:#067636;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  padding: 0;
  margin: 0 auto 14px;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;

}


@media (max-width: 768px){
	.cover_box1 {  height:auto;}
.cover_box1 h1 { 

  left: 50%;
  width:95%; 
	padding:8px 4px; 
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
font-size: 2.4rem;
  }
	.cover_box1 img {
  width: 100%;
	height: 300px;
  }
	.cover_box1 p {
  position: absolute;
  top: 14%;
  right: 0%;
		width:200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
   border-radius: 0%;
		padding:0.2em 1em 0.1em;
	}
}


@media (max-width: 648px){
    	.cover_box1 img {
  width: 100%;
	height: 180px;
  }
}

@media (max-width: 480px){
.cover_box1 h1 { 
font-size: 1.6rem;
  }
}
 /* .-------------------//LP-pardot2017.10 */

.o-3column .col-md-4 { padding: 0 30px;}

/* dropdown_menu */

.dropdown-menu > li > a {
    padding: 3px 2px;
}

.navbar-nav > li > .dropdown-menu {
    padding-left: 6px;

}

/* dropdown li>li 小窓 */
.navbar-nav > li > .dropdown-menu >li >a {

    /* border-bottom: 1px solid #4a606f;*/
    margin-bottom: 5px;
        padding: 3px 24px 2px 20px;
}




/*  Serviceポイント */
.wrap_pickup {
	    background-color: #fff;
    color: #444;
border:1px solid #aaa; padding:10px;
		font-weight:bold; adding-left:4px;
		margin:4px 0 10px 0;
		font-size: 16px;
}
/*  demo */
	.h5_s {
		text-align: center;
		padding: 8px 8px 6px;
		font-size: 1.6rem;
		background-color: #304d63;
		margin: 50px 0 1.2rem;
		/* font-weight: 500; */
		color: #ffffff;
	}
	.w140{ width:140px;}
	.mt30{ margin-top: 50px;}
	
	/* サムネイルの下余白　カテゴリTOP一覧 */
	.thumbnail {
    display: block;
    margin-bottom: 5px;}
    
    
	/* 縦長概略の枠　★入ったら高さは540に変更 */
	.thumbnail-vertical {
    width:285px!important; height:470px!important;}
    
    
    
    /* 問合せ */
    .row-inq{     margin: 10px 0px;
    padding: 16px 30px 20px;}
    
    
	/* TOPお知らせ */
.alert1 a{
    padding: 10px 12px;
    margin: 6px 0 10px;
    border-radius: 0px;
}
.alert-success1 a{
    background-color: #304d63;
    border-color: #ebebeb;
    color: #ffffff;
		font-size: 16px;
		display:block;
		width:100%;
}
.alert-success1 a:hover {
 background-color: #536879;
	}
	
	
	
	/* 2021.0105 */
		@media (max-width: 768px){
	.col-xs-12,.col-sm-3,.col-xs-12, .col-sm-12.col-xs-6 {   
		padding-left: 5px;
		padding-right: 5px;
	}
	.row {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 6px;
		padding-right: 5px;
	}}
	
	
	.lineclamp1 {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	
	.lineclamp2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	
	.lineclamp3 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	.mtb10{margin-top:10px;margin-bottom:10px;}
	
	/* 項目ナビ */
	.use_nav2 ul{
width:100%;
    list-style: none;
  -webkit-padding-start: 0px; margin: 0 0px;
}

.use_nav2 li{

    float: left;
    margin-right: -1px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: auto;
    min-width:77px;
    height: 34px;
    line-height: 2.4;
    text-align: center;
    font-size:13px;
}
.use_nav2 li a{
    color: #222;
    background-color: #fff;
height: 32px;
    padding: 10px 6px;
    display: block;
}

.use_nav2 li a br{
  line-height: initial;
}
.use_nav2 *:not(br){
  line-height: 1;
  /* ...その他リセット項目... */
}

.use_nav2 ul li.current{
background-color: #1E406A;
}
.use_nav2 ul li.current a {
	color:#fff!important;
background-color: #1E406A;
}
.current-rd{background: rgba(53,176,163,1)!important; color:#fff!important;}

@media (max-width: 640px) {
.use_nav2 li{
    width: 16.3%;
    height: 36px;
    line-height: 2.4;
    text-align: center;
    font-size:12px;
}
.use_nav2 li a{
    padding: 5px 3px 2px;
}}

/* 目次 */
	.wrap-index{
	padding:0px 35px 0px 10px;
	min-width: 238px;
	display: inline-block;
		/*max-width: 800px;*/
	}
	.wrap-index-in{	border:1px solid #ccc;  padding: 0 16px 16px 14px;}
	.wrap-index h3{text-align:center;font-size:1.4rem;}
	.wrap-index ol{
		margin-bottom:0;
		-webkit-padding-start: 20px;
	}
	.nav-pre a{ background-color:#eee;padding:3px 6px; }
	.nav-pre .off{ color:#ddd;}
/* 一行概略　hover */
.table > tbody > tr > td :hover {
    text-decoration: none;
}

/*   目次閉開式2022.0331    */
.ocbutton{
            display: none;
            cursor: pointer;
}
.ocbutton + label{
            cursor: pointer;
}
.ocbutton + label:hover{ /* マウスがボタンの上にある時 */
            border-bottom:1px dotted #888 ;
}
.ocbutton + label:before{ /* 非表示時の文字 ※３*/
		content:"【表示】 "
}
.ocbutton:checked + label:before{ /* 表示時の文字 ※３ */
       content:"【非表示】"
}
.oc_content{
		display: none;
}
#b0:checked ~ #b0_content{
            display:block;
	 transition: all 0.5s 0s ease;/*transitionの記述を追加*/
		    transition: .5s;
}
.open-w label {
    display: inline-block;
    margin-bottom: 2px;
     font-weight: normal;
    color: #167ac6;
	 transition: .5s;
}

	
		/* 横長メインの左画像、真ん中に */
	.y-out-height{    height: 315px;}	



.nav-archive a{
    display: inline-block;
    position: relative;
    width: auto;
    padding: 0.2em 0.8em;
    text-align: center;
    text-decoration: none;
    color: #1B1B1B;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #666;
    transition: transform ease .3s;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    margin: 0.1rem 0 0.2rem;
    font-size: 1.4rem;
}


	/* 横長概略で使用20210729 */
	

	.max-w640{max-width:640px;}
	.max-w540{max-width:540px;}
	.t-cell{
	width:100%;
	display:table;
}
.cell {
	display:table-cell;
	vertical-align:middle;
	word-wrap:break-word;
}
.va-b{vertical-align: bottom;}
.va-u{vertical-align: top;}
.p-rb5{padding-right:5px;padding-bottom:5px;}
	
	
	.list-inline :hover{ text-decoration: none; background-color:#eee; }
	.list-inline > li a{color:#555;}
	.my-gray {color: gray}
	/* cord */
	.coad{color: #cccccc}
	
	.mb_38{margin-top: -38px;}
	
	.fab_f36 {
		font-size: 36px;
	}
	/* line */
	.line-green{color: #00B900}
	/* Twitter */
	.tw-blue{color: #1da1f2}
	
	/* cord */
	.tw-blue{color: #1da1f2}
	/* facebook */
	.fb-blue{color: #4267b2}
	
	/* mail */
	.mail-blue{color: #446288}
	/* youtube */
	.youtube-red{color: #Ff0000}
	
	/*instagram */	
	.insta {/*アイコンの背景*/
		position: relative;/*相対配置*/
		display: inline-block;
		width: 55px;/*幅*/
		height: 55px;/*高さ*/
		vertical-align: middle;/*垂直中央に*/
		background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
		background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
		overflow: hidden;/*はみ出た部分を隠す*/
		border-radius: 8px;/*角丸に*/
	}
	
	.insta:before {/*グラデーションを重ねるため*/
		content: '';
		position: absolute;/*絶対配置*/
		top: 24px;/*ずらす*/
		left: -18px;/*ずらす*/
		width: 70px;/*グラデーションカバーの幅*/
		height: 70px;/*グラデーションカバーの高さ*/
		background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
		background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
	}
	
	.fa-instagram {/*アイコン*/
		color: #FFF;/*白に*/
		position: relative;/*z-indexを使うため*/
		z-index: 2;/*グラデーションより前に*/
		font-size: 45px;/*アイコンサイズ*/
		top: 6px;/*上下にずらす*/
		left: 7.5px;/*左右にずらす*/
	}
	
.button:hover{
    text-decoration: none!important; /* iconの背景にリンクに出てくる下線を無効にする*/    
}

.txt-ss{font-size:10px;}

	/* ./ここまで　横長概略で使用20210729 */

	.prl0{  padding-left: 0px;
    padding-right: 0px;}
	
	.max-w540 {
    max-width: 896px;
}/* 後にちゃんとcssする */
.list-inline > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}


/* 共有の中のhover調整 main.cssへ */
.kyoyu{
		padding:16px;
	}
.fa-stack {
    width: 2.0em;
}
.list-inline :hover {
    background-color: #fff;
		text-decoration:none;
    color: #333;
}



	/* .mauticフォームの調整 */
.label-set1 {
    width: 211px;
    padding-left: 95px;
        padding-left: 85px;
}
@media (max-width: 767px){
.label-set1 { 
		width: 100%;
		padding-left: 0px;
  }
}

/* 商品詳細のバーにサブカテゴリ */
	.huyo a {
		color: #fff!important;
		background-color: #833c0c;
	}
	.list-inline-b {
    padding-left: 0px;
    margin-left: 0px;
	list-style: none;
	}
.list-inline-b > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px;
}

/* 横長概略ロゴ高さ小さいとき縦の中央にonline */
.outline-out{
	display: table;
	min-height:141px;/* 20211221修正 */
}
.outline-in{
	display: table-cell; 
	vertical-align: middle;
}
.max-w524{max-width:524px;}
.gai-box {
		min-height: 40px;　/* main 消す */
		padding-top: 2px;　/* main 小さくする */
}
.max-w524 {
	max-width: 524px;
}
.nav-archive a {
		font-size: 1.3rem!important;
			padding: 0.1em 0.6em;	
}

	/* 縦長概略で概略ﾊﾟｰﾂの高さを他と合わせる */
		
	.wrap-ov {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
	}
	.box-ov{
		max-width:290px!important;
		border:1px solid #ccc;
		background-color: #fff;
		margin-right:4px;
		flex: auto;
		width: 5rem;
		flex: 1;/* 幅を均等に add21.10.18 */
	}
	
	.wrap-ov a{ 
		text-decoration:none;
	}
	.ov-img img {
		width: 100%;
		height: 290px;/* 26vw; */
		object-fit: cover;
	}
	.ov-img-l img {
    height: auto;
    width:100%;
}
	

/* add 20211214 */
	.thumbnail-vertical {
		width: 285px!important;
		height: 298px!important;
	}

	@media screen and (max-width: 760px){
		.wrap-ov .thumbnail {
		flex: 0 0 32.111%;
		}}
	@media screen and (max-width: 360px){
		.wrap-ov .thumbnail {
			flex: 0 0 48.3333%;
		}}	
	
	
	@media screen and (max-width: 640px) {	
		body {
			font-size: 13px;
			color: #000;}
		
		/* add 追加 */
		.outline-out {
			min-height: 100px;
		}
.nav-archive a {
		font-size: 1.2rem!important
			padding: 0.1em 0.4em;	
}}



	/* スマホ時の横長概略の調整 */
	@media screen and (max-width: 640px){
		.col-sm-10 {
			padding: 0px 10px 0px;
		}
		.col-xs-2, .col-sm-2{
			padding-right: 2px!important;
		}
		.h4-luida, .h1-press {
			font-size: 14px;
		}
		.col-xs-10, .col-sm-10{
			padding-left: 10px!important;
			padding-right: 5px!important;
		}
	}
	@media screen and (max-width: 767px){
		.nav-archive ul li {
		font-size: 12px!important;
	}}
	@media screen and (min-width: 768px) {
	.col-sm-10 {
		padding: 0px 8px 0px!important;
	}}
	/* icon size */
	.ic-sz{width:46px;  display:inline-block;}
	@media screen and  (max-width: 480px){
	.ic-sz{width:34px;}
	}
	/* 2021.09.15 */
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	/* 横長概略の全体hoger */
	.hv-op>a:hover {
		display:block;
	}	
	.hv-op>a:hover {
		opacity: .7;
		transition: all .3s;
		text-decoration: none!important;
	}
	/* 概略ﾊﾟｰﾂhover */
	.hv-op>a:hover {
		display:block;
	}
	.hv-op>a:hover {
		opacity: .7;
		transition: all .3s;
		text-decoration: none!important;
	}
	/* 縦長概略 */
	.box-ov{position:relative;}	
	.box-ov .i-new{position:absolute;  top: -8px;
    left: -8px;		z-index:1:

	}
	/* 一行概略NEW */
	.info-re{position:relative;}
	.info-re .i-new{position:absolute;
    top: -6px;
    left: -20px;		z-index:3:
	}
	/* 横長概略NEW */
	.outline-out{position:relative;}
	.outline-out .i-new{position:absolute; 
	top: -5px;
    left: 11px;
		z-index:9:
	}
		/* sub-ctg  */
		.h3_sub {
		text-align: left;
		padding: 5px 6px 5px;
		font-size: 1.4rem;
		background-color: #ebebeb;
		margin: 0rem 0 0.8rem;
		font-weight: 300;
		color: #0e0d0d;
		margin-top: 12px;
	}
	.sub-ctg-search a{color:#333;}
	
	
	/* sub-ctg 横長概略 */
	.sub-ctg a {
		display: inline-block;
		position: relative;
		width: auto;
		padding: 0.09em 2.0em;
		text-align: center;
		text-decoration: none;
		border-radius: 50px;
		transition: transform ease .3s;
		margin: 0.1rem 0 0.2rem;
		font-size: 1.4rem;
		border: none;
	}
/* 縦長概略でアプリアイコン画像の周りに余白 */
.p-8{padding:8px!important;}

/* 右上の共有ボタン */
	.ex-box {
		border: 1px solid #999;
		padding: 20px;
	}
	.ex-box span {
		color: #c00;
		font-size: 14px;
	}
	.wrap-copy-link code {
		color: #333;
	}
	.wrap-copy-link {
		display: flex;
		justify-content: space-between;
		border: 1px solid #ddd;
		background: #f2f2f2;
		padding: 10px;
	}
	.wrap-copy-link .parts-copy-link {
		width: calc(100% - 67px);
		border: none;
		background: transparent;
		word-break: break-all;
		margin: 0;	display:block;
	}
	.wrap-copy-link .btn-copy {
		color: #2392c7;
		border: none;
		background: transparent;
		display:block;
	}
/* 概略ﾊﾟｰﾂ2021.11.11角丸 */
	.thumbnail-rad-10 {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10%;
    transition: border 0.2s ease-in-out;
}
	.thumbnail-rad-10 > img, .thumbnail-rad-10 a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
	.img-responsive-rad-10 {
    display: block;
    max-width: 100%;
    border-radius: 10%;
    height: auto;
}

/* 20220331 add */

	
	
	
	
	
	/* ★hv-opは横長一覧バナー　★横長メインyg-main　★wrap-ovは縦長小	★one-linは一行概略　 */
	.p-4{padding:4px;}
	/* tit-h3a このページだけで使用する見出し */
	.tit-h3a{padding:6px 10px;background-color:#eee;margin:40px 0 15px; font-size:15px;}

	.d-table{display:table;    width: 100%;}
	/* 小さく */
	.ic-sz {
    width: 42px;
}


	
	.pr5{padding-right:5px!important;}
	

	
	/* --------------------一行概略css-------------------- */
	.nli-def {
		/* add */
    padding: 2px 20px;
    margin: -3px 10px 2px -5px;
		/*  color: #fff; */
    min-width: 145px;
    display: inline-block;
    text-align: center;
    border-radius: 28px;
	}

	@media screen and (max-width: 639px){
	.one-lin .nli-def {
    padding: 2px 6px;
    margin: -3px 5px 2px -5px;
    color: #fff;
    min-width: 85px;max-width: 187px;
    display:block;
 	font-size: 12px;
		}}
	
	

	/* --------------------縦長概略小--------------------- */
	
	/* 横長概略　アイコンエリアをposition　absoluteで下へ */
	.y-otl-reltv{ position:relative; height:100%; min-height:315px;}
	
	.max-w640 .h4-luida, .h1-press {
		font-size: 33px;letter-spacing:-0.08em;
		font-weight: bold;
		margin: 6px 4px 2px 0;
	}
	

	@media screen and (max-width: 639px){
		.y-otl-reltv{ min-height:264px;}
	.max-w640 .h4-luida, .h1-press {
		font-size: 18px;letter-spacing:-0.08em;
		font-weight: bold;
		margin: 2px 4px 2px 0;
	}}
		@media screen and (max-width: 640px){
.max-w640 .h4-luida, .h1-press {
    font-size: 16px;
}}
	/* main横概略のタイトルエリア */
	.main-outline .tit-area {
		display: table-cell;
		vertical-align: middle;
		min-height: 100%;
		width: 100%;
		padding-top:6px;
		height: 98px;
		line-height: 1.2;
	}
	/* main横概略のキャッチエリア */
	.main-outline .cache-area{
		line-height: 1.2;
		padding:0 0px 5px 0;
		margin-bottom: 0;
		font-size: 18px;
	}
	
	/* 2022.横長概略ﾊﾟｰﾂ一覧用 */
	.hv-op .tit-area {
    display: table-cell;
    vertical-align: middle;
    min-height: 100%;
    width: 100%;
    height: 60px;
}
	.hv-op .tit-txt {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0 8px 0 0;
    color: #333!important;
}
h2.tit-txt{
    color:#000;
}
	.y-i-area{ /* main横概略の右下のアイコン */
		position:absolute;
		right:13px;
		bottom: 2px;
		max-width:252px;
		text-align:right;
	}/* main横概略の右下のアイコン */
	@media screen and (max-width: 689px){
	.y-i-area{ 
    position: relative;
    right: 0;
    margin: 8px 0 0 0;
    max-width: 100%;
	}}
	
	
	/* 余白の調節 */
	.thumbnail .caption {
		padding: 2px 5px 4px;
	}
	.wrap-ov .thumbnail p{
		margin:0;}
	.wrap-ov .thumbnail .caption {
		padding: 2px 5px 32px;
	}
	@media screen and (min-width: 761px){
		.wrap-ov .thumbnail {
			flex: 0 0 13.80%;
		}}


	/* 見出し オレンジ特典　強調 */
	.h2_benefits{background-color:#ffc82c; 		border-left: 14px solid #ff7f12;
		border-right: 2px solid #ff7f12;
		border-top: 2px solid #ff7f12;
		border-bottom: 2px solid #ff7f12;
	}
	/* ★★★★縦長概略大大大0228追加　 */
	@media screen and (min-width: 761px){
.wrap-ov .thumbnail_large {
    flex: 0 0 290px;
}}
	
	
	/*子 flexbox中のテキスト枠合わせる */
	.wrap-ov .in-flex1 {
		flex: 1;
		height: 90%;
		min-height: 0%;
		border:1px solid #ccc;
		margin-bottom: 6px;
		border-radius: 8px;
	}	/*子 flexbox中の画像合わせる */
	.wrap-ov .in-flex-img {
		flex: 1;
		height: 136px;
		margin-bottom: 6px;
		display: table-cell; 
		vertical-align: middle;
    vertical-align: middle;
    text-align: center;
	}
	@media screen and (max-width: 760px){
		.wrap-ov .in-flex-img {
			height:222px;
		}}
	@media screen and (min-width:480px) and (max-width:690px) {
		.wrap-ov .in-flex-img {
			height: 193px;
		}}
	@media screen and (max-width: 479px){
		.wrap-ov .in-flex-img {
			height:131px;
		}}
	
	@media screen and (max-width: 380px){
			.wrap-ov .thumbnail {
		flex: 0 0 48.111%;
	}}
	/* 外のborderを消す */
	.br-no{border:none;}
	/* yubi */
	.hover-f{ cursor:pointer;}


	
	/* ===================================バナー的 横長概略=================================== */
	
	.min-h{min-height:90px;}
	/* 横長メインの左画像、6つの角丸ボタンの幅調整 */
.max-w524 {
    max-width: 436px;
}
		/* 横長概略 */
	.main-outline-map{width:200px;}	
	/* 横長メインの左画像、真ん中に */
	.y-out-height{   
		max-width:315px;
		height: 315px;
		text-align:center;}
	.catch-y {
		font-size: 19px;
		padding: 6px 0 16px 0;
	}
	/* 新概略のキャッチ */
	.catch-y{ font-size:19px; 
		padding: 6px 0 16px 0;
	}

		@media screen and (max-width: 640px){
.catch-y {
    font-size: 13px;
    padding: 4px 0 10px 0;
}}
	
	/* 横長概略メイン＊縦に長い画像の場合高さを指定する */
	.yg-main .img--yg {
		width: auto;margin:0 auto;
		max-height: 313px!important;
		object-fit: contain;
}
	/* 横長メインの幅を調整 */
	.yg-main .col-sm-8{padding-left:0;}
	
	/* 縦に長い画像の場合高さを指定する */
	.hv-op .img-responsive{ width: 100%;max-height: 141px; object-fit: contain;}
	.wrap-ov .img-responsive{ max-height: 136px;margin:0 auto; object-fit: contain;}/* ★2022.0228更新120px⇒136px; */
	.yg-main .img-responsive{ max-height: 315px;margin:0 auto; object-fit: contain;}


	
	/*　横長概略 アプリ画像を真ん中に */	
.img-responsive-rad-10 {
    display: block;
    max-width: 100%;
    border-radius: 10%;
    height: auto;
    margin: 0 auto;
}

	/* =========================バナー的 横長概略============================================ */
	
	.hv-op .tit-area{
		display: table-cell;
		vertical-align:middle; /* 中央で揃える */
		min-height: 100%;
		width:100%;
		height: 60px;
		
	}
	.hv-op .tit-txt{
		font-size: 24px;
		font-weight: bold;
		margin:0;  padding: 0 8px 0 0;color: #333!important;
	}
	.hv-op p{
		padding: 0 10px 0 0;
	}
	@media screen and (max-width: 640px){
		.hv-op .tit-txt{
			font-size: 16px;
		}}	
	
	/* その他の問い合わせ概略などの変更 */
	/* hv-op 　一覧概略　見出し */
	.hv-op h2{font-size:26px;}