@charset "UTF-8";

body {

  font-family: 'Noto Sans Japanese', serif;

  font-size: 13px;

  line-height: 1.6rem;

}



a {

  color: #1a1a1a;

}



.sp_menu {

  background-color: red;

}



.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {

  background-color: #fff;

}



.bottom-slider {

  margin-top: 2.2rem;

  margin-bottom: 2.2rem;

}



.bottom-slider .slide {

  margin-left: 10px;

  margin-right: 10px;

}



.drawer-menu > li {

  line-height: 44px;

  text-indent: 10px;

  border-bottom: solid 1px #aaa;

}



.drawer-menu .drawer-dropdown-menu li {

  line-height: 44px;

  text-indent: 10px;

  border-bottom: solid 1px #aaa;

  background-color: #ebebeb;

  text-indent: 20px;

}



.site-header {

  padding-top: 1.4rem;

}



.site-header .header {

  padding-bottom: 1.4rem;

}



.site-header .header a.logo {

  margin-left: 10px;

}



.site-header .header .rb {

  text-align: right;

  float: right;

  width: 400px;

  margin-top: 5px;

}



.site-header .header .rb .search {

  float: right;

  border-collapse: collapse;

}



.site-header .header .rb .search ._label {

  height: 25px;

  width: 70px;

  background-color: #009dff;

  text-align: center;

  color: #fff;

}



.site-header .header .rb .search ._textbox {

  background-color: #ebebeb;

}



.site-header .header .rb .search ._textbox input {

  width: 120px;

  margin: 0 !important;

  border: solid 0px #fff;

  background-color: #ebebeb;

}



.site-header .header .rb .search ._textbox input:focus {

  outline: 0px #ff0000 solid;

}



.site-header .header .rb .search ._btn button {

  display: block;

  border: solid 0px #fff;

  font-size: 13px;

  background-color: #fff;

}



.site-header .header .rb .search ._btn button span {

  width: 50px;

  height: 22px;

}



.site-header .header .rb .lang {

  float: right;

}



.site-header .main-menu {

  background-color: #fff;

  text-align: right;

}



.site-header .main-menu .fixlogo {

  float: left;

  /*width: 300px;*/

  width: 400px;

  display: none;

}



.fixlogo_en {

  float: left;

  width: 400px;

  display: none;

}



.site-header .main-menu .fixlogo a {

  position: relative;

  top: 10px;

  left: 6px;

}



.site-header .main-menu .menu {

  padding: 0;

  margin: 0;

}



.site-header .main-menu .menu ul {

  padding: 0;

  margin: 0;

}



.site-header .main-menu .menu > li {

  display: inline-block;

  padding: 0;

  margin: 0;

  line-height: 44px;

  height: 44px;

  background-color: #fff;

}



.site-header .main-menu .menu > li > a {

  display: inline-block;

  /*padding: 0px 18px 0px 18px;*/
  padding: 0px 10px 0px 10px;

  text-decoration: none;

}

.site-header .main-menu .menu_cn > li > a {
  display: inline-block;
  /*padding: 0px 18px 0px 18px;*/
  padding: 0px 18px;
  text-decoration: none;
}

.site-header .main-menu .menu > li:hover {

  border-bottom: solid 5px #87a0c6;

}



.site-header .main-menu .menu > li.active {

  /*border-bottom: solid 5px #3c69b0;*/
  border-bottom: solid 5px #0075c2;

}



.site-header .main-menu .menu > li.netshop {

  background-color: #1a1a1a;

}



.site-header .main-menu .menu > li.netshop a {

  color: #fff;

}



.site-header .main-menu .menu > li.netshop:hover {

  border-bottom: solid 5px #1a1a1a;

}



.site-header .main-menu .menu .l1 {

  text-align: left;

  width: 200px;

  display: none;

  position: absolute;

  padding: 0;

  margin: 0;

  z-index: 1000;

  font-size: 11px;

}

.site-header .main-menu .menu_cn .l1 {
  width: 180px;
}


.site-header .main-menu .menu .l1 a {

  color: #fff;

  text-decoration: none;

}



.site-header .main-menu .menu .l1 li.l1c {

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  text-indent: 18px;

  /*height: 44px;

  line-height: 44px;*/
     height: 34px;
     line-height: 34px;

  position: relative;

  display: block;

}



.site-header .main-menu .menu .l1 li.l1c:hover {

  background-color: #87a0c6;

}



.site-header .main-menu .menu .l2 {

  text-align: left;

  width: 200px;

  display: none;

  position: absolute;

  left: -100%;

  top: 0;

  padding: 0;

  margin: 0;

  z-index: 1000;

  font-size: 11px;

}



.site-header .main-menu .menu .l2 li.l2c {

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  text-indent: 18px;

  height: 44px;

  line-height: 44px;

  position: relative;

  display: block;

}



.site-header .main-menu .menu .l2 li.l2c a {

  color: #fff;

  text-decoration: none;

}



.site-header .main-menu .menu .l2 li.l2c:hover {

  background-color: #87a0c6;

}

/* 202510 ツリー構造対応 */
.site-header .main-menu .menu .l3 {
  text-align: left;
  width: 200px;
  display: none;
  position: absolute;
  /*left:100%;*/
     right:100%;
  top:0;
  padding: 0;
  margin: 0;
  z-index: 1000;
  font-size: 11px;
  color: #fff;
}

.site-header .main-menu .menu .l1c {
  color: #fff;
  text-decoration: none;
}

.site-header .main-menu .menu li.l1c ul.l3 li.l3c {
  color: #fff;
  /*background-color: #3c69b0;*/
  background-color: #0075c2;
  text-indent: 18px;
  /*height: 44px;*/
  /*line-height: 44px;*/
  height: 34px;
  line-height: 34px;
  position: relative;
  display: block;
}

.site-header .main-menu .menu  li.l1c ul.l3 li.l3c:hover {
  background-color: #87a0c6;
}



/* 20190311 HW add start*/

#members-table td{

  font-size:11px;

}



#members-table th{

  text-align: center;

}



.members_search .short{

  width:280px;

}

.members_search label{

  width:90px;

  font-size: 1.5ex;

  text-align: right;

}



ul.sosial-logo {

  list-style:none;

	display: flex;

	flex-wrap:wrap;

  width:120px;

  height: 2.5em;

	margin:0px 0 0 0;

  padding:4px 0 0 0; 

  list-style-position: inside;

}

 

ul.sosial-logo li {

  float: left;

  margin-right: 6.7px;

  padding-right: 5px;

  width:35px;

  height:35px;

  list-style-position: inside;

}



ul.sosial-logo li:last-child {

  margin-right:0px;

  padding-right: 0px;

}



ul.sosial-logo li a span{

  width:100%;

  height:100%;

}



 

ul.sosial-logo li a{

  font-size: 20px;

  text-decoration: none;

  width:100%;

  height:100%;

  color: white;

  padding: 2.5px 7.8px 2.5px 7.8px;

  border-radius: 5px;

  transition: ease-in-out .2s;

}



ul.sosial-logo li a:hover{

  background:#ffffff;

  box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);

}



/* span.icon-twitter{

  -ms-font-feature-settings: 'normal';

} */





ul.sosial-logo a.twitter-btn-icon-link{background-color:#4C9CF1;}

ul.sosial-logo li a:hover span.icon-twitter{color:#4C9CF1; transform: scale(1.2);}



ul.sosial-logo a.facebook-btn-icon-link{background-color:#46549C;}

ul.sosial-logo li a:hover span.icon-facebook{color:#46549C; transform: scale(1.2);}



ul.sosial-logo a.linkedin-btn-icon-link{background-color:#3474B3;}

ul.sosial-logo li a:hover span.icon-linkedin{color:#3474B3; transform: scale(1.2);}



table.md_down_sosial ul.sosial-logo {

  width :100px;

  height: 25px;

  padding:0 0 0 0; 

  margin-left:5px;

}



table.md_down_sosial ul.sosial-logo li{

  margin-right: 4px;

  padding-right: 3px;

  width:25px;

  height:25px;

}



table.md_down_sosial ul.sosial-logo li a{

  font-size: 17px;

  text-decoration: none;

  width:100%;

  height:100%;

  color: white;

  padding: 0 5px 0 5px;

  border-radius: 5px;

  transition: ease-in-out .2s;

}



/* 20190311 HW add end */





.l_title {

  margin-top: 4.6rem;

}



.l_title h3 {

  text-align: center;

  font-weight: 900;

  letter-spacing: 4px;

}



.l_title h6 {

  text-align: center;

}



.article {

  padding-top: 1.0rem;

  padding-bottom: 0.4rem;

  border-bottom: solid 2px #ccc;

}



.article .detail {

  margin-top: 0px;

  padding-top: 0px;

}



.article .detail .title {

  margin-top: 0px;

  padding-top: 0px;

  margin-bottom: 0px;

}



.article .detail .title .tag {

  background-color: #009dff;

  padding: 4px 10px 4px 10px;

  margin-right: 10px;

  font-weight: bold;

}



.article .detail .title .product_info {

  background-color: #ffb423;

}



.article .detail .title .news_release {

  background-color: #adff2f;

}



.article .detail .title a {

  font-size: 15px;

  text-decoration: underline;

  font-weight: bold;

}



.article .detail p {

  line-height: 1.0rem;

}



.article .date {

  padding-left: 30px;

}



.news_list_btn {

  margin-top: 2.0rem;

  margin-bottom: 2.0rem;

  background-color: #4d4d4d;

  border-radius: 0;

  padding: 16px 100px 16px 70px;

  color: #fff;

}



.news_list_btn .icon-chevron-right {

  padding-right: 30px;

}



.news_list_btn:hover {

  color: #fff;

  background-color: #5d5d5d;

}



.bg {

  padding-top: 1.0rem;

  padding-bottom: 3.0rem;

  background-image: url("./img/bg.jpg");

  background-position: center;

  background-size: 100% auto;

  background-repeat: no-repeat;

  /*border-bottom: solid 6px #3c69b0;*/
  border-bottom: solid 6px #0075c2;

}



.product_column .c_b {

  text-align: center;

  background-color: #fff;

}



.product_column .c_b img.logo {

  padding: 10px;

  padding-top: 40px;

}



.product_column .c_b h6 {

  padding-bottom: 40px;

}



.product_m h6 {

  color: #009dff;

}



.product_m .link {

  height: 36px;

  background-color: #009dff;

  color: #fff;

  line-height: 280%;

  text-align: center;

}



.product_m .link span {

  float: right;

  position: relative;

  top: 12px;

  right: 10px;

}



.product_d h6 {

  color: #00c6b3;

}



.product_d .link {

  height: 36px;

  background-color: #00c6b3;

  color: #fff;

  line-height: 280%;

  text-align: center;

}



.product_d .link span {

  float: right;

  position: relative;

  top: 12px;

  right: 10px;

}



.scale {

  width: 370px;

  height: 180px;

  overflow: hidden;

}



.scale img {

  -moz-transition: -moz-transform 0.1s linear;

  -webkit-transition: -webkit-transform 0.1s linear;

  -o-transition: -o-transform 0.1s linear;

  -ms-transition: -ms-transform 0.1s linear;

  transition: transform 0.1s linear;

}



.scale img:hover {

  -webkit-transform: scale(1.02);

  -moz-transform: scale(1.02);

  -o-transform: scale(1.02);

  -ms-transform: scale(1.02);

  transform: scale(1.04);

}



.bottom_slider {

  padding-top: 3.5rem;

  padding-bottom: 3.0rem;

}



.footer {

  background-color: #ebebeb;

  padding-top: 2.0rem;

  padding-bottom: 2.0rem;

}



.footer h6 {

  font-size: 13px;

  margin-bottom: 20px;

  text-indent: 30px;

}



.footer h6 span {

  /*color: #3c69b0;*/
  color: #0075c2;

  font-size: 12px;

  padding-right: 8px;

}



.footer ul {

  list-style: none;

}



.footer ul li {

  margin-bottom: 6px;

}



.footer ul li span {

  font-size: 12px;

  padding-right: 8px;

}



.container-bg-gray {

  background-color: #ebebeb;

  padding-top: 2.4rem;

}



.container-bg-gray_recruit {

  background-color: #ebebeb;

}



.brand-container {

  /*border-bottom: solid 6px #3c69b0;*/
  border-bottom: solid 6px #0075c2;

  font-size: 12px;

}



.brand-container .brand {

  margin-left: auto;

  margin-right: auto;

  width: 240px;

  text-align: center;

}



.brand-container .brand .logo {

  padding-top: 2.0rem;

  padding-bottom: 1.0rem;

}



.brand-container .brand .logo img {

  width: 200px;

}



.brand-container .brand .inquiry .text {

  border-bottom: solid 1px #ccc;

  padding-bottom: 6px;

  margin-bottom: 6px;

}



.brand-container .brand .inquiry .tel {

  font-weight: bold;

}



.brand-container .brand .inquiry .tel .pn {

  font-size: 16px;

}



.brand-container .brand .inquiry .mail {

  background-color: #4d4d4d;

  color: #fff;

  margin-top: 8px;

  padding: 4px 6px 4px 6px;

  font-size: 10px;

}



.copyright {

  margin-top: 24px;

  font-size: 10px;

  color: #aaa;

  padding-bottom: 0.9rem;

}



.subheader {

  height: 252px;

  text-align: center;

  color: #fff;

  letter-spacing: 4px;

  position: relative;

  background-image: url("./img/subheader/subheader_company.png");

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 100%;

}



.subheader-company{

  background-image: url("./img/subheader/subheader_company.png");

}



.subheader-product{

  /*background-image: url("./img/subheader/subheader_product.jpg");*/
    background-image: url("./img/subheader/subheader_product.png");
}



.subheader-recruit{

  background-image: url("./img/subheader/subheader_recruit.png");

}



.subheader-tokuyakuten{

  background-image: url("./img/subheader/subheader_tokuyakuten.png");

}



.subheader h3 {

  font-size: 33px;

  padding-top: 5.8rem;

  font-weight: 900;

}



.subheader span {

  border: solid 1px #fff;

  width: 100px;

  padding: 4px 16px 4px 16px;

}



.subheader .bc {

  font-size: 11px;

  position: absolute;

  top: 212px;

  left: 20px;

}



.submenu-container {

  background-color: #ebebeb;

}



.submenu-container .container {

  padding-left: 30px !important;

  padding-right: 30px !important;

}



.submenu-container .submenu {

  background-color: #fff;

  height: 40px;

  line-height: 40px;

  border-top: solid 0px #ebebeb;

  border-right: solid 0px #ebebeb;

  border-left: solid 1px #ebebeb;

  border-bottom: solid 1px #ebebeb;

  text-indent: 16px;

}



.submenu-container .submenu span {

  padding-right: 5px;

}



.submenu-container .submenu.active {

  color: #fff;

  /*background-color: #3c69b0 !important;*/
  background-color: #0075c2 !important;

}



.submenu-container .submenu.active a {

  color: #fff;

}



.submenu-container1 {

  background-color: #ebebeb;

}



.submenu-container1 .container {

  padding-left: 30px !important;

  padding-right: 30px !important;

}



.submenu-container1 .submenu {

  background-color: #fff;

  height: 40px;

  line-height: 40px;

  border-top: solid 0px #ebebeb;

  border-right: solid 0px #ebebeb;

  border-left: solid 1px #ebebeb;

  border-bottom: solid 0px #ebebeb;

  text-indent: 16px;

}

.submenu-container1 .submenu_float_right {

  float: right;

  background-color: #fff;

  height: 40px;

  line-height: 40px;

  border-top: solid 0px #ebebeb;

  border-right: solid 0px #ebebeb;

  border-left: solid 1px #ebebeb;

  border-bottom: solid 0px #ebebeb;

  text-indent: 16px;

}



.submenu-container1 .submenu span {

  padding-right: 5px;

}



.submenu-container1 .submenu.active {

  color: #fff;

  /*background-color: #3c69b0 !important;*/
  background-color: #0075c2 !important;

}



.submenu-container1 .submenu.active a {

  color: #fff;

}



.submenu-container1 .submenu_float_right.active {

  color: #fff;

  /*background-color: #3c69b0 !important;*/
  background-color: #0075c2 !important;

}



.submenu-container1 .submenu_float_right.active a {

  color: #fff;

}



.submenu-container2 {

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

}



.submenu-container2 .container {

  padding-left: 30px !important;

  padding-right: 30px !important;

}



.submenu-container2 .submenu {

  height: 48px;

  line-height: 48px;

  text-align: center;

}



.submenu-container2 .submenu span {

  padding-right: 5px;

}



.submenu-container2 .submenu a {

  color: #fff;

  padding: 4px 14px 4px 14px;

  border-radius: 3px;

}



.submenu-container2 .submenu.active {

  color: #fff;

  /*background-color: #3c69b0 !important;*/
  background-color: #0075c2 !important;

}



.submenu-container2 .submenu.active a {

  color: #fff;

  border: solid 1px #fff;

}



/* 2019/2/20 HW*/ 

.cms_select{

  font-size: 13px;

  color:#4B4B4B;

  width: 130px;

}



img {

  max-width: 100%;

  height: auto;

}



.menu_link {

  height: 45px;

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  color: #fff;

  line-height: 280%;

  text-align: center;

  font-size: 1.1rem;

}



.mailform_link {

  height: 45px;

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  color: #fff;

  line-height: 300%;

  text-align: center;

  margin-bottom:10px;

}



.headder_link{

  height:25px;

  background-color: #FF373F;

  color:#fff;

  text-align: center;

  float:left; /* icoc add */

  padding: 0px 5px;

}



table.md_down_sosial .headder_link{

  width:160px;

}



/* icoc add start */

div.headder_link a{

  color:#fff;

  text-decoration: none; border:0px;

}



.headder_link_contact{

  height:25px;

  background-color: #0088cc;

  color:#fff;

  text-align: center;

  float:left;

  width:100px;

  margin-right: 5px;

}



div.headder_link_contact a{

  color:#fff;

  text-decoration: none; border:0px;

}

/* icoc add end */



.logout {

  width:100%;

  height: 35px;

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  color: #fff;

  line-height: 280%;

  text-align: center;

}



.div_employees {

  width:100%;

  height: 35px;

  background-color: #4B4B4B;

  color: #fff;

  line-height: 280%;

  text-align: left;

  padding-left:20px;

}



.submenu-container-members {

  background-color: #ebebeb;

}



.submenu-container-members .container {

  margin-top: 10px;

  padding-left: 30px !important;

  padding-right: 30px !important;

}



.submenu-container-members .submenu {
  background-color: #fff;

  height: 40px;

  line-height: 40px;

  margin-left: 5px;

  margin-right: 5px;

/*  border-top: solid 3px #3c69b0;

  border-right: solid 3px #3c69b0;

  border-left: solid 3px #3c69b0;

  border-bottom: solid 0px #3c69b0;*/
  border-top: solid 3px #0075c2;

  border-right: solid 3px #0075c2;

  border-left: solid 3px #0075c2;

  border-bottom: solid 0px #0075c2;

  text-indent: 16px;

}



.submenu-container-members .submenu span {

  padding-right: 5px;

}



.submenu-container-members .submenu.active {

  color: #fff;

  /*background-color: #3c69b0 !important;*/
  background-color: #0075c2 !important;

}



.submenu-container-members .submenu.active a {

  color: #fff;

}



.cms-menu{

  position: relative;

  font-size:1.2rem;

  height:40px;

  padding:5px 5px 5px 15px;

  border:solid 1px #4B4B4B;

}



.cms-menu a{

  width: 100%;

  height: 100%;

}



/* 押し込みボタン */

.square_btn{

  width:99%;

  display: inline-block;

  padding: 0.5em 0.2em;

  text-decoration: none;

  color: #FFF;

  border-bottom: solid 4px #627295;

  border-radius: 3px;

}



.square_btn:active {/*ボタンを押したとき*/

  -ms-transform: translateY(4px);

  -webkit-transform: translateY(4px);

  transform: translateY(4px);/*下に動く*/

  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/

  border-bottom: none;

}



.square_btn_noactive{

  width:99%;

  display: inline-block;

  padding: 0.5em 0.2em;

  text-decoration: none;

  color: #FFF;

  border-radius: 3px;

}



.square_btn_blue{

  background: #3AABD2;/*ボタン色*/

}



.square_btn_red{

  background: #DF5656;/*ボタン色*/

}



.square_btn_noactive_black{

  background: #4B4B4B;/*ボタン色*/

}

.square_btn_noactive_purple{

  background: #7352D2;/*ボタン色*/

}



.square_btn:hover{

  color:#FFF;

  text-decoration: none;

}

.square_btn_noactive:hover{

  color:#FFF;

  text-decoration: none;

}



/* ▲ */





.content {

  /*border-bottom: solid 5px #3c69b0;*/
  border-bottom: solid 5px #0075c2;

}



.content h1 {

  font-size: 29px;

  font-weight: 700;

  text-align: center;

  margin-top: 4.6rem;

  margin-bottom: 1.4rem;

}



.content-company .photo-box {

  text-align: center;

  margin-top: 10px;

}



.content-company .idea {

  text-align: center;

  padding: 36px;

  background-color: #d9f0ff;

}



.content-company .idea h3 {

  font-size: 26px;

  /*color: #3c69b0;*/
  color: #0075c2;

  margin-top: 2.0rem;

  margin-bottom: 1.3rem;

}



.content-company .idea h4 {

  font-size: 18px;

  line-height: 1.66rem;

}



.content-company h7 {

  text-decoration: underline;

}



._iso_img_box img {

  margin-right: 6px;

}



._iso_img_box ._data {

  line-height: 150%;

}



._iso_img_box ._iso_img_box_one {

  margin-top: 1.0rem;

}



._hinshitsu_box h5 {

  color: #009dff;

  text-align: center;

}



.content-gaiyo h5 {

  /*border-left: solid 6px #3c69b0;*/
  border-left: solid 6px #0075c2;

  padding-left: 10px;

  margin-top: 2.0rem;

  margin-bottom: 1.0rem;

  padding: 2px 10px 2px 10px;

}



.content-gaiyo .office-row {

  margin-bottom: 1.4rem;

}



.content-gaiyo .office-row ._data {

  padding-bottom: 10px;

  border-bottom: dotted 1px #ccc;

}



.content-gaiyo .office-row img {

  width: 100%;

  max-width: 300px;

}



.content-gaiyo .office-row h6 {

  margin-top: 2.0rem;

}



.p_h4 {

  margin-bottom: 2.0rem;

  text-align: center;

  /*color: #3c69b0;*/
  color: #0075c2;

}



.p_h4 span {

  font-size: 36px;

}



.p_h4 h4 {

  font-weight: 600;

}



.p_h5 {

  text-align: center;

  margin-bottom: 1.0rem;

  font-weight: bold;

}



.p_p1 {

  margin-right: auto;

  margin-left: auto;

}



.p_list {

  list-style: none;

  padding: 0;

}



.p_list li {

  border-bottom: dotted 1px #4d4d4d;

  line-height: 38px;

}



.p_list1 li span.num {

  display: inline-block;

  color: #fff;

  width: 20px;

  height: 20px;

  text-align: center;

  line-height: 20px;

  background-color: #656464;

  margin-right: 10px;

}



.p_box {

  padding: 1.6rem 4.0rem 1.6rem 4.0rem;

}



.p_box_white {

  background-color: #fff;

}



.p_table {

  background-color: #fff;

}



.p_table_1 tr {

  border-top: dotted 1px #ccc !important;

  border-bottom: dotted 1px #ccc !important;

}



.p_table_1 th {

  background-color: #d9f0ff;

}



.p_table_1 th, .p_table_1 td {

  border-top: solid 0px #fff !important;

}



.p_table_2 th {

  text-align: center;

  background-color: #d9f0ff;

}



/* ▼ 2019.2.12 HW */

.login_table tr{

  border-top: solid 1px #000 !important;

  border-bottom: solid 1px #000 !important;

}



.login_table td{

  border-right: solid 1px #000 !important;

  border-left: solid 1px #000 !important;



}





.membersinfo_table {

  width:100%;

  border-collapse: collapse;

  border-spacing: 0;

}



.membersinfo_table th{

  border: solid 1px #4b4b4b;

  background-color: #aad9fe;

  text-align: center;

}



.membersinfo_table td{

  border: solid 1px #4b4b4b;

  padding-left:5px;

}



.membersinfo_table td.nonborder{

  border: none;

}



.membersinfo_table th, .membersinfo_table td {

  height:20px;

  padding:3px 7px 3px 7px;

}



.membersinfo_table.namecell {

  line-height: 40px;

}



.membersinfo_table.sarchcell{

  width:20px;

}



.interest_table{

  width:auto;

  margin-top:20px;

}



.interest_table th.backgray{

  background-color:#cfcfcf;

  font-weight: 300;

}



.interest_table th.backskyblue{

  padding:0 20px;

}



.interest_table td{

  text-align: center;

  width:100px;

}





.history_table tr {

  border-top: dotted 1px #ccc !important;

  border-bottom: dotted 1px #ccc !important;

}



.history_table th{

  background-color: #aad9fe;

}

.history_table td{

  border-right: dotted 1px #ccc !important;

  border-left: dotted 1px #ccc !important;

}



.history_table th, .history_table td {

  border-top: solid 0px #fff !important;

}





.pdfinfo_table{

  border-bottom: solid 1px #4b4b4b !important;

}



.pdfinfo_table tr {

  border-top: solid 1px #4b4b4b !important;

  border-bottom: solid 1px #4b4b4b !important;

}



.pdfinfo_table th{

  background-color: #aad9fe;

  border-left: solid 1px #4b4b4b !important;

  width:130px;

}

.pdfinfo_table td{

  border-right: solid 1px #4b4b4b !important;

  border-left: solid 1px #4b4b4b !important;

}



.pdfinfo_table th, .pdfinfo_table td {

  border-top: solid 1px #4b4b4b !important;

}







.middleth_table th {

  min-width:155px;

}

.middleth_table td {

  word-break : break-all;

}



#explanation {

  width:100%;

  padding:5px;

  box-sizing:border-box;

  -moz-box-sizing:border-box; /* Firefox */

  -webkit-box-sizing:border-box; /* Chrome, Safari */

}





#category_id_label, #belongs, #department,

#last_name, #first_name, #kana_first_name, #kana_last_name, #phone_number, #postalcode

#email, #inquiry,#privacy_sentence, #privacy_label, #address, #email_conf{

  width:100%;

  padding:5px;

  box-sizing:border-box;

  -moz-box-sizing:border-box; /* Firefox */

  -webkit-box-sizing:border-box; /* Chrome, Safari */

}



.login_div {

  height:auto;

  min-height:300px;

  border:solid 1px #000000;

}



.step{

  list-style-type: none;

  display:table;

  width:100%;

  padding:0;

  margin:0;

  overflow:hidden;

}

.step li{

  display:table-cell;

  position:relative;

  background: #504944;

  padding: 1em 0.5em 1em 2em;

  color: #fff;

}

.step li:last-child{

  padding-right: 1em;

}

.step li:last-child:before,

.step li:last-child:after{

  display:none;

}

.step li:before,

.step li:after{

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  margin: auto;

}

.step li:before{

  top:-15px;

  right:-1em;

  border-style: solid;

  border-color: transparent transparent transparent #fff;

  border-width: 40px 0 40px 1em;

  z-index: 1;

}

.step li:after{

  top:-15px;

  right:-.8em;

  border-style: solid;

  border-color: transparent transparent transparent #504944;

  border-width: 40px 0 40px 1em;

  z-index: 1;

}

.step li.is-current{

  /*background: #3c69b0;*/
  background: #0075c2;

  font-weight: bold;

  padding: 1em 0.5em 1em 1em;

  width:90px;

}

.step li.is-current:after{

  /*border-color: transparent transparent transparent #3c69b0;*/
  border-color: transparent transparent transparent #0075c2;

}

/* ▲ */



span.p_link a {

  color: #fff;

  background-color: #009dff;

  padding: 2px 14px 2px 14px;

  border-radius: 3px;

}



.pull-right {

  float: right;

}



.is-fixed {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 2;

  width: 100%;

}



.sod_select {

  width: 150px !important;

}



.sod_option {

  width: 150px !important;

}



.sod_select.custom {

  background-color: #fff !important;

  border: solid 0px #fff !important;

  box-shadow: inset 0 0px 0px transparent !important;

}



.sod_select.custom.custom {

  width: 150px;

}



.sod_list_wrapper {

  width: 150px;

}



.sod_select.custom:after {

  border-left: 0px solid #e5e5e5 !important;

}



.list-icon {

  position: absolute;

  top: 18px;

  left: -16px;

}



.mapbox {

  padding-left: 26px;

  padding-right: 26px;

}



.c1 {

  /*color: #3c69b0;*/
  color: #0075c2;

}



p.p_left {

  display: inline-block;

  text-align: left !important;

}



.p_h5_2 {

  /*border-left: solid #3c69b0 6px;*/
  border-left: solid #0075c2 6px;

  text-indent: 0.6rem;

}



.access_data {

  margin-top: -44px;

  padding-top: 44px;

}



.access_data span {

  color: #40b6ff;

  font-size: 14px;

  padding-right: 10px;

}



.bluebox {

  padding: 2.0rem;

  background-color: #d9f0ff;

}



.bluebox h4 {

  font-size: 20px;

  line-height: 1.66rem;

}



/*********************

 グローバル

 */

hr {

  height: 1px;

  background-color: #fff;

  border: none;

  color: #fff;

}



h5 {

  margin-top: 1.6rem;

  margin-bottom: 1.0rem;

}



/********************/

.imgbox {

  padding: 2.0rem;

  text-align: center;

}



.imgbox img {

  max-width: 100%;

}



.imgbox_w {

  background-color: #fff;

}



/********************/

.product .img_box {

  background-color: #fff;

}



.product .name {

  border-bottom: solid 1px #656464;

  margin-bottom: 1.0rem;

}



.fit_image {

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

}



/*********************

 画像 EチE  ス

 */

.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



/********************/

._btn {

  color: #656464;

  background-color: #fff;

  border-radius: 0;

  border: solid 1px #656464;

}



._btn span {

  font-size: 19px;

}



._btn-gray {

  background-color: #656464;

  border: solid 1px #656464;

  color: #fff;

}



._btn-contant {

  background-color: #009dff;

  color: #fff;

  line-height: 200%;

  border: solid 0px #fff;

}



._btn-contant span {

  position: relative;

  top: 2px;

  right: 10px;

}



.support_tool span {

  position: relative;

  top: 1px;

  right: 3px;

}



.support_tool_package {

  background-color: #fff;

  text-align: center;

  margin-bottom: 1.6rem;

}



.support_tool_package .imagebox {

    padding-top:4px;

    height:380px;

}



.support_tool_package .name {

  padding: 10px;

  background-color: #848383;

  color: #fff;

}



.land_pattern {

  background-color: #fff;

  text-align: center;

  margin-bottom: 1.6rem;

}



.land_pattern .imagebox {

    height:170px;

    padding-top:4px;

}

.land_pattern .name {

  padding: 10px;

  background-color: #6387c0;

  color: #fff;

}



.p_box_white_mft li {

  list-style: none;

  text-decoration: underline;

  line-height: 220%;

}



.p_box_white_mft li span {

  color: #ffb423;

}



.under_tri {

  text-align: center;

  font-size: 40px;

  padding: 1.0rem;

}



.whitebox_mft {

  padding: 12px;

  text-align: center;

  background-color: #fff;

}



.whitebox_mft img {

  max-width: 801px;

  margin-left: auto;

  margin-right: auto;

}



.whitebox_mft .text1 {

  background-color: #ebebeb;

  padding: 10px;

}



.whitebox_mft .text2 {

  padding: 20px;

  color: #009dff;

}



.whitebox_mft .text2 span {

  font-size: 40px;

}



.bluebox_mft {

  /*background-color: #3c69b0;*/
  background-color: #0075c2;

  color: #fff;

  text-align: center;

  padding-top: 1.4rem;

  padding-bottom: 1.4rem;

}



.bluebox_mft .num {

  padding-top: 1.0rem;

  padding-bottom: 1.0rem;

  font-size: 32px;

}



.bluebox_mft p {

  padding: 0.3rem 0 0rem 0;

}



.table-mft th, .table-mft td {

  boder-color: solid 1px #333;

}



.mft_arror {

  font-size: 32px;

  text-align: center;

  color: #009dff;

}



.img_product_padding {

  padding: 10px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}



.mono_pattern .title {

  background: #7F7F7F;

  text-align: center;

  color: #fff;

}



.mono_pattern table tr {

  border-top: solid 2px;

}



.mono_pattern table th, .mono_pattern table td {

  text-align: center;

}



.ac {

  margin: 0 auto 0 auto;

}



.w100 {

  width: 100%;

}



.mw100 {

  max-width: 100%;

}



.pc_w90__sp_w100 {

  width: 90%;

}





.pc_w80__sp_w100 {

  width: 80%;

}



.pc_w70__sp_w100 {

  width: 70%;

}



.pc_w60__sp_w100 {

  width: 60%;

}



.subheader_bg100_bg260{

  background-size: 100%;

}



@media (max-width: 768px) {

  .pc_w80__sp_w100 {

    width: 100%;

  }

  .pc_w70__sp_w100 {

    width: 100%;

  }

  .pc_w60__sp_w100 {

    width: 100%;

  }

}



@media (max-width: 1100px) {

  .subheader_bg100_bg260{

    background-size: 260%;

  }

}



panel {

  width: 100%;

}

 

#panel > dt {

  border-bottom: solid 1px white;

  background-color: #00BCD4;

  color: white;

  cursor: pointer;

  padding: 10px;

  font-weight: bold;

}

 

#panel > dd {

  border: solid 1px Silver;

  margin: 0px;

  padding: 10px;

}



.sp-slide-img-box {

  position:relative;

}



.sp-slide-img-box_over_1 {

  position:absolute;

  top:30%;

  left:8%;

  font-size:15px;

  line-height:130%;

  color:#111;

  /*text-shadow: 1px 1px 3px #333333;*/

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_1 {

    position:absolute;

    top:30%;

    left:8%;

    font-size:14px;

  }

}



.sp-slide-img-box_over_2_1_title {

  position:absolute;

  top:8%;

  left:2%;

  font-size:25px;

  line-height:150%;

    color:#fff;

}

.sp-slide-img-box_over_2_1 {

  position:absolute;

  top:20%;

  left:3%;

  font-size:14px;

  line-height:150%;

  width:250px;

    color:#fff;

  text-shadow: 1px 1px 3px #333333;

}



.sp-slide-img-box_over_2_2_title {

  position:absolute;

  top:8%;

  left:2%;

  font-size:25px;

  line-height:150%;

    color:#fff;

}

.sp-slide-img-box_over_2_2 {

  position:absolute;

  top:20%;

  left:3%;

  font-size:14px;

  line-height:150%;

  width:250px;

    color:#fff;

  text-shadow: 1px 1px 3px #333333;

}



.sp-slide-img-box_over_2_3_title {

  position:absolute;

  top:30%;

  left:50%;

  font-size:25px;

  line-height:150%;

    color:#111111;

}

.sp-slide-img-box_over_2_3 {

  position:absolute;

  top:42%;

  left:52%;

  font-size:14px;

  line-height:150%;

    width:260px;

    color:#111111;

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_2_3_title {

  position:absolute;

  top:25%;

  left:40%;

  font-size:18px;

  }

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_2_3 {

  position:absolute;

  top:43%;

  left:45%;

  line-height:120%;

  font-size:11px;

  width:190px;

  }

}



.sp-slide-img-box_over_2_4_title {

  position:absolute;

  top:7%;

  left:2%;

  font-size:25px;

  line-height:150%;

    color:#fff;

}

.sp-slide-img-box_over_2_4 {

  position:absolute;

  top:19%;

  left:4%;

  font-size:14px;

  line-height:150%;

  width:550px;

  color:#fff;

}



.sp-slide-img-box_over_2_5_title {

  position:absolute;

  top:14%;

  left:2%;

  font-size:25px;

  line-height:150%;

  color:#fff;

}

.sp-slide-img-box_over_2_5 {

  position:absolute;

  top:28%;

  left:4%;

  font-size:14px;

  line-height:150%;

  width:250px;

  color:#fff;

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_2_5_title {

  position:absolute;

  top:10%;

  left:2%;

  font-size:20px;

  }

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_2_5 {

  position:absolute;

  top:28%;

  left:4%;

  font-size:11px;

  width:180px;

  }

}



.sp-slide-img-box_over_3_1 {

  position:absolute;

  top:15%;

  left:2%;

  font-size:25px;

  line-height:150%;

      color:#fff;

}

.sp-slide-img-box_over_3 {

  position:absolute;

  top:35%;

  left:4%;

  font-size:16px;

  line-height:150%;

      color:#fff;

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_3 {

    position:absolute;

    top:58%;

    left:48%;

    font-size:13px;

        color:#fff;

  }

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_3_1 {

    position:absolute;

    top:10%;

    left:40%;

    font-size:12px;

        color:#fff;

  } 

}



.sp-slide-img-box_over_4_1_header {

  position:absolute;

  top:15%;

  left:67%;

  font-size:25px;

  line-height:150%;

      color:#fff;

}

.sp-slide-img-box_over_4_1 {

  position:absolute;

  top:30%;

  left:69%;

  font-size:14px;

  line-height:150%;

  padding-right:20px;

      color:#fff;

}

.sp-slide-img-box_over_4_2_header {

  position:absolute;

  top:14%;

  left:2%;

  font-size:25px;

  line-height:150%;

  color:#fff;

}

.sp-slide-img-box_over_4_2 {

  position:absolute;

  top:28%;

  left:4%;

  font-size:14px;

  line-height:150%;

  color:#fff;

  width:270px;

}



@media (max-width: 768px) {

  .sp-slide-img-box_over_4_2_header {

    position:absolute;

    top:10%;

    left:2%;

    font-size:15px;

        color:#fff;

  }

}

@media (max-width: 768px) {

  .sp-slide-img-box_over_4_2 {

    position:absolute;

    top:28%;

    left:4%;

    font-size:11px;

        color:#fff;

  }  

}

/* 05 */



.sp-slide-img-box_over_5_title {

	position:absolute;

	top:65%;

	left:15%;

	font-size:20px;

	line-height:120%;

	padding: 0.5em 0.5em;

	margin: 1em 0;

	background: #FFCB30;

	border-radius: 9px;

	/*border: dashed 2px #5b8bd0;点線*/

	color:#fff;

}



@media (max-width: 768px) {

  .sp-slide-img-box_over_5_title {

	position:absolute;

	top:60%;

	left:15%;

	font-size:10px;

	padding: 0.5em 0.5em;

	margin: 1em 0;

	background: #FFCB30;

	border-radius: 9px;

	/*border: dashed 2px #5b8bd0;点線*/

  }

}





  .p_box {

    padding: 1.6rem 2.0rem 1.6rem 2.0rem;

  }

  .img_act img {

      width:300px;

  }

  ._iso_img_box img {

      width:100px;

  }



.text_blue {

  color:#039dff !important;

}



 #namesei, #namemei, #kanasei, #kanamei, #company, #section,#tel, #email, #comment{

width:100%;

padding:5px;

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Chrome, Safari */

}

.input_chk_bg{

    background-color: #FFCCCC;

}

div.img_act{    

    max-width : 100%;

    border : 3px solid #ffffff;

    box-sizing: border-box !important;

}

div.img_act :hover{

    box-sizing : border-box !important;

    /*border : 3px solid #3c69b0;*/
    border : 3px solid #0075c2;

    transition: color 0.3s;

}

div.pr_img_act{    

    max-width : 95%;

    /*border : 3px solid #ffffff;

    box-sizing: border-box !important;*/

}

div.pr_img_act :hover{

    /*box-sizing : border-box;

    border : 3px solid #3c69b0;

    transition: color 0.3s;*/

    /*box-sizing: border-box !important;*/

    /*width : 80%;*/

}





.img_action {

  border : 3px solid #ffffff;

}



.img_action :hover {

  border : 3px solid red;

}



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 40px;

    left: 90%;

    margin-right: 30px;

    overflow: hidden;

    width: 44px;

    height: 44px;

    border: none;

    text-indent: -999px;

    z-index: 20;

    background: url(../img/totop.png) no-repeat left 0;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

#toTop:hover {

    outline: none;

    background-position: right 0;

}

#toTop_ab {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 40px;

    left: 90%;

    margin-right: 30px;

    overflow: hidden;

    width: 44px;

    height: 44px;

    border: none;

    text-indent: -999px;

    z-index: 20;

    background: url(../img/totop_ab.png) no-repeat left 0;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

#toTop_ab:hover {

    outline: none;

    background-position: right 0;

}

@media (max-width: 480px) {

    table.contact {

        width: 100%;

    }

 

    table.contact th,

    table.contact td {

        display: block;

    }

}



/*拡大１*/

.img-block {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.img-block img {

  transition: 0.5s;

  /*拡大されるスピードを設定します*/

} 

.img-block img:hover {

  -moz-transform: scale(1.3,1.3);

  -webkit-transform: scale(1.3,1.3);

  -o-transform: scale(1.3,1.3);

  -ms-transform: scale(1.3,1.3);

  /*拡大される比率を設定します*/

}



/*拡大２*/

.img-block_2 {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.img-block_2 img {

  transition: 0.5s;

  /*拡大されるスピードを設定します*/

}

.img-block_2 img:hover {

  -moz-transform: scale(1.1,1.1);

  -webkit-transform: scale(1.1,1.1);

  -o-transform: scale(1.1,1.1);

  -ms-transform: scale(1.1,1.1);

  /*拡大される比率を設定します*/

}

.btn08 {

    /*background-color: #3169d1;*/

    color: #fff !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .3s;

    transition: all .3s;

    margin: 14px 0 0 0;

}

.btn08:hover {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}



.btn10 {

    /*background-color: #3169d1;*/

    color: #fff !important;

    margin: 0 0 10px 0;

    box-shadow: 0 5px #ebebeb;

}

.btn10:hover {

    -ms-transform: translateY(5px);

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    border-bottom: none;

    box-shadow: none;

}

.btn03 {

    /*background-color: #3169d1;*/

    color: #fff !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.btn03:hover {

    background-color: #d9f0ff;

}



p.bc span {

    border: 0px;

    width: 100px;

    padding: 2px;

    color: #fff;

}

.headder_link_contact{

  height:25px;

  background-color: #0088cc;

  color:#fff;

  text-align: center;

}



table.md_down_sosial .headder_link_contact{

  width:130px;

}



p.rinen_link a:hover {  

    background-color: #eeeeee;  

} 



.content-gigyo h6 {

font-size: 16px;

height: 32px;

line-height: 42px;

}



.g-recaptcha {

  margin-right:auto;

  margin-left:auto;

  text-align: center;

  width:300px;

  margin-bottom:20px;

  margin-top:10px;

}



.btn-square {

  display: inline-block;

  padding: 0.5em 1em;

  text-decoration: none;

  background: #668ad8;/*ボタン色*/

  color: #FFF;

  border-bottom: solid 4px #627295;

  border-radius: 3px;

}

.btn-square:active {

  /*ボタンを押したとき*/

  -webkit-transform: translateY(4px);

  transform: translateY(4px);/*下に動く*/

  border-bottom: none;/*線を消す*/

}