@charset "utf-8";
/* CSS Document */
/*============================================全体で共通のCSS*/
/* フォント設定*/
p,h1,h2,ul,ol,body{
	margin: 0px;
	padding:0px;
	color:#515151
}
h3{color:#292929}
p{
	font-size:18px;
	color:#515151
}
a{
	outline: none;
	font-size:18px;
	text-decoration:none;
	color:#515151;
	transition-property: all;
	transition: 0.2s linear;
}
a:hover{
	text-decoration:underline;
	color:#878787
}
ul{
	list-style-type:none
}

li { letter-spacing: normal; }
body{
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Roboto, Helvetica, Arial, sans-serif;
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}
body p{
	font-weight:bold;
}
.hoso{
	font-weight: 500;
}
body a{
	font-weight:bold;
}

.red{
	color:red;
}
.t-right {
    text-align: right;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:none;
	margin:0;
	padding:0;
}
h3,h4{
	margin-bottom:0;
	margin-top:0;
}
.font-11{
	font-size:11.5px
}
.font-14{
	font-size:14px
}
.font-20{
	font-size:20px
}
.font-gold{
	color:#7b6605
}
.font-red{
	color:#420000
}
.font-brightred{
	color:rgb(212, 32, 32)
}
.font-white{
	color:white
}
.font-green{
	color:#009966
}
.font-darkgreen{
	color:#679a35
}
.font-blue{
	color:#2063d2
}
.font-aquablue{
	color:#5dc1f4
}
.font-orange{
	color:#e2982d
}
.line-h2{
	line-height:2.5
}
.font-b{
	font-weight:bold
}
/*コンテント*/
.content{
	max-width: 980px;
	margin:0 auto;
	overflow: hidden;
	}
@media screen and (max-width:640px){
	.content{
	max-width:95%;
	margin:0 auto;
	}
}
/*PC限定表示・スマホ限定表示*/
@media screen and (min-width:641px){
.only-mov{display:none}
}
@media screen and (max-width:640px){
.only-pc{display:none}
}
/*線*/
.hr-red{border-top: 1.3px #420000 solid}
.hr-gold{border-top: 1.3px #7b6605 solid}
.hr-black{border-top: 1px #515151 solid}
.hr-white{border-top: 0px white solid}
.hr-green{border-top: 1.3px #009966 solid}
.hr-red-bold{border-top: 30px #420000 solid}
/*メニュー左のグレーの縦線*/
.borl-gray{
border-left: 0.25px solid #515151
}

@media screen and (max-width:640px){
.borl-gray{
border-left: 0px solid #515151
}
}
.wid-13{width:13%}
.wid-15{width:15%}
.wid-20{width:20%}
.wid-28{width:28%}
.wid-30{width:30%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-49{width:49%}
.wid-50{width:50%}
.wid-55{width:55%}
.wid-60{width:60%}
.wid-70{width:70%}
.wid-100{width:100%}
/*マージン*/
.top-1{margin-top:1%;}
.top-2{margin-top:2%;}
.top-3{margin-top:3%;}
.top-5{margin-top:5px}
.top-20{margin-top:20px}
.btm-9{margin-bottom:9px}
.top-7{margin-top:7px}
.top-15{margin-top:15px}
.top-17{margin-top:17px}
.top-30{margin-top:30px}
.top-40{margin-top:40px}
.top-5p{margin-top:5%}
.btm-7{margin-bottom:7px}
.btm-1{margin-bottom:1%}
.btm-10{margin-bottom:10px}
.btm-15{margin-bottom:15px}
.btm-17{margin-bottom:17px}
.btm-20{margin-bottom:20px}
.btm-25{margin-bottom:25px}
.btm-30{margin-bottom:30px}
.btm-35{margin-bottom:35px}
.btm-40{margin-bottom:40px}
.btm-50{margin-bottom:50px}
.btm-60{margin-bottom:60px}
.btm-75{margin-bottom:75px}
.btm-90{margin-bottom:90px}
.btm-100{margin-bottom:100px}
.btm-120{margin-bottom:120px}
.mar-0{
	margin:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
.mart-17{margin-top:17px}
.marlft-5{margin-left:5px}
.marlft-10{margin-left:10px}
.marlft-20{margin-left:20px}
.marlft-25{margin-left:25px}
.marlft-50 {
    margin-left: 50px;
}
@media screen and (max-width:640px){
.btm-100,.btm-120{margin-bottom:50px}
}
/*パディング*/
.pad-15{padding:15px}
.padtop-5{padding-top:5px}
.padtop-9{padding-top:9px}
.padtop-10{padding-top:10px}
.padtop-14{padding-top:14px}
.padtop-15{padding-top:15px}
.padtop-20{padding-top:20px}
.padtop-30{padding-top:30px}
.padtop-50{padding-top:50px}
.padtop-60{padding-top:60px}
.padtop-70{padding-top:70px}
.padtop-80{padding-top:80px}
.padtop-85{padding-top:85px}
.padtop-90{padding-top:93px}
.padtop-95{padding-top:95px}
.padtop-100{padding-top:100px}
.padbtm-5{padding-bottom:5px}
.padbtm-9{padding-bottom:9px}
.padbtm-10{padding-bottom:10px}
.padbtm-14{padding-bottom:14px}
.padbtm-15{padding-bottom:15px}
.padbtm-20{padding-bottom:20px}
.padbtm-30{padding-bottom:30px}
.padbtm-60{padding-bottom:60px}
.padbtm-80{padding-bottom:80px}
.padbtm-150{padding-bottom:150px}
.padlft-5{padding-left:5px}
.padlft-25{padding-left:25px}
.padrit-5{padding-right:5px}
.padrit-15{padding-right:15px}
.padrit-25{padding-right:25px}
.padrit-30{padding-right:30px}
.padrit-50{padding-right:50px}
.pad-0{
	padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
.z-ind{z-index:100}
@media screen and (max-width:640px){
.pankuzu{
	margin-top:-30px
}
}
/*フロート*/
.fro{
	float:left
}
.fro-r{
	float:right
}
.over-f{
	overflow:hidden
}
/*テキスト中心に*/
.text-c{text-align:center}
.text-r{text-align:right}
.text-l{text-align:left}
.text-movc br{display:none}
@media screen and (max-width:640px){
.text-movc{text-align:center}
.text-movc br{display:block}
}

/*背景*/
.back-gold{background-color:#AFA160}
.back-red{background-color:#420000}
.back-white{background-color:white}
.back-white-touka{background-color:white;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}
@media screen and (max-width:640px){
.btm-60{margin-bottom:10px;}
}
.mozi-red{color:#770000}
.mar-r{margin:10px}
@media screen and (max-width:640px){
.box{width:100%}
}
/*かこみ枠*/
.border-red{
	border:1.3px #420000 solid;
	padding: 35px 25px 35px 25px
}
.border-black{
	border:1.3px #515151 solid;
	padding: 35px 25px 35px 25px
}
/*背景*/
.haikei-white{
	background-color:white
}

/*改行*/
.p-br {
	display: block;
}
@media screen and (max-width:640px){
.m-br {
	display: block;
}
.p-br {
	display: inline-block;
}
}
/*============================================トップページ*/
/*1ロゴ＆問い合わせ*/
.top-rogo{
	overflow:hidden
}
.top-rogo .hidari{
	width:20%;
	float:left
}
.top-rogo .migi{
	width:80%;
	float:right;
	text-align:right
}
.top-rogo .migi li{
	display: inline-block;
	width: 18%;
    text-align: center;
	border-right: 1px solid #770000;
	/*padding: 0 2% 0 1.5%*/
	vertical-align: revert;
}
@media screen and (max-width:1450px){
.top-rogo .migi li{
	width: 20%;
}
}
@media screen and (max-width:1340px){
.top-rogo .migi li{
	width: 22%;
}
}
@media screen and (max-width:1233px){
.top-rogo .migi li{
	width: 23%;
}
}
@media screen and (max-width:1090px){
.top-rogo .migi li{
	width: 23%;
}
}



.top-rogo .migi li:first-child{
	border-left: 1px solid #770000;
}


/*モバイル限定トップロゴ*/
@media screen and (max-width:820px){
.mov-toprogo{
	display:block;
}
}
.mov-toprogo{
	position: fixed;
	top:3px;
	left:10px;
	z-index:100;
	color:white;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro W3','Hiragino Mincho Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',serif;
	width: 19%;
}
@media screen and (max-width:750px){
.mov-toprogo{
    width: 150px;
}
}

.mov-toprogo:hover{
	text-decoration:none;
	color:white;
}
/*1番右の検索ボックスのみ線打消し*/
.top-rogo .migi .border-not{
	border-right:none;
}
.top-rogo .migi li a{
	color:#770000;
	font-size:15px;
	text-decoration: none
}
.top-rogo .migi li a:hover{
	text-decoration: underline
}
/*検索ボックスのデザイン設定*/
ul#contact_and_search li#searchBox {
	width: 210px;
	border-left: none;
}
#searchform {
	position:relative
}
#s {
	height:22px;
	width:100px;
    margin-left: 10px;
}
@media screen and (max-width:1200px){
#s {
	width:70px;
}
}



#searchsubmit {
	color:#fff;
	width:50px;
	border: none;
	position: absolute;
	/*position: relative;*/
	right: 62px;
    top: 2px;
	background-color:#929292;
	cursor: pointer;
	height:24px
}

.top-nav3 #searchsubmit {
    top: -1px;
}



@media screen and (max-width:1200px){
#searchsubmit {
	right: 82px;
}
}


@media screen and (max-width:640px){
#s {
    width: 200px;
    height: 30px;
    font-size: 16px;
}
/*スマホでは改行を取る*/
.top-box br{
	display:none
}
}
/*上から出てくるナビの検索ボタン*/
.shadow #searchsubmit {
	color:#fff;
	width:50px;
	border: none;
	position: absolute;
	right: 62px;
    top: 0px;
	background-color:#929292;
	cursor: pointer;
	height:22.5px
}
@media screen and (max-width:1200px){
.shadow #searchsubmit {
	right: 82px;
}
}


/*文字サイズ変更ボタン選択中の色*/
.textresizer-active{
	background-color:#eaeaea;
}
.textresizer-active a{
}
 	color:white
#textsize {
	overflow:hidden;
}
#textsize li{
	font-size:15px;
	margin-left:2px;
	border-right: 0px;
	padding: 0 
}
#textsize li a{
	border-radius: 3px;
	padding: 2px 6px;
	border: 1px solid #ddd;
	display: block;
	text-decoration: none;
	font-size:14px
}
/*スクロールすると下に出てくる文字サイズ変更ボタン*/
#textsize2 li{
	font-size:15px;
	margin-left:2px;
	border-right: 0px;
	padding: 0 
}
#textsize2 li a{
	border-radius: 3px;
	padding: 2px 6px;
	border: 1px solid #ddd;
	display: block;
	text-decoration: none;
	font-size:14px
}
/*詳しく見るボタン*/
.btn-more{
	color:white;
	background-color:#420000;
	padding:1% 0;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	letter-spacing:2px;
	display: inline-block;
}
/*お問い合わせボタン*/
.btn-info a{
	background-color:#a13e31;
	padding:10px 5px;
	text-decoration:none;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
	width:100%;
	display:block;
	color:white;
}
@media screen and (max-width: 750px){
.btn-info a{
	font-size:15px;
}
}

@media screen and (max-width:750px){
.menber-regist .info .wid-45{
	font-size:15px;
}
}
.btn-info a:hover{
	background-color: #420000;
}
/*数字など金＆角丸四角*/
.number{
	color: white;
	background-color: #AFA160;
	padding: 0.5px 2px;
	border-radius: 3px;
}
.gold-square{
    border-radius: 3px;
    color: white;
    background-color: #AFA160;
}
/*2ナビゲーション(上部に固定されているもの)*/
.top-nav li{
	display: inline-block;
	width:170px;
	text-align:center;
	line-height:1.3;
	vertical-align: middle;
	height:50px
}
.top-nav li a{
	font-size:15px;
	text-decoration:none;
	color:#515151;
	display:block;
	padding:6px 0 6px 0
}
.top-nav li a:hover{
	color:#7b6605;
	background-color:#eaeaea
}
.top-nav .hr-red{
	border-top: 2px #770000 solid;
	margin:0
}
.top-nav #gnav > ul > li > a{
	height:35px
}
.top-nav2 .btn a:hover{
	background-image: url(img/topnav-sankaku.png);
	background-position :bottom center;
	background-repeat:no-repeat
}
.top-nav li a:hover{
	background-image: url(img/topnav-sankaku.png);
	background-position :bottom center;
	background-repeat:no-repeat
}
.top-nav #gnav > ul .menu {
    transition: all .2s ease-in;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    background-color:rgba( 95, 10, 10, 0.9 );
    height: auto;
    z-index:100
}
.top-nav #gnav > ul .menu .menu_inner{
	padding: 1.3% 0 0.5%;
}
.top-nav #gnav > ul .menu .menu_inner2{
	max-width: 980px;
	margin:0 auto;
}
.top-nav #gnav > ul .menu .menu_inner2 li {
  display: inline-block;
	width: 20%;
    text-align: left;
}
.top-nav #gnav > ul .menu a {
	color: #fff;
	/*width:200px;*/
	/*text-align:left;*/
	text-align: center;
	font-size:16px;
	margin:0
}
.top-nav #gnav > ul {
  display: table;
}
.top-nav #gnav > ul > li {
  display: table-cell;
  margin-right: 2em;
}

.top-nav #gnav > ul > li:hover > a {
  color:#515151;
}
.top-nav #gnav > ul > li:hover .menu {
  max-height: 9999px;
  opacity: 1;
}
.top-nav #gnav > ul > li > a {
  display: block;
  padding: 3px 0;
  transition: all .2s ease-in;
	height:36px
}
/*下に出る背景*/
#gnav > ul .menu {
  transition: all .2s ease-in;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  text-align: center;
  position: absolute;
      background-color:rgba( 95, 10, 10, 0.9 );
}



/*下にスクロールすると出てくるナビゲーション(トップページのみ表示)*/
.top-nav2{
	position: fixed; /* ヘッダーバーを固定 */
	top: 0; /* 上から0の位置に固定 */
	left: 0; /* 左から0の位置に固定 */
	display: none; /* ヘッダーバーを非表示 */
	width:100%;
	background-color:white;
	z-index:100
}



.top-nav2 li{
	display: inline-block;
	width:138px;
	text-align:center;
	line-height:1.3;
	vertical-align: middle;
	padding-bottom:0.5%
}
.top-nav2 .utikeshi{
    display: inline-block;
    width:auto;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}
.top-nav2 li a{
	font-size:13.5px;
	text-decoration:none;
	color:#515151;
	display:block;
	padding:3px 0
}

/*右のロゴが色変わらないように打消し*/
.top-nav2 li .not-hovercolor:hover{
	background-color:white
}
.top-nav2 .hr-red{
	border-bottom: 1px #770000 solid;
}
/*お問い合わせボタン(ナビ右上)*/
.top-nav2 .top-nav2-info a{
	color:white;
	background-color: #AFA160;
	padding: 4.5px;
	border-radius: 3px;
}
.top-nav2 .top-nav2-info a:hover{
	color:white;
	background-color:#770000
}
.top-nav2-info{
	padding-left:10px
}
/*固定ページナビゲーション*/
.top-nav3{
	position: fixed; /* ヘッダーバーを固定 */
	top: 0; /* 上から0の位置に固定 */
	left: 0; /* 左から0の位置に固定 */
	width:100%;
	background-color:white;
	z-index:100;
	box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
}
.top-nav3 .content{
	max-width: 1000px;
}
.top-nav3 li{
	display: inline-block;
	text-align:center;
	line-height:1.3;
	vertical-align: middle
}
.top-nav3 li a{
	font-size:13.5px;
	text-decoration:none;
	color:#515151;
	display:block;
	width:138px;
}
.top-nav3 .btn:hover{
	color:#7b6605;
	background-color:#eaeaea;
	background-image: url(img/topnav-sankaku.png);
	background-position :bottom center;
	background-repeat:no-repeat
}
/*右のロゴが色変わらないように打消し*/
.top-nav3 li .not-hovercolor:hover{
	background-color:white;
	background-image: none;
}
/*お問い合わせボタン(ナビ右上)*/
.top-nav3 .top-nav3-info a{
	color:white;
	background-color: #AFA160;
	padding: 4.5px;
	border-radius: 3px;
}
.top-nav3 .top-nav3-info a:hover{
	color:white;
	background-color:#770000
}
/*下に出る影*/
.shadow{
box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
-webkit-box-shadow:1.5px 1.5px 1.5px 1.5px #8a8a8a;
-moz-box-shadow:1.5px 1.5px 1.5px 1.5px #8a8a8a;
}

/*3カルーセルパネル*/
#slide p{
	float:left;
	height:274px
}
.top-carousel{
	text-align:center;
	height:310px
}
.top-carousel img{
	overflow:hidden;
	margin:0 auto
}
#pg .selected {
	background-color:#747474;
}
#pg {
	margin-top: 10px;
	text-align: center;
}
#pg a {
	background-color: #C4C4C4;
	display: inline-block;
	height: 11px;
	margin-left: 1%;
	margin-right: 1%;
	width: 11px;
	border-radius: 50%;
	text-align: center;
}
#pg span {
	display: none;
}
/*4特集コーナー*/
.main-topix ul{
	display:table;
width: 100%;
}
.main-topix li{
	display:inline-block;
	display:table-cell;
    text-align:left	;
	padding-bottom:17px
}
.main-topix .box{
	width:34.7%
}
@media screen and (max-width:640px){
.main-topix li{
	padding-bottom:0px
}
.main-topix .box{
	width:100%;
	margin-bottom:7%;
	text-align:center
}
.main-topix li{
	display:block
}
.top-comment{
	width:95%;
	margin:0 auto;
	margin-bottom:50px
}
}
/*5ニュース、事例紹介、小冊子贈呈*/
.renew-topix .renew-topix-date{
	display:table
}
.renew-topix .renew-topix-date .date{
	display:table-cell;
	list-style-type:none
}
.renew-topix .box{
	width:29%;
	display:inline-block;
	margin-right:5.5%
}
.renew-topix .btn-more:hover{
	color:#d3c897
}
@media screen and (max-width:640px){
.renew-topix .renew-topix-date{
	margin-bottom:0px
}
}
/*事例紹介アイコン設定*/
/*セミナー*/
.toppage-category .category-seminar{
	background-color:#7f112a;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
float:right;
margin-right: 5px;
}
/*研修*/
.toppage-category .category-training{
	background-color:#1E7054;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*コンサルティング*/
.toppage-category .category-consulting{
	background-color:#486a00;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*講演会*/
.toppage-category .category-lecture{
	background-color:#ab7736;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
   float:right;
margin-right: 5px;
}
/*その他*/
.toppage-category .category-other{
	background-color:#834e00;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*お知らせ*/
.toppage-category .category-info{
	background-color:#c6676b;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*開催予定*/
.toppage-category .category-kaisaiyotei{
	background-color:#1baace;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*開催中*/
.toppage-category .category-kaisaityuu{
	background-color:#ce6b1b;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*締切*/
.toppage-category .category-simekiri{
	background-color:#696969;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*募集中*/
.toppage-category .category-bosyuu{
	background-color:#e4bd06;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*レポート*/
.toppage-category .category-report{
	background-color:#004986;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
/*講習会*/
.toppage-category .category-kousyuu{
	background-color:#15aa8c;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
   float:right;
margin-right: 5px;
}
/*指導会*/
.toppage-category .category-sidou{
	background-color:#7ab51e;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
   float:right;
margin-right: 5px;
}
/*サービス開始*/
.toppage-category .category-service{
	background-color:#ff8400;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
    margin-bottom: 5%;
   float:right;
margin-right: 5px;
}
@media screen and (max-width:640px){
.renew-topix .box{
	width:100%;
	display:block;
	padding-bottom: 15%;
}
}
/*6バナー*/
.banar .box{
    width: 29%;
    display: inline-block;
    margin-right: 5.5%
}
@media screen and (max-width:640px){
.banar .box{
	width:100%;
    text-align: center;
	margin-bottom: 5%;
}
	
.banar .box a img{
    width: 90%;
}
	
.banar li{
	display:block
}
}
/*8フッター*/
.bottom-nav li{
	display: inline-block;
	text-align:center;
	line-height:1.3;
	width:135px;
	vertical-align: middle
}
.bottom-nav li a{
	font-size:13.5px;
	text-decoration:none;
	color:white;
	display:block
}
.bottom-nav li a:hover{
	color:#770000
}
/*フッターバナー*/
.footer-zu li{
width: 29%;
    display: inline-block;
    margin-right: 5.5%;
}
.bottom-nav-sub{
	text-align:right
}
@media screen and (max-width:640px){
.footer-zu li{
    width: 100%;
    display:block;
    margin-right:0;
    margin-bottom: 3%;
	text-align:center
}
.copyright{
	padding-bottom:10%
}
.bottom-nav-sub{
	padding-top:2%;
	text-align:center
}
}
/*9 ページ下部コンテンツ(SNS・西研コラム)*/
.bottom-content .box{
	display: inline-block;
	width:46%;
	vertical-align: top;
}
/*ページ下部コンテンツ(西研コラム掃出し部分)*/
.top-nishi-topix{
	padding:2%;
	background-color:white
}
/*ページ下部コンテンツ(西研コラム背景)*/
.top-nishi-back{
	background-color:gainsboro;
	padding:3% 2.5% 2.5%
}
/*ページ下部コンテンツ(ツイッタ―)*/
.twitter{
	float:left;
	width:71px;
	height:71px;
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px;
	background:#fff;
}
@media screen and (max-width:640px){
.bottom-content .box{
	display: block;
	width:100%
}
.twitter{
	width:100%;
	display:block;
}
}
.bottom-content h4{
	color:#AFA160
}
/*SNS紹介*/
.sns h4{
	color:#AFA160;
	font-weight:normal
}
@media screen and (max-width:640px){
.sns .twitter-h{
	margin-top:20px
}
}
/*西研コラム*/
.top-nishi .koumoku{
	margin-bottom:5px
}
.nishiken-colum-midashi{
	color:#292929;
	font-weight:bold;
	font-size:1.2em
}
.btm-15nishiken{
	margin-bottom:15px
}
.top-15nishiken{
	margin-bottom:15px
}
@media screen and (max-width:640px){
.nishiken-colum-midashi{
	color:#292929;
	font-weight:normal;
	font-size:18px
}
.btm-15nishiken{
	margin-bottom:5px
}
.top-15nishiken{
	margin-top:5px
}
}
/*提携機関・団体リンク*/
.cooperate .text-c{
	width:35%;
	vertical-align: middle
}
@media screen and (max-width:640px){
.cooperate-table td p{
	font-size:11px
}
}
.cooperate .text-c img{
	padding-bottom:10px
}

.bottom-nav-sub li{
	display: inline-block;
	border-right: 1px solid #515151;
	padding: 0 0.5% 0 0.15%
}
.bottom-nav-sub .border-not{
	border-right:none;
	padding: 0 0 0 0.15%
}
.bottom-nav-sub li a {
	font-size: 13.5px;
	text-decoration: none;
	display: block
}
.bottom-nav-sub li .only-mov{
	display: none
}
.bottom-nav-sub li a:hover{
	text-decoration:underline
}
@media screen and (max-width:640px){
.bottom-nav-sub li{
	padding: 0 3% 0 1%;
	border-right: 0px solid #515151;
}
.bottom-nav-sub li .only-mov{
	display: block
}
}
/*11コピーライト*/
.copyright p{
	font-size: 12.5px;
	text-align:right
}
/*12ページ下部に固定・セミナー＆お知らせ*/
.main-info{
	position: fixed; /* ヘッダーバーを固定 */
	bottom: 0; /* 上から0の位置に固定 */
	left: 0; /* 左から0の位置に固定 */
	display: none; /* ヘッダーバーを非表示 */
	width:100%;
	z-index:100
}
.main-info h3{
	margin:1px 0;
	color:#d3c897;
	font-weight:normal;
	font-size:16px
}
.main-info a{
	border-left: solid #515151 1px;
	padding-left:5px;
	font-size:15px
}
.dia-gold{
	color: #AFA160;
	font-size: 17px;
	padding-right:0.25%;
}
.dia-blue{
	color: #1c7dc0;
	font-size: 17px;
	padding-right:0.25%;
}
.dia-gray{
	color: #515151;
	font-size: 17px;
	padding-right:0.25%;
}
.dia-orange{
	color: #e2982d;
	font-size: 17px;
	padding-right:0.25%;
}
.dia-aquablue{
	color: #179fe0;
	font-size: 17px;
	padding-right:0.25%;
}
/*============================================固定ページ*/
/*パンくずリスト*/
.pankuzu{
	font-size:13.5px;
	padding-top:10px
}
/*============================================投稿固定ページ用*/
/*パンくずリスト*/
#breadcrumb div {
display: inline; /* 横並びに */
}
.pankuzu a{
	font-size:13.5px
}
/*見出し*/
.kotei h2{
	border-left: solid #420000 4px;
	padding-left:6px;
}
/*h2共通の打消し*/
.kotei .h2-none{
	border-left:none;
	padding-left:0;
}
/*投稿記事の画像設定*/
img.alignright { display: block; margin: 15px 0 15px auto; }/* 配置位置 右 */
img.alignleft { display: block; margin: 15px auto 15px 0; }/* 配置位置 左 */
img.aligncenter { display: block; margin: 15px auto; }/* 配置位置 中央 */
.single .wid-13{
	width:15%
}
@media screen and (max-width:640px){
.kotei h2{
	font-size:20px
}
.single .wid-30,.single .wid-13{
	width:49%
}
}
/*選択中赤色*/
#kotei-tubnav .select{
	background-color: #420000;
    color: white;
}
.content-box{
	padding-top:60px
}
.content-box2{
    padding: 35px 25px 35px 25px
}
/*関連記事表示*/
.related_post_title{
	padding-bottom:20px
}
#wp_rp_edit_related_posts{
	display:none
}
@media screen and (max-width:640px){
.content-box2{
    padding:10px
}
.wp_rp_title{
	font-size:14px
}
}
.content-box-mini{
	padding-top:60px
}
.content-pict{
	padding:20px 0 0;
	text-align:center
}
/*固定ページのタブが下に出るナビゲーションボタン*/
.kotei-tubnav .tab-content input[type="radio"] {
  display: none;
}
/*固定ページトップ画像調節*/
.top-img .padbtm-30{
	padding-bottom: 50px;
}
.top-img .padtop-30{
	padding-top: 50px;
}
.top-img h1{
	letter-spacing: 0.05em;
}
.kotei-tubnav .tab-content label {
	display: inline-block;
	color:#7b6605;
	cursor: pointer;
	padding:0.5% 0;
	box-sizing: border-box;
	width: 12.5%;
	text-align: center;
	border-right:0.25px solid #515151;
}
@media screen and (max-width:640px){
.top-img h1{
    text-align: center;
    font-size: 20px;
}
}
/*文字数調整*/
.kotei-tubnav .tab-content .label-height20{
	padding-top:20px;
}
.kotei-tubnav .tab-content .label-height29{
	padding-top:27px;
}
.kotei-tubnav .tab-content input[type="radio"]:checked + label {
	color:white;
	background-color:#420000;
}
.kotei-tubnav .tab-content label:hover{
	background-color:#eaeaea;
	transition-property: all;
	transition: 0.2s linear;
}
/*下に出るタブ部分設定*/
.kotei-tubnav .tab-content .tab-box {
	padding: 6% 0;
	box-sizing: border-box;
	margin-top:25px
}

.kotei-tubnav .tab-content > .tab-box > div {
	display: none;
}

.kotei-tubnav #tab1:checked ~ .tab-box > #tabView1 {
	display: block;
}

.kotei-tubnav #tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}

.kotei-tubnav #tab3:checked ~ .tab-box > #tabView3 {
  display: block;
}
.kotei-tubnav #tab4:checked ~ .tab-box > #tabView4 {
  display: block;
}

.kotei-tubnav #tab5:checked ~ .tab-box > #tabView5 {
  display: block;
}

.kotei-tubnav #tab6:checked ~ .tab-box > #tabView6 {
  display: block;
}
.kotei-tubnav #tab7:checked ~ .tab-box > #tabView7 {
  display: block;
}

.kotei-tubnav #tab8:checked ~ .tab-box > #tabView8 {
  display: block;
}
.content-box h3{
	border-left: solid #420000 4px;
	padding-left:6px;
	letter-spacing:0.1em
}
.content-box .tab-box h4{
	border-left: solid #AFA160 4px;
	padding-left:6px;
	margin-bottom:5px
}

.content-box .safety-policy-pict-h3{
    background-color: #177e30;
    color: white;
    padding: 5px 0;
    border-left: solid #177e30 6px;
	margin-bottom:17px
}
/*============================================固定ページ(化学物質管理サービスについて)*/
/*トップ画像*/
.chemical_management .top-img{
	background-image: url(img/koteiimg-chemicalManagement3.jpg);
	background-size:cover;
}
/*トップ説明画像*/
.chemical_management-topimg .zu-img1{
	display:inline-block;
	width:55%
}
.chemical_management-topimg .zu-img2{
	display:inline-block;
	width:35%
}
.chemical_management-topimg .yazirushi{
	display:inline-block;
	width:5%;
	padding:0 1.5%
}
.chemical_management .border-blue{
	border:2px solid #1d2088
}
.chemical_management .border-brown{
	border:2px solid #420000
}
.chemical_management .border-red2{
	border:2px solid #420000
}
.chemical_management table{
	width:100%;
	border-collapse:collapse
}
.chemical_management .wid-33{
	width:33%
}
.wid-33{
	width:33%
}
@media screen and (max-width:640px){
.chemical_management .wid-33{
	width:90%;
	display: block;
	border: none;
    margin: 0 auto
}
.chemical_management .table-sp{
	width:90%;
	display: inline-block;
	border: 1px solid #ccc;
    margin: 0 auto
}
.chemical_management-topimg .zu-img1{
	display:block;
	width:98%;
	border-bottom:none
}
.chemical_management-topimg .zu-img2{
	display:block;
	width:98%
}
.chemical_management-topimg .yazirushi{
	display:none;
}
.chemical_management .font-red{
	font-size:18px
}
.chemical_management .font-green{
	font-size:18px
}
.chemical_management .font-blue{
	font-size:18px
}
}



/*製品含有化学物質管理　メニューの高さ調節*/
.page-id-1381 .chemical_management .box-nav a{
	padding: 0;
    /*height: 65px;*/
    /*line-height: 65px;*/
    vertical-align: top;    
	vertical-align: middle;
}








/*２実務者講座*/
/*
.haikei-chemsherpa{
	background-color:#d9e5ff
}
*/
.content-box .chemsherpa-pict-h3{
	background-color:#2063d2;
	color:white;
	padding:5px 0;
	border-left: solid #2063d2 6px;
	margin-bottom:17px
}
.chemsherpa-course{
	display:inline-block;
	width:90%;
	text-align:center
}
@media screen and (max-width:640px){
.haikei-chemsherpa .chem-sherpa #box-nav20{
	border: 0px solid #7b6605;
}
}
/*３個別コンサルティングについて*/
.content-box2 .consulting-pict-h3{
    background-color: #420000;
    color: white;
    padding: 5px 0;
    border-left: solid #420000 6px;
	margin-bottom:17px
}
.haikei-consulting{
background-color:#f8e2e2
}
.consulting ul{
	overflow:hidden
}
.consulting .wid-30 {
    width: 20%;
    vertical-align: baseline;
}
.consulting .wid-70{
	width:70%
}
.consulting .line-h2{
	width:7%
}
.consulting li{
	float:left
}
.consulting .hidari{
	width:60%
}
.consulting .hidari br{
	display:none
}
.consulting .migi{
	width:40%
}
.consulting td{
	width:0
}
.consulting .number{
	width:6%
}
@media screen and (max-width:640px){
.consulting .line-h2{
	width:100%
}
.consulting .wid-30{
	width:100%
}
.consulting .wid-70{
	width:100%
}
.consulting td,.consulting th{
	width:100%;
    display: block;
}
.consulting li{
	float:none
}
.consulting .hidari,.consulting .migi{
	width:100%
}
.individually td,.individually th{
	width:100%;
	display:block
}
}
/*４環境報告書作成代行*/
/*
.haikei-jamp-ais{
	background-color:#fef8c9;
}
*/
.content-box2 .jampais-h3{
    background-color: #ffb066;
    color:#260c0d;
    padding: 5px 0;
    border-left: solid #ffb066 6px;
    margin-bottom: 17px;
}
/*テーブル部分*/
.jamp-ais table{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
.jamp-ais .date1 th{
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eaeaea;
}
.jamp-ais .date1 td{
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:white;
	width:0
}
.jamp-ais .date1 .table-color{
    font-weight: bold;
    background-color: #eaeaea;
    width:25%
}
.jamp-ais .date1 th,.jamp-ais .date1 td{
	font-size:14px
}
/*事例紹介の画像が配置してある部分*/
.jamp-ais .content-box-mini .migi{
	width:30%;
}
.jamp-ais .content-box-mini .hidari{
	width:65%;
}
@media screen and (max-width:640px){
.jamp-ais .date1-2 .table-color{
	font-size:14px
}
.jamp-ais .content-box-mini .hidari{
	width:100%;
	float:none
}
.jamp-ais .content-box-mini .migi{
	width:100%;
	float:none
}
.jamp-ais .date1 th,.jamp-ais .date1 td{
	font-size:10px;
	padding:1%
}
.jamp-ais .date1 th p,.jamp-ais .date1 td p{
	font-size:10px;
	padding:1%
}
}
/*５監査代行*/
/*
.haikei-audit{
background-color:#eaf5cf
}
*/
.audit ul{
	overflow:hidden
}
.audit li{
	float:left
}
.audit .hidari{
	width:65%
}
.audit .hidari br{
	display:none
}
.audit .migi{
	width:35%
}
.audit td{
	width:0
}
.audit .box3{
	width:33%;
	float:left;
}
/*５監査代行追加修正2/8*/
.haikei-audit table.table1{
	border:1px solid #515151;
	background-color:white
}
.haikei-audit table.table1 th{
	text-align:left;
	background-color:#c0df73
}
.haikei-audit table.table1 th,.haikei-audit table.table1 td{
	padding:2%;
	border: 1px solid #515151;
}
@media screen and (max-width:640px){
.audit li{
	float:none
}
.audit .hidari,.audit .migi{
	width:100%
}
.audit td,.audit th{
	width:100%;
	display:block
}
.audit .box3{
	width:33%;
	margin:0 auto 10px
}
.audit .wid-50,.audit .wid-40{
	width:100%;
	float:none
}
}
/*６SDSラベル作成代行サービス*/
.content-box2 .sds-pict-h3{
	background-color:#9245ab;
	color:white;
	padding:5px 0;
	border-left: solid #9245ab 6px;
	margin-bottom:17px
}
/*
.haikei-sds{
	background-color:#ebe0fa
}
*/
.sds table .hidari{
	width:30%;
	padding:1%
}
.sds table .migi{
	width:70%
}
.sds .gold-square{
    width: 70%;
    padding: 1%;
    margin: 1% 15.5%;
    background-color: white;
	color:#515151;
text-align:center
}
/*流れチャート*/
.sds .sds-info{
    display: inline-block;
    width: 12.4%;
}
.sds-yazirushi{
    display: inline-block;
    width: 1%;
    margin-right: 0;
}
.sds .box3 {
    width: 28%;
    float: left;
    margin-right: 40px
}
@media screen and (max-width:640px){
.sds .sds-info{
    width: 46%;
    margin: 0 auto;
    padding-bottom: 2%;
}
.sds .box3{
    margin-right: 20px;
}
.sds table .hidari{
	padding:2%
}
.sds table .migi{
	padding:2%
}
}
/*７化学物質RA出張セミナー*/
/*
.haikei-assessment{
	background-color:#d4f0ff
}
*/
.assessment ul{
	overflow:hidden
}
.assessment li{
	float:left;
	width: 48%;
	margin-right:4%;
}
.assessment .li-hidari{
	float:left;
	width: 42%;
	margin-right:2%;
}
.assessment .li-migi{
	float:left;
	width: 56%;
	margin-right:0;
}
.assessment .gold-square{
	 padding: 1.5% 3%;
	font-size:18px
}
/*画像*/
.assessment .hidari{
	width:62%
}
.assessment .migi{
	width:35%;
	margin-left: 0px
}
/*コンサルタント紹介*/
.assessment .hidari2{
	width:15%
}
.assessment .migi2{
	width:70%
}
@media screen and (max-width:640px){
.assessment .li-migi,.assessment .li-hidari{
	float:none;
	width: 100%;
}
.assessment li{
	float:none;
	width: 100%;
}
.assessment .hidari{
	width:100%
}
.assessment .migi{
	width:100%
}
.assessment .migi2{
	width:100%;
	margin-left: 0px;
}
.assessment .hidari2{
	width:100%;
	text-align:center
}
.assessment .padlft-25{
	padding-left:0
}
}
/*化学物質管理サービス セミナー・指導会*/
.seminar .border-red{
	border: 1px #420000 solid;
	padding: 45px 35px 45px 35px;
}
.seminar .btm-box {
    margin-bottom: 40px;
}
.seminar .hidari {
    width: 64.5%;
}
.seminar .migi{
	width:35%
}
.seminar .font-red{
	color:#DF0101
}
@media screen and (max-width:640px){
.seminar .border-red{
	padding: 10px
}
.seminar .hidari{
	width:100%;
	float:none
}
.seminar .migi{
	width:100%;
	float:none
}
}
/*化学物質管理サービス トピックス・FAQ*/
.chemical-topix .tab-content .box-nav .box-navmini a{
    width: 50%;
	padding-top:8px;
	height:40px
}


/*ドロップダウンメニューナシＶＥＲ(化学物質管理サービスについて)*/
.kotei-tubnav2 .tab-content .box-nav a{
    display: inline-block;
    color: #7b6605;
    cursor: pointer;
    box-sizing: border-box;
    width: 20%;
    text-align: center;
    border-right: 0.25px solid #515151;
    text-decoration:none;
	padding-top:8px;
	margin-bottom:15px
}
.kotei-tubnav2 .tab-content .box-nav .label-height28{
	padding-top:35px;
}
.chemicaltopix-auto{
	border: 1px #420000 solid;
	padding: 20px
}
.font-size13add{
	font-size:13px
}
@media screen and (max-width:640px){
.font-size13add{
	font-size:10px
}
.kotei-tubnav2 .tab-content .box-nav a{
	padding-top:0;
	margin-bottom:0
}
.kotei-tubnav2 .tab-content .box-nav .label-height28{
	padding-top:0;
}
.kotei-tubnav2 .tab-content .box-nav a:hover{
	background-color:#eaeaea;
	transition-property: all;
	transition: 0.2s linear;
}
.kotei-tubnav2 .tab-content .box-nav a{
	width:50%;
	border-right:0;
	font-size:16px
}
/*.kotei-tubnav2 .tab-content .box-nav a br{
	display:none
}*/
/*吐き出し内容*/
.chemicaltopix-auto{
	border: 1px #420000 solid;
	padding: 20px 15px
}
.chemicaltopix .chemicaltopix-auto .migi{
	width:100%
}
.chemicaltopix .chemicaltopix-auto .text-r{
	 text-align: center
}
.chemicaltopix .chemicaltopix-auto .date-btn{
	 font-size:13px
}
}
/*ドロップダウンメニューナシＶＥＲ(品質管理サービスについて)*/
.kotei-tubnav2 .tab-content .nav-quarity_management a{
    width: 20%;
}
@media screen and (max-width:768px){
.kotei-tubnav2 .tab-content .nav-quarity_management a{
   font-size: 15px;
}
}
@media screen and (max-width:750px){
.kotei-tubnav2 .tab-content .nav-quarity_management a{
    width: 50%;
}
.kotei-tubnav2 .tab-content .nav-quarity_management{
    border: 1px solid #7b6605;
	margin-bottom:30px
}
.chemical_management .kotei-tubnav2 .tab-content .nav-quarity_management a{
    padding: 2%;
    border: 1px solid #7b6605;
}
}
/*下に出るタブ部分設定*/
.kotei-tubnav2 .tab-box {
	padding: 6% 0;
	box-sizing: border-box;
}
/*監査代行（図有りver）*/
.content-box2 .audit-pict-h3{
	background-color:#029845;
	color:white;
	padding:5px 0;
	border-left: solid #029845 6px;	
}
/*============================================固定ページ(海外進出支援について)*/
/*ナビゲーション(海外進出と匠の翻訳)*/
#box-nav50{
	width:50%;
	height:40px
}
@media screen and (max-width:640px){
#box-nav50{
	width:100%;
	height:auto;
	width: 100%;
    height: auto;
    padding: 2%;
    border: 1px solid #7b6605;
}
}
@media screen and (max-width:750px){
#box-nav50{
	border: none;
    border-left: solid 1px #7b6605;
}
}
@media screen and (max-width:750px){
#box-nav50:last-child{
    border-right: solid 1px #7b6605;
}
}




/*トップ画像*/
.oversea .top-img{
	background-image: url(img/koteiimg-oversea2.jpg);
	background-size:cover
}
/*テーブル*/
.table,.oversea table{
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    width:100%
}
.oversea th{
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    background-color: #eaeaea;
}
.oversea td{
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
    background-color: white;
}
@media screen and (max-width:640px){
.oversea th,.oversea td,.oversea th a,.oversea td a{
	font-size:11px;
    padding: 5px;
}
.oversea .font-normal .font-size,.oversea .font-normal .font-size,.oversea th .font-normal .font-red,.oversea td .font-normal .font-red{
	font-size:18px;
    padding: 5px;
}
}
.oversea .haikei-gray{
	background-color:#eaeaea
}
/*画像*/
.hidari-oversea{
	width:50%
}
.migi-oversea{
	width:45%
}
/*料金*/
.hidari-oversea2{
	width:60%
}
.migi-oversea2{
	width:40%
}
@media screen and (max-width:640px){
.hidari-oversea,.migi-oversea{
	width:100%;
	float:none
}
.hidari-oversea2,.migi-oversea2{
	width:100%;
	float:none
}
/*海外事業支援、匠の技術通訳・翻訳フォーム*/
.info-oversea tr,.info-oversea td,.info-oversea th{
	border:0px solid white
}
}
/*============================================固定ページ(品質管理サービスについて)*/
/*トップ画像*/
.quarity-management .top-img{
	background-image: url(img/koteiimg-chemicalManagement2.jpg);
background-size:cover
}
/*品質管理サービス*/
.quarity-management table{
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
}
.quarity-management th{
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    background-color: #eaeaea;
}
.quarity-management td{
    padding: 10px;
    vertical-align: top;
}
@media screen and (max-width:640px){
.quarity-management th,.quarity-management td{
	font-size:10px;
	padding:1%
}
.quarity-management .info th,.quarity-management .info td,.quarity-management .info p{
	font-size:18px;
}
}
/*============================================化学物質リスクアセスメントの義務化*/
.content-box2 .asessment-pict-h3 {
    background-color: #0085cf;
    color: white;
    padding: 5px 0;
    border-left: solid #0085cf 6px;
	margin-bottom:17px
}
/*============================================５s*/
.goesu-pict-h3 {
    background-color: #138937;
    color: white;
    padding: 5px 0;
	margin-bottom:17px
}
/*
.haikei-5S{
    background-color:#f6ffdc
}
*/
/*============================================労働安全*/
.quarity-management .content-box2 .safety-policy-pict-h3{
    background-color: #177e30;
    color: white;
    padding: 5px 0;
    border-left: solid #177e30 6px;
	margin-bottom:17px
}
/*
.safety-policy-haikei{
    background-color:#fffbb9
}
*/
.safety-policy-haikei li{
	width:49.6%;
	display:inline-block;
	vertical-align: top;
}
@media screen and (max-width:640px){
.safety-policy-haikei li{
	width:100%;
	display:block;
	margin-bottom: 5px
}
}
/*============================================工程改善*/
.process-improvement .process-improvement-pict-h3 {
    background-color: #f48338;
    color: white;
    padding: 5px 0;
    border-left: solid #f48338 6px;
	margin-bottom:17px
}
/*
.process-improvement .haikei-improvement{
	background-color:#ffecc4
}
*/
/*============================================FMEA導入*/
.fmea .fmea-h3{
    background-color:#0068b7;
    color: white;
    padding: 5px 0;
    border-left: solid #0068b7 6px;
	margin-bottom:17px
}
/*
.fmea .haikei-fmea{
    background-color:#e7f7ff
}
*/
.fmea .info tr {
    border: none;
}
/*============================================QSD導入*/
.qsd .qsd-h3{
    background-color:#941c1c;
    color: white;
    padding: 5px 0;
    border-left: solid #941c1c 6px;
	margin-bottom:17px
}
.qsd .haikei-qsd{
    background-color:#ffe9ec 
}
/*============================================ISO 9001*/
.iso .iso-h3{
    background-color:#7a85d6;
    color: white;
    padding: 5px 0;
    border-left: solid #7a85d6 6px;
	margin-bottom:17px
}
.iso .haikei-iso{
    background-color:#dde1ff
}
.iso table td{
	background-color:white;
}
.iso .border-on td{
border: 1px solid #ccc;
}
@media screen and (max-width:640px){
.iso table th,.iso table td p,.iso table .mov-size{
 	font-size:10px
}
}
/*============================================海外進出支援*/
/*
.haikei-oversea{
	background-color:#ccebf6;
}
*/
.content-box2 .oversea-h3{
    background-color: #41719d;
    color: white;
    padding: 5px 0;
    border-left: solid #41719d 6px;
    margin-bottom: 17px;
}
.oversea .border-no td{
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
/*============================================匠の翻訳・通訳*/
/*
.haikei-translate{
    background-color:#fff8e7;
}
*/
.content-box2 .translate-h3 {
    background-color: #b50212;
    color: white;
    padding: 5px 0;
    border-left: solid #b50212 6px;
    margin-bottom: 17px;
}
.translate ul{
    list-style-type:none
}
.translate li{
    display:inline-block;
    width:29.9%;
    margin-right: 4.5%;
}
.hidari-translate{
    width:70%
}
.migi-translate{
    width:30%
}
/*下のお申し込みの流れチャート*/
.translate .translate-info{
    display:inline-block;
    width:14%;
    margin-right:0;
}
.translate .translate-yazirushi{
    display:inline-block;
    width:2%;
    margin-right:0;
}
.translate-topcommentb h2{
     border-left:0;
    padding-left:0;
	font-size: 1.4em;
}
.translate-topimg{
    position: relative;	
}
.translate-topcommentb{
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
	padding:0 3%
}
/*下のお申し込みフォームの線打消し*/
.translate .border-no td{
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
@media screen and (max-width:640px){
.translate-topimg{
    position: static
}
.translate-topcommentb{
    position: static;
	font-size: 13px;
    padding: 3% 0;
}
.translate .translate-yazirushi{
    display:none
}
.translate .translate-info{
    width:32%;
}
.translate .tab{
    margin:0 auto;
}
.translate li{
    display:block;
    width:100%;
    margin-right:0;
}
.hidari-translate{
    width:100%;
	float:none;
}
.migi-translate{
    width:100%;
	float:none;
	text-align:center;
	margin-bottom:17px
}
}
/*===========================================求む！専門家*/
.specialistRecruitment-h3 {
    background-color: #412d2d;
    color: white;
    padding: 5px 0 5px 4px;
    margin-bottom: 30px;
}
/*
.haikei-specialist-recruitment{
	background-image: url(img/stripe-red.gif);
}
*/
/*囲み枠*/
.specialist-recruitment .border-blue{
	border:1px #0068b7 solid;
	width:47%;
	background-color:white;
}
 .border-blue .mozi{
	padding: 25px;
}
.specialist-recruitment .border-green{
	border:1px #32b16c solid;
	width:47%;
	background-color:white
}
 .border-green .mozi{
	padding: 25px;
}
.specialist-recruitment .border-gray {
	border: 1px #515151 solid;
	padding:25px;
	width: 25%;
	background-color:white
}
/*囲み枠内ボタン*/
.specialist-recruitment .btn-moreBlue{
	background-color:#0068b7
}
.specialist-recruitment .btn-moreGreen{
	background-color:#32b16c
}
.specialist-recruitment .btn-moreGray{
	background-color:#412d2d
}




.specialist-recruitment .numberBlue{
background-color: #0068b7;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
}
.specialist-recruitment .numberGreen{
background-color: #32b16c;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
}
.specialist-recruitment .numberOrange{
	background-color:#ff7844;
	padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
}
.specialist-recruitment .numberYellow{
	background-color:#ffd401;
	padding: 0% 1%;
    text-align: center;
    color: white;
    font-size: 0.9em;
}


@media screen and (max-width:640px){
.specialist-recruitment .border-blue,.specialist-recruitment .border-green{
	float:none;
	width:99%
}
.specialist-recruitment .border-blue{
	margin-bottom:17px
}
.specialist-recruitment .border-gray{
	width:80%;
	float:none;
	margin-bottom:17px
}
}
/*============================================特殊技能（溶接・機械加工・表面処理）*/
/*
.haikei-expertise{
	background-color:#c6f0fa
}
*/
.content-box2 .expertise-h3 {
    background-color:#ff9100;
    color: white;
    padding: 5px 0;
    border-left: solid #ff9100 6px;
    margin-bottom: 17px;
}
/*サービスメニュー部分*/
.haikei-expertise li{
    display: inline-block;
    width: 40%;
}
/*コンサルティング部分*/
.haikei-expertise .hidari{
	width:57%
}
.haikei-expertise .migi{
	width:43%
}
/*青背景文字*/
.haikei-expertise .expertise-mozi1{
	background-color:#0076fb;
	width:30%;
	border-left: solid #0076fb 6px;
	text-align:center
}
@media screen and (max-width:640px){
.haikei-expertise .hidari{
	width:100%;
	float:none
}
.haikei-expertise .migi{
	width:100%;
	float:none
}
.haikei-expertise li{
    display: inline-block;
    width: 49%;
    margin-left: 0;
}
.haikei-expertise .expertise-mozi1{
	width:43%;
}
}
/*============================================製品試作サービス*/
/*
.haikei-trialProduct{
	background-image:url(img/linedpaper.png);
}
*/
.content-box2 .trialProduct-h3 {
    background-color: #003399;
    color: white;
    padding: 5px 0;
    border-left: solid #003399 6px;
    margin-bottom: 17px;
}
.haikei-trialProduct ul{
    list-style-type:none
}
.haikei-trialProduct .point-img{
    display:inline-block;
    width:30.5%;
    margin-right: 3.5%;
	vertical-align: top;
}
/*合理的な作成方法*/
.haikei-trialProduct .sumple-method{ 
    display: inline-block;
    width: 25%;
    margin-right: 5%;
}
/*目的にあった制作物*/
.haikei-trialProduct .sumple-img{ 
    display: inline-block;
}
@media screen and (max-width:640px){
.haikei-trialProduct .point-img{
    display:block;
    width:100%;
    margin:0 auto;
}
/*合理的な作成方法*/
.haikei-trialProduct .sumple-method{ 
	display: inline-block;
	width: 100%;
	margin-right:0;
	margin-top:5px;
	margin-bottom:5px
}
/*目的にあった制作物*/
.haikei-trialProduct .sumple-img{ 
    display: block;
}
.haikei-trialProduct .wid-28,.haikei-trialProduct .wid-40{ 
    width:100%;
	margin-bottom:8px
}
}
/*============================================エンマについて*/
.ennma .chemical_management .top-img{
	background-image: url(img/koteiimg-ennma.jpg);
	background-size:cover;
}
/*
.haikei-ennma{
    background-color:#d8f3ff;
}
*/
.ennma-h3{
    background-color: #52accc;
    color: white;
    padding: 5px 0;
    border-left: solid #52accc 6px;
    margin-bottom: 17px;
}
.ennma-photo{
	background-image: url(img/img-enma.jpg);
	background-size: cover;
}
.haikei-ennma .border-not td{
	border-right:none;
	border-left:none;
}
@media screen and (max-width:640px){
.ennma .info tr,.ennma .info td,.ennma .info th{
	border:0px solid white
}
.ennma .info .wid-45{
	    border-top: 1px #ccc solid;
}
}
/*============================================化学物質用語集*/
/*トップ画像*/
.words .top-img{
	background-image: url(img/koteiimg-dictionary2.jpg);
	background-size:cover;
}
/*あ～記号まで*/
.kotei-tubnav2 .tab-content .words-nav{
	padding-bottom:17px
}
.kotei-tubnav2 .tab-content .words-nav a{
	width:7.6%
}
/*各ページのページ内リンク*/
.words .words-nav-selfpage a{
	padding:0 1%;
	color: #420000;
}
.words .btm-box{
	margin-bottom:40px
}
.words .haikei-gray{
	background-color:#eaeaea;
	padding:1%
}
.words .border-red{
	border:1px #420000 solid;
	padding: 45px 35px 45px 35px;
}
.words .border-gold{
	border:1px #7b6605 solid;
	padding: 45px 35px 45px 35px;
}
@media screen and (max-width:640px){
.words .words-nav-selfpage{
	display:none
}
.kotei-tubnav2 .tab-content .words-nav a{
	width:16%
}
.words .border-red,.words .border-gold{
	padding: 20px;
}
.words .btm-box{
	margin-bottom:20px
}
}
/*============================================西美緒技術研究所*/
.nishi-laboratory .top-img{
	background-image: url(img/koteiimg-nishi.jpg);
	background-size: cover;
}
.nishi-laboratory .migi{
	width:17%;
	padding-left:3%;
	padding-top:1.5%
}
.nishi-laboratory .hidari{
	width:80%
}
.nishi-laboratory h1{
	color:white
}
.kotei-tubnav2 .tab-content .nishiken-nav a{
	width:20%
}
.kotei-tubnav2 .tab-content .nishiken-nav #mov-26 br{
 display:none
}
@media screen and (max-width:640px){
.kotei-tubnav2 .tab-content .nishiken-nav{
    border: 1px solid #7b6605;
}
.kotei-tubnav2 .tab-content .nishiken-nav a{
padding: 2% 4%;
    border: 1px solid #7b6605;
    width: 50%;
}
.kotei-tubnav2 .tab-content .nishiken-nav .label-height28{
    padding-top: 5px;
}
.kotei-tubnav2 .tab-content .nishiken-nav #mov-26 br{
 display:block
}
.nishi-laboratory .hidari{
	width:100%;
	float:none
}
.nishi-laboratory .migi{
	width:100%;
	float:none;
	text-align:center;
	padding-left:0;
}
.nishi-laboratory h1{
	color:#515151
}
.nishi-laboratory .wid-70{
	width:100%
}
}
/*西研コラム自動掃出し設定*/
.kotei-tubnav-nishi .tab-box {
    padding: 6% 0 0;
    box-sizing: border-box;
}
/*============================================セミナー系*/
.seminar-nav{
	width:100%
}
.seminar-nav a{
	width:20%
}
/*============================================投稿ページ(ニュース＆トピックス・事例紹介・小冊子贈呈・化学物質管理サービストピックス)*/
/*小冊子贈呈アーカイブページ　タイトル部分のトップ画像*/
.category-books .top-img{
	background-image: url(img/koteiimg-books.jpg);
background-size:cover
}
.category-books .box-category-books{
    /*border: 1px #420000 solid;*/
    padding: 45px 35px 45px 35px;
}
.category-books .box-category-books .gazou{
    width: 25%;
    display: inline-block;
}
.category-books .box-category-books .midashi{
	width:74%;
	display: inline-block
} 
.category-books .box-category-books .download-btm{
	border:1.3px #420000 solid;
	padding:5px 20px;color:#420000
}
@media screen and (max-width:640px){
.category-books .box-category-books{
    padding:20px;
}
.category-books .box-category-books .gazou{
    width: 100%;
    display: block;
	text-align: center;
}
.category-books .box-category-books .midashi{
    width: 100%;
    display: block;
	padding-top:17px
}
.category-books .box-category-books .download-btm{
font-size:13px
}
.category-books .box-category-books .btm-30 p{
font-size:15px
}
.category-books .box-category-books .text-r{
	text-align:center
}
}
/*ニュース＆トピックスアーカイブページ　タイトル部分のトップ画像*/
.news .top-img{
	background-image: url(img/koteiimg-news2.jpg);
background-size:cover
}
/*ニュース＆トピッスの記事設定*/
.news-worksbox{
    border-top: 1px #420000 solid;
    padding: 45px 0px;
}
@media screen and (max-width:640px){
.news-worksbox{
    padding: 20px 0px;
}
}
/*============================================化学物質管理サービストピックス*/
.chemicaltopix .hidari{
	width:8%
}
.chemicaltopix .migi{
	width:90%
}
.chemicaltopix .kotei-tubnav2 .tab-box{
	padding: 6% 0 0;
}
.chemicaltopix .date-btn:hover{
	color:#7b6605;
	background-color:#eaeaea;
	text-decoration:none
}
@media screen and (max-width:640px){
.chemicaltopix .hidari{
	width: 100%;
    text-align: center;
    padding-bottom: 17px;
}
.chemicaltopix .date-btm{
	font-size:13px
}
}
/*============================================事例紹介*/
/*======================一覧ページ*/
/*タイトル部分のトップ画像*/
.works .top-img{
	background-image: url(img/koteiimg-event.jpg);
background-size:cover
}
/*カテゴリー(カスタムフィールドで選択すると背景色変わる)*/
/*セミナー*/
.works-box .category-seminar{
	background-color:#7f112a;
    padding: 0% 1%;
    text-align: center;
    color: white;
    font-size:0.8em;
	float:left;
	width:110px;
	margin-left:5px
}
/*事例紹介内子カテゴリ(右に固定)*/
.ko-kategory{
    position: fixed;
    z-index: 1;
    top: 120px;
    right: 20px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration: none;
    font-size: 17px;
	font-weight:bold;
	background-color: white;
    padding:1%;
    box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -webkit-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -moz-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
	color:#AFA160;
	list-style-type:none
}
.ko-kategory li a,.ko-kategory li .cat-item{
	font-size:14px;
	margin-bottom:2%;
	font-weight:normal;
	color:#515151
}
.categories:before {
content:"事例紹介 "
}
@media screen and (max-width:640px){
	.ko-kategory{
	display:none
}
}
/*研修*/
.works-box .category-training{
	background-color:#1E7054;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*コンサルティング*/
.works-box .category-consulting{
	background-color:#486a00;
    padding: 0% 1%;
	float:left;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*講演会*/
.works-box .category-lecture{
	background-color:#cc9f37;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*その他*/
.works-box .category-other{
	background-color:#834e00;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*お知らせ*/
.works-box .category-info{
	background-color:#c6676b;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*開催予定*/
.works-box .category-kaisaiyotei{
	background-color:#1baace;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*開催中*/
.works-box .category-kaisaityuu{
	background-color:#ce6b1b;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*締切*/
.works-box .category-simekiri{
	background-color:#696969;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*募集中*/
.works-box .category-bosyuu{
	background-color:#e4bd06;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*レポート*/
.works-box .category-report{
	background-color:#004986;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*講習会*/
.works-box .category-kousyuu{
	background-color:#15aa8c;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*指導会*/
.works-box .category-sidou{
	background-color:#7ab51e;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
/*サービス開始*/
.works-box .category-service{
	background-color:#ff8400;
    padding: 0% 1%;
	float:left;
	width:110px;
	margin-left:5px;
    text-align: center;
    color: white;
    font-size:0.8em
}
#works-h3{
    border-left: solid 0px;
    padding-left:0;
}
.works-box .hidari{
	width:20%
}
.works-box .migi{
	width:75%
}
.works-box .works-box-innner{
	border-top: 1px #420000 solid;
	padding: 45px 0px
}
.works-box .works-box-innner .mozi{
	color:#292929;
	font-weight:bold;
	font-size:1.2em
}
@media screen and (max-width:640px){
.works-box .hidari{
	width:100%;
	float:none
}
.works-box .migi{
	width:100%;
	float:none
}
.works-box .works-box-innner{
	padding: 10px 0px
}
.works-box .works-box-innner .mozi{
	color:#515151;
	font-weight:normal;
	font-size:18px
}
.works-box .works-box-innner .btm-10{
	margin-top:10px
}
.works-box .works-box-innner .hiduke{
	font-size:14px
}
}
/*======================固定ページ*/
/*カテゴリー(カスタムフィールドで選択すると背景色変わる)*/
/*セミナー*/
.works-article .category-seminar{
	background-color:#7f112a;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align: center;
    color: white;
    font-size:0.9em;
}
/*研修*/
.works-article .category-training{
	background-color:#1E7054;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align: center;
    color: white;
    font-size:0.9em;
}
/*コンサルティング*/
.works-article .category-consulting{
	background-color:#486a00;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align: center;
    color: white;
    font-size:0.9em;
}
/*講演会*/
.works-article .category-lecture{
	background-color:#cc9f37;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*その他*/
.works-article .category-other{
	background-color:#834e00;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*お知らせ*/
.works-article .category-info{
	background-color:#c6676b;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*開催予定*/
.works-article .category-kaisaiyotei{
	background-color:#1baace;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*開催中*/
.works-article .category-kaisaityuu{
	background-color:#ce6b1b;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*締切*/
.works-article .category-simekiri{
	background-color:#696969;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*募集中*/
.works-article .category-bosyuu{
	background-color:#e4bd06;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*レポート*/
.works-article .category-report{
	background-color:#004986;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*講習会*/
.works-article .category-kousyuu{
	background-color:#15aa8c;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*指導会*/
.works-article .category-sidou{
	background-color:#7ab51e;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*サービス開始*/
.works-article .category-service{
	background-color:#ff8400;
    width: 46%;
	margin-right: 5px;
	float: left;
    text-align:center;
    color: white;
    font-size:0.9em;
}
/*--------------------------------
投稿記事に次へを出す
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:20px 25px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
margin-top:15px
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
text-align:center;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
text-align:center;	
}
/*============================================固定ページ(イベント＆セミナー)*/
/*ナビゲーション(イベント＆セミナー)*/
.event＆seminar .top-img{
	background-image: url(img/koteiimg-event.jpg);
	background-size:cover
}
#box-nav33{
	width:32%
}
#box-nav33-center{
	width:36%
}
.chem-sherpa #box-nav20{
    width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.seminer-beginner-nav #box-nav20{
    width: 25%;
}
.chem-sherpa #box-nav20:hover{
	background-color:#baccf2
}
@media screen and (max-width:640px){
.chem-sherpa #box-nav20{
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 5px;
    border: 0px solid #7b6605;
}
}
.seminer-menu{
width: 24.5%;
    float: left;
    background-color: aliceblue;
	margin-right: 0.5%;
	height: 250px;
}
@media screen and (max-width:640px){
.seminer-menu{
	height:auto
}
}
.seminer-menu h3{
	border-left: solid #420000 0px;
	text-align:center;
    margin-bottom: 10px;
	padding:2% 1% 0;
}
.seminer-menu p{
	font-size:15px;
    padding: 1%;
}
/*メニュー１*/
.seminer-menu1{
	background-color:#dce6f2
}
.seminer-menu1 h3{
	background-color:#c5c6e4
}
/*メニュー２*/
.seminer-menu2{
	background-color:#f2ffd3
}
.seminer-menu2 h3{
	background-color:#d7efbb
}
/*メニュー３*/
.seminer-menu3{
	background-color:#ffe2ef
}
.seminer-menu3 h3{
	background-color:#fac8de
}
/*メニュー４*/
.seminer-menu4{
	background-color:#fffce1
}
.seminer-menu4 h3{
	background-color:#fdeac0
}
@media screen and (max-width:640px){
.seminer-menu{
	width:100%;
	float:none;
	margin-left:0
}
.seminer-menu p{
font-size:auto
}
}
/*============================================製品含有化学物質管理の実践 初級者向け*/
.seminer-beginner .seminer-beginner-h3{
    background-color: #679a01;
    color: white;
    padding: 5px 0;
    border-left: solid #679a01 6px;
    margin-bottom: 17px;
}
/*
.haikei-seminer-beginner{
    background-color: #e9ffbc;
}
*/
.seminer-beginner-nav #box-nav20:hover{
	background-color:#bdd490
}
/*============================================製品含有化学物質管理 情報伝達の実践 実務者向け*/
.seminer-beginner .seminer-expert-h3{
    background-color: #1a1b77;
    color: white;
    padding: 5px 0;
    border-left: solid #1a1b77 6px;
    margin-bottom: 17px;
}
/*
.haikei-seminer-expert{
    background-color: #e8e8ff;
}
*/
.seminer-expert-nav #box-nav20:hover{
	background-color:#ceceff
}
/*プログラムの高さを合わせる処理*/
.seminer-expert-box{
	display:inline-block;
    width:48%;
}
.seminer-expert-box p{
	letter-spacing:0.1em
}
.seminer-expert-ul{
	display:table;
	width:100%;
	margin:0;
	padding:0
}
.seminer-expert-box{
	display:table-cell;
    width:48%;
	list-style:none;
}
/*プログラムの背景*/
.haikei2-seminer-expert{
	background-image: url(img/img-seminer-expert.jpg);
	padding:2%;
	margin-bottom:17px;
background-size:cover;
}
@media screen and (max-width:640px){
.haikei2-seminer-expert{
	background-image:none;
	background-color:white
}
.seminer-expert-box {
    display: table;
    width: 100%
    }
.haikei-seminer-expert .wid-33{
    width: 33%;
    display: table-cell;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
}
/*============================================化学物質リスクアセスメントの義務化セミナー*/
.assessment .seminer-assessment-h3{
    background-color:#0e5fcd;
    color: white;
    padding: 5px 0;
    border-left: solid #0e5fcd 6px;
    margin-bottom: 17px;
}
/*
.haikei-seminer-assessment{
    background-color: #e3f3ff;
}
*/
.haikei-seminer-assessment .gold-square{
	background-color:#679a35
}
.seminer-assessment-nav #box-nav20{
	width:20%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.seminer-assessment-nav #box-nav20:hover{
	background-color:#b0cdf6
}
.assessment-back-zu{
	background-image: url(img/seminer-06-zu.jpg);
	background-size:cover;
}
@media screen and (max-width:640px){
.seminer-assessment-nav #box-nav20{
	width:100%;
	padding-top: 0; 
    padding-bottom:0;
}
.assessment-back-zu{
	background-image: none;
	background-color:white
}
.haikei-seminer-assessment .line-h2{
    line-height: 1.5;
}
}
/*============================================サービス会員入会案内(製品有化学物質管理、化学品のリスク管理)*/
/*トップ画像*/
.menber-regist .top-img{
	background-image: url(img/koteiimg-menberregist2.jpg);
	background-size:cover
}
/*背景の図*/
.menber-regist .back-zu{
	background-image: url(img/menber-regist1.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}
.menber-regist .back-zu2{
	background-image: url(img/menber-regist2.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}
/*化学品のリスク管理*/
.menber-regist .back-zu3{
	background-image: url(img/menber-regist1-reg2.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}
/*下のお申し込みの流れチャート*/
.menber-regist .regist-info{
    display:inline-block;
    width:31.2%;
    margin-right:0;
}
.menber-regist .regist-yazirushi{
    display:inline-block;
    width:2%;
    margin-right:0;
}
/*サービス会員入会案内お申し込みフォーム*/
.menber-regist .info tr{
	width:80%;
	margin:0 auto
}
.menber-regist .info .wid-45{
	width:auto
}
/*
.info{
	padding-bottom:1%
}
*/
@media screen and (max-width:640px){
.menber-regist .info .wid-45{
	width:100%
}
.info .wid-45{
	padding-top: 15px;
	border-top: 1px #ccc solid;
}
.info .wid-55{
	padding-bottom: 15px;
}
.menber-regist .back-zu,.menber-regist .back-zu2,.menber-regist .back-zu3{
	background-image:none;
}
.menber-regist .line-h2{
	    line-height: 1.5
}
.menber-regist .regist-yazirushi{
    display:none
}
.menber-regist .info tr{
	width:100%
}
}
/*============================================無料お見積り３こ*/
/*ナビボタン*/
#box-nav30{
	width:33%;
	height:40px
}
@media screen and (max-width:640px){
#box-nav30{
	width:100%;
	height:auto;
	border: 1px solid #7b6605;
    padding: 2%;
}
#box-nav30 .select{
background-color: #420000;
    color: white;
    padding: 2%;
}
.rist-s{
	font-size:11px;
}
}

/*トップ画像*/
.activities .top-img{
	background-image: url(img/koteiimg-menber-regist2.jpg);
	background-image: url(img/koteiimg-senmon.png);
	background-size:cover;
}
/*会社概要*/
.company .content-box{
	width:95%;
	margin:0 auto;
}
.company .access li{
	display:inline-block;
	width:32.3%
}
@media screen and (max-width:750px){
.company .access li{
	width: 95%;
    margin: 0 auto;
    margin-left: 20px;
	margin-bottom: 15px;
}
}
@media screen and (max-width:750px){
.company .access li:last-child{
	width: 90%;
}
}

/*会社概要(テーブル左部分)*/
.company .haikei-gray{
	background-color:#eaeaea
}
/*会社概要(オフィス紹介)*/
.company .border-red{
    border: 1px #420000 solid;
    padding: 45px 70px;
}
.company .border-red .hidari{
	width:70%
}
.company .border-red .migi{
	width:30%
}
/*会社概要(写真3枚)*/
.company .hidari-minibox{
	padding-right: 10px;
    width: 30%;
}
/*会社概要(アクセス地図)*/
.company .border-red .hidari2{
	width:40%
}
.company .border-red .migi2{
	width:60%
}
@media screen and (max-width:640px){
.company .border-red{
    padding:5%
}
.company .border-red .hidari{
	width:100%;
	float:none
}
.company .border-red .hidari2{
	width:100%;
	float:none
}
.company .border-red .migi,.company .border-red .migi2{
	width:100%;
	float:none;
	text-align: center;
    padding-top: 10px;
}
}
/*法人＆個人のお客様向けサービス　詳細ボタン部分*/
.activities .content-box{
	position: relative;
}
@media screen and (max-width:750px){
.activities .content-box{
	/*width: 95%;*/
}
}
.activities .hidari .btn-info a{
	 width:60%;
	 position: absolute;
	 bottom: 0;
    padding: 10px 5px;
}
/*法人＆個人のお客様向けサービス　写真部分*/
.activities .hidari{
	width:61.5%
}
.activities .migi{
	width:35%
}
.activities .font-red{
	color:#DF0101
}
/*個人のお客様向けサービス*/
.ratio li {
	display: inline-block;
	width:49%;
	vertical-align: top;
	margin-right: 2%;
}
.ratio li:last-child {
	margin-right: 0;
}
.activities .hidari .ratio li .btn-info a {
    width: 100%;
    position: static;
    bottom: 0;
    padding: 10px 5px;
	font-size: 1rem;
}
@media screen and (max-width:640px){
.activities .hidari{
	width:100%;
	float:none;
	padding: 0;
}
.activities .migi{
	width:100%;
	float:none;
	margin-bottom:40px
}
.activities .hidari .btn-info a{
	 width:100%;
	position: static;
}
.activities .content-box .mov-height2{
	margin-bottom:30px
}
.ratio li {
	display: block;
	width:100%;
	vertical-align: top;
	margin: 0 0 15px 0;
}
.ratio li:last-child {
	margin: 0;
}
}
/*企業顧問サービス*/
.corporate-counsel .hidari{
	width: 55%;
}
.corporate-counsel .migi{
	width:45%;
}
.corporate-counsel .hidari2{
    width: 46%;
    margin-right: 5%;
    background-color: #fff6e4;
    padding: 2%;
}
.corporate-counsel .hidari2 h3{
	border-left: none;
    background-color: #e2982d;
    padding: 1% 2%;
    text-align: center;
    color: white;
}
.corporate-counsel .migi2{
	width: 41%;
    background-color:#eaf8ff;
    padding: 2%;
}
.corporate-counsel .migi2 h3{
	border-left: none;
    background-color: #179fe0;
    padding: 1% 2%;
    text-align: center;
    color: white;
}
@media screen and (max-width:640px){
.corporate-counsel .hidari,.corporate-counsel .migi{
   width: 95%;
    margin: 0 auto;
	float:none
}
.corporate-counsel .hidari2,.corporate-counsel .migi2{
   width: 95%;
    margin: 0 auto
}
.corporate-counsel .hidari2{
	margin-bottom:17px
}
}
/*企業顧問サービス(申し込みの流れ)*/
.corporate-counsel .counsel-nagare{
    display: inline-block;
    width: 18.3%;
}
.counsel-yazirushi{
    display: inline-block;
    width: 1%;
    margin-right: 0;
}
@media screen and (max-width:640px){
.counsel-yazirushi{
    display:none;
}
}
/*企業顧問サービス(背景図)*/
.corporate-counsel .back-zu{
	background-image: url(img/corporate-counsel1.jpg);
	background-repeat:no-repeat;
	background-position: 100% 100%;
}
@media screen and (max-width:640px){
.corporate-counsel .back-zu{
	background-image:none
}
}
/*TAKUMI（ 匠 ）ネット*/
.takumi .hidari{
	width:40%
}
.takumi .migi{
	width:57%
}
@media screen and (max-width:640px){
.takumi .hidari,.takumi .migi{
	width:100%;
	float:none
}
.corporate-counsel .counsel-nagare{
    width: 32%;
    margin: 0 auto;
	padding-bottom:2%
}
}
/*専門家登録*/
.haikei-specialist-recruitment .ratio {
	margin: 25px 0 60px;
}
@media screen and (max-width:640px){
.haikei-specialist-recruitment .ratio {
	margin: 20px 0 30px;
}	
}
/*============================================環境事務局*/
/*トップ画像*/
.environmental .top-img{
	background-image: url(img/koteiimg-chemicalManagement3.jpg);
	background-size:cover;
}

/*section1*/
.environmental .section1{
	padding:3% 0%;
}


@media screen and (max-width:750px){
.environmental .section1 .content{
	width:95%;
	margin:0 auto;
}
}



/*一覧*/
.environmental .section2 .content .fro1{
	width: 40%;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro1{
	width: 95%;
    margin: 0 auto;
	float: none;
}
}

.environmental .section2 .content .fro2{
	width: 55%;
	margin-left:5%;
	height: 370px;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro2{
	width: 95%;
    margin: 0 auto;
	float: none;
	height: auto;
	margin-top: 20px;
}
}



.environmental .section2 .inner2 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner2 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner3 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner3 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner4 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner4 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner5 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner5 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner6 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner6 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner7 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner7 .content .fro2{
	height: auto;
}
}


.environmental .section2 .inner8 .content .fro2{
	height: 325px;
}
@media screen and (max-width:750px){
.environmental .section2 .inner8 .content .fro2{
	height: auto;
}
}








.environmental .section2 .content .fro ul{
	float: left;
	width: 45%;
	height: 100%;
	border-left: solid 2px #bdbdbd;
    padding-left: 20px;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro ul{
	border-left: solid 2px #bdbdbd;
    padding-left: 20px;
    float: none;
    width: 100%;
    border: navajowhite;
    height: auto;
    padding: 0;
}
}


.environmental .section2 .content .fro ul:last-child{
	margin-left:5%;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro ul:last-child{
	margin: 0;
}
}


.environmental .section2 .content .fro ul li p{
	line-height: 20px;
	margin-top:10px;    
	background-color: #929292;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.environmental .section2 .content .fro ul li a{
	line-height: 25px;
	margin-left:10px;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro ul li a{
    font-size: 15px;
}
}


/*監査の外部リンク画像修正*/
.environmental .section2 .inner5 ul li a{
	position:relative;
}
.environmental .section2 .inner5 ul li a img{
	position:absolute;
	top: 5px;
    left: 115px;
}



.environmental .section2 .content .fro ul li a:before{
	border: 0.5em solid transparent;
    border-left-color: #265c3c;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.environmental .section2 .content .fro ul li{
    line-height: 25px;
    margin-bottom: 25px;
}
@media screen and (max-width:750px){
.environmental .section2 .content .fro ul li{
   margin-bottom: 20px;
}
}




/*監査の外部リンク画像*/
.environmental .section2 .inner4 .content .fro2 ul li a{
    position:relative;
}
.environmental .section2 .inner4 .content .fro2 ul li a img{
    position:absolute;
	top: 3px;
    left: 115px;
}



.environmental .section2 .content .fro ul li a:hover{
	text-decoration:none;
	color:#265c3c;
	cursor : pointer;
}



.environmental .section2 .content .fro ul.border{
	border:none;
}





.environmental .section2 .content .fro .img-wrap{
	background-color: #fff;
	border: solid 1px #dcdcdc;
}
.environmental .section2 .content .fro .img-wrap p{
    padding: 10px 15px;
	color: #000;
    font-size: 20px;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
}
.environmental .section2 .content .fro .img-wrap p span{
	display: block;
    font-size: 15px;
}






/*背景色*/
.environmental .section2 .inner1,.inner3,.inner5,.inner7{
	background-color: #f6f6f6;
	padding: 3% 0%;
}
.environmental .section2 .inner2,.inner4,.inner6,.inner8{
	padding: 3% 0%;
}


/*ページ内リンク表示位置の調節*/
.environmental .section2 .anchor{
	display: block;
	padding-top:170px;
	margin-top:-170px;
}




/*EnMa*/
.content-box {
    padding-top: 20px;
}





/*============================================スライダー2*/
/*横一杯スライダー*/
#slider {
  position:relative;
  overflow: hidden;

}
#wrapper {
  background: #fff;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
#carousel li {
  float: left;
width:3000px;
	z-index:-3
}
#carousel .carousel-img{
	height:300px;max-width:100%
}
#prev, #next {
  background-color: #fff;
  opacity:0.7;
  filter: alpha(opacity=70);/* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";/* ie 8 */
  zoom:1;
  display: block;
  height: 300px;
  width: 50%;
  top: 0;
  position: absolute;
}
#prev:hover, #next:hover {
  opacity:0.4;
  filter: alpha(opacity=40);/* ie 6 7 */
  -ms-filter: "alpha(opacity=40)";/* ie 8 */
  zoom:1;
}
#prev {
  left: -500px;/* スライドする画像の横半分の値 */
  background:#fff url( ../images/arrow-left.png ) 95% center no-repeat;
}
#next {
  background:#fff url( ../images/arrow-right.png ) 5% center no-repeat;
  right: -500px;/* スライドする画像の横半分の値 */
}
#prev img {
  right:20px;
  top:120px;
  position:absolute;
}
#next img {
  left:20px;
  top:120px;
  position:absolute;
}
#pager {
  text-align:center;
  padding:10px;
}
#pager a {
 	background-color: #C4C4C4;
	display: inline-block;
	height: 11px;
	margin-left: 1%;
	width: 11px;
	border-radius: 50%;
	text-align: center;
}
#pager a:hover {
 	background-color: #C4C4C4;
}
#pager a span {
  display: none;
}
#pager a.selected {
	background-color:#747474;
}
@media screen and (max-width:640px){
#slider {
  position: relative;
  margin:15px 0 0;
  width: 100%;
}
#wrapper {
  width: 100%;
  left: 5%;
  overflow: hidden;
  height: 280px;
	margin-top:19px
}
#carousel li {
  margin: 10px 5px;
  border: none;
  display: block;
  float: left;
}
#carousel li img {
  width: 100%;
  height: auto;
}
#prev, #next {
  position: absolute;
  top: 0;
  background: center center no-repeat #ddd;
  width: 5%;
}
#prev:hover, #next:hover {
  background-color: #ccc;
}
#prev {
  background-image: url( ../images/arrow-left.png );
  left: 0;
}
#next {
  background-image: url( ../images/arrow-right.png );
  right: 0;
}
#pager {
  text-align:center;
  padding:10px;
}
#pager a {
  border: 2px solid #ccc;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
}
#pager a span {
  display: none;
}
#carousel li {
  float: left;
width:330px;
	z-index:-3
}
#carousel .carousel-img{
	height:264px;max-width:100%
}
#pager a.selected {
	background-color: rgba( 95, 10, 10, 0.9 )
}
}
/*============================================カレンダーテスト中(セミナー1に適用中「シンプルブッキングＣ」)*/
/*カレンダー内に会場を表示*/
.online .calendar-daylink:before {
content:"オンライン会場"
}
.sinnzyuku .calendar-daylink:before {
content:"新宿会場"
}
.osaka .calendar-daylink:before {
content:"大阪会場"
}
.sendai .calendar-daylink:before {
content:"仙台会場"
}
.hukuoka .calendar-daylink:before {
content:"福岡会場"
}
.nagoya .calendar-daylink:before {
content:"名古屋会場"
}
.hiroshima .calendar-daylink:before {
content:"広島会場"
}
.yokohama .calendar-daylink:before {
content:"横浜会場"
}
.shinagawa .calendar-daylink:before {
content:"品川会場"
}
/*カレンダーの枠*/
.monthly-calendar td {
	width:13%
}
/*エラー文*/
.error-box{
	max-width: 980px;
	margin:0 auto;
}

/*============================================コンタクトフォーム*/
/*必須項目*/
.hissu{
    background-color: #d42020;
    color: white;
    font-size: 0.7em;
    padding: 2px 3px;
    margin-left: 1%;
	float: right;
}
@media screen and (max-width:640px){
.hissu{
    float: left;
	margin: 0 6px 0 0;
}
}

/*テーブル幅の設定*/
.info table{
	border-collapse:collapse;
	margin:0 auto
}
/*.info tr{
	border: 1px solid #f00;
}*/
.info td{
	padding:5% 0;
	border-top: 1px #ccc solid;
}
@media screen and (max-width:640px){
.info td{
	padding:1% 0;
}
}
/*項目の設定*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
	font-size:20px;
	/*width:98%;*/
	width:85%;
	padding: 0.2em 0;
	border: 1px gray solid;
	margin-left: 20px;
}
@media screen and (max-width:750px){
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
	margin-left: 0;
}
}

/*項目の設定(セレクトボックス)*/
.wpcf7 select{
    font-size: 18px;
    border: 1px gray solid;
    width: 85%;
    padding: 0.2em 0.4em;
	margin-left: 20px;
}
/*スマホ用セレクトボックス*/
@media screen and (max-width:640px){
.info tr,.info td{
    width: 100%;
    display: inline-block;
    border-top: 0px #ccc solid;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
    width:98%;
}
.mail .wpcf7 input[type="text"],.mail .wpcf7 input[type="email"],.mail .wpcf7 input[type="tel"], .wpcf7 textarea{
    width:98%;
}
.wpcf7-form .wpcf7-acceptance{
	margin-left:10px
}
.wpcf7 select{
    padding: 0.2em 0;
	width: 100%;
	margin-left: 0;
}
}
/*項目の設定(チェックボックス)*/
.wpcf7-form .wpcf7-acceptance {
    width: 30px;
    height: 20px
}
/*項目の設定(送信ボタン)*/
.wpcf7 input[type="submit"] {
padding: 7px 26px;
    border-style: none;
    background-color: #a13e31;
    font-size: 20px;
    color: white;
	cursor:pointer
}
/*項目の設定(修正ボタン)*/
#wpcf7-modify  {
padding: 7px 26px;
    border-style: none;
    background-color: gray;
    font-size: 20px;
    color: white;
}
/*フォーム送信後の文言設定*/
.wpcf7 .wpcf7-mail-sent-ok {
    border: 2px solid #420000;
    font-size: 18px;
	padding-top:10px
    }
div.wpcf7-mail-sent-ok:after{
content:"確認メールをお送り致しましたので、ご確認ください。"
}
/*フォーム送信後項目を消す*/
form.sent table{
display:none;
}
.cf_message{ display: none; }
.wpcf7 .wpcf7-mail-sent-ok{ display: none; }
.sent .cf_message{ display: block; }
/*予約フォーム(化学物質管理セミナー実務者向け mts-simplebooking C)*/
.content-form{
	max-width: 980px;
	margin:0 auto;
	overflow: hidden;
}
.content-form td{
	font-size:15px
}
.content-form fieldset{
	    border:none
}
/*文字小さ目*/
.booking-fontsmall{
	    font-size:15px;
	    font-weight:normal;
	line-height:normal
}
.booking-fontsmall span{
	    color:red;
}
/*メガメニュー*/
#gnav > ul {
  display: table;
}
#gnav > ul > li {
  display: table-cell;
  margin-right: 2em;
}
#gnav > ul > li:hover > a {
  color:#515151;
}
#gnav > ul > li:hover .menu {
  max-height: 9999px;
  opacity: 1;
}
#gnav > ul > li > a {
  display: block;
  padding: 7px 0;
  transition: all .2s ease-in;
	height:30px
}
/*下に出る背景(元から1番下に敷いているもの)*/
.bottom-haikei{
  background-color:#620a0a;
}
/*ホバーにした時に色が付かないよう打消し(下に出る部分)*/
#gnav > ul .menu .not-hovercolor-menu:hover{
	background-color: transparent
}
/*ホバーにした時に色が付かないよう打消し(元から出ている部分)*/
.top-nav3 li .not-hovercolor-menu:hover{
	background-color: transparent
}
#gnav > ul .menu .menu_inner{
	max-width: 980px;
	margin:0 auto;
}
#gnav > ul .menu .menu_inner li {
  display: inline-block;
	/*width: 20%;*/
	width: 30%;
	text-align:center;
   /* text-align: left;*/
}
#gnav > ul .menu a {
	color: #fff;
	/* width:200px;*/
	/*text-align:left;*/
	text-align:center;
	font-size:16px;
	margin:3% 0 3%
}
/*ナビゲーション選択中！(下に出る矢印込み)*/
#gnav .nav-select{
    background-color: #AFA160;
    color: white;
}
#gnav .nav-select:hover{
    color: white;
}
.contact-form td {
	border: none;
	border-bottom: 1px solid #ccc;
}
/*============================================検索結果ページ*/
.search .top-img{
	background-image: url(img/koteiimg-seach2.jpg);
	background-size:cover;
}
.result{
	border-top: 1px #420000 solid;
    padding: 45px 0px;
}
@media screen and (max-width:640px){
.result{
    padding: 20px 0px;
}
.result a{
    color: #515151;
    font-size: 18px;
	display: block;
}
}
/*少し下に行くと上に出るボタン(スマホ用)*/
.page-top {
    position: fixed;
    z-index:600;
    bottom: 20px;
    right: 20px;
    padding: 15px 20px;
    background: #420000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
	text-decoration:none;
    font-size: 17px;
color:white;
    bottom: 85px;
    right: 5px;
}
.page-top:hover{
	text-decoration:none;
	color:white
}
@media screen and (max-width:640px){
.page-top{
	    bottom: 2%;
}
}
/*化学物質管理サービスページのみ表示、お見積り告知用ボタン(パソコン用)*/
.only-pc .mitsumori-btn1,.only-pc .mitsumori-btn2,.only-pc .mitsumori-btn3{
    position: fixed;
    z-index: 1;
    top: 100px;
    right: 20px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    font-size: 17px;
    color: white;
    width: 110px;
    text-align: center;
}
.only-pc .mitsumori-btn1{
    top: 130px;
    background: #ce0c6d;
}
.only-pc .mitsumori-btn2{
    top: 240px;
    background: #0b3c9d;
}
.only-pc .mitsumori-btn3{
    top: 375px;
    background: #029845;	
}
.only-pc .mitsumori-btn1:hover,.only-pc .mitsumori-btn2:hover,.only-pc .mitsumori-btn3:hover{
color:#AFA160
}
/*化学物質管理サービスページのみ表示、お見積り告知用ボタン(モバイル用)*/
.only-mov .mitsumori-btn1,.only-mov .mitsumori-btn2,.only-mov .mitsumori-btn3{
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    font-size: 17px;
    color: white;
    width: 100%;
    text-align: center;
}
.only-mov .mitsumori-btn1{
    background: #ce0c6d;
}
.only-mov .mitsumori-btn2{
    background: #0b3c9d;
}
.only-mov .mitsumori-btn3{
    background: #029845;	
}
.only-mov .mitsumori-btn1:hover,.only-mov .mitsumori-btn2:hover,.only-mov .mitsumori-btn3:hover{
color:#AFA160
}
.only-mov .mitsumori-btn{
	margin:2% 0;
	display:inline-block;
	padding:0.5% 0
}
/*カレンダー予約のフォーム背景*/
.koumoku-color1{
    background-color: #f5f8d7
}
.koumoku-color2{
    background-color: #e6ffff
}
.koumoku-color3{
    background-color: #ffe9e2;
	width:30%
}
.koumoku-color4{
    background-color: #ffe9e2
}
/*企業の方へ*/
.for-company .hidari{
	width:60%
}
.for-company .migi{
	width:35%
}
.content-form .spe2 select{
    font-size: 1rem;
    padding: 0.1rem 0.15rem;
    width: 95%;
}
@media screen and (max-width:640px){
.for-company .hidari,.for-company .migi{
	width:100%;
	float:none
}
.koumoku-color1,.koumoku-color2,.koumoku-color3,.koumoku-color4{
    background-color: white
}
}
/*サイトマップレイアウト*/
#sitemap_list li li {
	margin-left: 5px !important;
	margin-top: 1.3em !important;
}
#sitemap_list li .cat-item a {
	background-color: #eee ;
	text-indent: 0 ;
	display: block ;
	padding: 3px 5px 2px ;
	border: solid 1px #cacaca ;
}
#sitemap_list li li .post-item a {
	background-color: #fff ;
	border: none;
}
#sitemap_list li .cat-item a:before {
	content:"◆"
}
/*内部ページのナビゲーションボタン*/
.top-nav3 li{
	display: inline-block;
	width:138px;
	text-align:center;
	line-height:1.3;
	vertical-align: middle
}
.top-nav3 .utikeshi{
    display: inline-block;
    width:auto;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}
.top-nav3 li a{
	font-size:13.5px;
	text-decoration:none;
	color:#515151;
	display:block;
	padding:3px 0;	
	width:auto;
}
.top-nav3 .utikeshi {
    display: inline-block;
    width: auto;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
}
/*開催中セミナーアイコン*/
.kaisai-tyu{
color: white;
    background-color: #620a0a;
    font-size: 15px;
    padding: 0.5% 1%;
}
.seminar-group #box-nav33,.seminar-group #box-nav33-center{
	width: 100%;
    text-align: left;
    border-right: 0px solid #515151;
    padding-bottom: 1%;
	border-bottom: 1px solid #dcdcdc;
}
/*プロフェッショナルセミナーアイコン*/
.pro-sem{
	color: white;
    background-color:#f3931f;
    font-size: 15px;
    padding: 0.5% 1%;
	margin:0 1% 0
}
/*SGS提携セミナーアイコン*/
.sgs-sem{
	color: white;
    background-color:#00489d;
    font-size: 15px;
    padding: 0.5% 1%;
	margin:0 1% 0
}
@media screen and (max-width:640px){
.kaisai-tyu {
    font-size: 13px;
    padding: 0.2% 1%;
}
.pro-sem{
    font-size: 13px;
    padding: 0.2% 1%;
	margin:0 2% 0
}
.sgs-sem{
    font-size: 13px;
    padding: 0.2% 1%;
	margin:0 2% 0
}
}
/*ＳＧＳ提携セミナー*/
.seminer-sgs .seminer-sgs-h3{
    background-color: #00A2D0;
    color: white;
    padding: 5px 0;
    border-left: solid #00A2D0 6px;
    margin-bottom: 17px;
}
/*
.haikei-seminer-sgs{
    border:1px solid gray;
	margin-bottom:4%
}
*/
.seminer-sgs  #box-nav20{
	margin-top:0px
}
.seminer-sgs  #box-nav20:hover{
	background-color:#D3EDFB
}
.haikei-seminer-sgs .wid-50{
	display: inline-block;
    width: 45%;
    vertical-align: top;
}
.haikei-seminer-sgs .wid-20{
	display: inline-block;
    width: 19%;
    vertical-align: top;
	padding-top:20px
}
.haikei-seminer-sgs .wid-80{
	display: inline-block;
    width: 80%;
}
.sgs-sem4 .seminer-beginner-nav #box-nav20 {
  width: 20%;
}
.haikei-seminer-sgs .sem-four{
	width:45%;
	float:left
}
@media screen and (max-width:640px){
.heightLine{
	border-bottom:1px solid #dcdcdc
}
.heightLine .btm-17{
	margin-bottom: 6px;
}
.haikei-seminer-sgs .wid-50{
	display: block;
    width: 100%;
	padding-bottom:17px
}
.haikei-seminer-sgs .wid-20{
	display:block;
    width: 100%;
	padding-top:0;
	padding-bottom:20px
}
.haikei-seminer-sgs .wid-80{
	display:block;
    width: 100%;
}
.sgs-sem4 .seminer-beginner-nav #box-nav20 {
    width: 100%;
}
.haikei-seminer-sgs .sem-four{
	width:100%;
    float:none;
	padding-bottom:17px
}
}
.heightLine{
    border-bottom:1px solid #dcdcdc
}
/*プロフェッショナルセミナー*/
.professional-sem1 .font-small{
	font-size: 13px;
    width: 13%;
    vertical-align: top
}
@media screen and (max-width:640px){
.professional-sem1 .font-small{
    width: 25%;
}
}
.professional-sem1 .seminer-professional1-h3{
    background-color: #4f3023;
    color: white;
    padding: 5px 0;
    border-left: solid #4f3023 6px;
    margin-bottom: 17px;
}
.professional-sem1 .haikei-seminer-professional1{
	background-color: #fffcee;
}
.professional-sem1-back-zu{
    background-image: url(images/seminer-05-zu.jpg);
    background-size: cover;
}
/*グラデーション１*/
.professional-sem1 .gold-square1{
    border-radius: 3px;
    color: white;
    background: -webkit-gradient(radial, 100% 100%, 0, 100% 100%, 241, color-stop(0.66, #ff8020), color-stop(0.00, #f4d85d));
    background: -webkit-radial-gradient(100% 100%, circle, #f4d85d 0%, #ff8020 66%);
    background: -moz-radial-gradient(100% 100%, circle, #f4d85d 0%, #ff8020 66%);
    background: -o-radial-gradient(100% 100%, circle, #f4d85d 0%, #ff8020 66%);
    background: -ms-radial-gradient(100% 100%, circle, #f4d85d 0%, #ff8020 66%);
    background: radial-gradient(100% 100%, circle, #f4d85d 0%, #ff8020 66%);
	padding: 1.5% 3%;
    font-size: 18px;
}
/*グラデーション２*/
.professional-sem1 .gold-square2{
    border-radius: 3px;
    color: white;
    background: -webkit-gradient(radial, 100% 100%, 0, 100% 100%, 241, color-stop(0.54, #5dc1f4), color-stop(0.00, #bdeb3d));
    background: -webkit-radial-gradient(100% 100%, circle, #bdeb3d 0%, #5dc1f4 54%);
    background: -moz-radial-gradient(100% 100%, circle, #bdeb3d 0%, #5dc1f4 54%);
    background: -o-radial-gradient(100% 100%, circle, #bdeb3d 0%, #5dc1f4 54%);
    background: -ms-radial-gradient(100% 100%, circle, #bdeb3d 0%, #5dc1f4 54%);
    background: radial-gradient(100% 100%, circle, #bdeb3d 0%, #5dc1f4 54%);
	padding: 1.5% 3%;
    font-size: 18px;
}
.professional-sem1 #box-nav20{
    width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.professional-sem1 hr{
    height: 1px;
    background-color: #ff0000;
    border: none;
    color: #ff0000;
}
.professional-sem1 .hr-1{
    background-color: #ff8020;
}
.professional-sem1 .hr-2{
    background-color: #5dc1f4;
}
.professional-sem1 .kotei-tubnav2 .tab-content .box-nav a:hover{
	background-color:#ffd599
}
.professional-sem1 .not-td{
   padding: 4px 0;
   vertical-align: none;
   border: 0px solid #ccc; 
   background-color:#fffcee;
   border-bottom: 1px solid #ccc;
}
.professional-sem1 .not-td2{
   border-left: 0px solid #ccc; 
   border-right: 0px solid #ccc; 
   border-bottom: 0px solid #ccc; 
}
@media screen and (max-width:640px){
.professional-sem1 #box-nav20{
    width: 100%;
   padding-bottom:0;
   margin-top: 0
}
.professional-sem1 .not-td {
    padding: 2px 0;
    vertical-align: none;
    border: 0px solid #ccc;
    background-color: #fffcee;
    border-bottom: 1px solid #ccc;
}
}
/*お問い合わせ＆お見積りトップ画像*/
.mail .top-img{
	background-image: url(img/koteiimg-mail.jpg);
	background-size:cover;
}
.mail-contact .top-img{
	background-image: url(img/koteiimg-contact.png);
	background-size:cover;
}
.slicknav_menu{
   display:none;
}
.estimate-ais-info{
	width:80%
}
@media screen and (max-width:640px){
.estimate-ais-info{
	width:100%
}
.mail .font-white{
	color:#515151
}
}
/*スマホ用トップ画像*/
.science-one .tab-content .box-nav #mov-28 br{
 display:none
}
@media screen and (max-width:640px){
.top-img{
   background-position: 700px top;
    background-repeat: repeat-x;
}
.top-img h1{
   filter:alpha(opacity=50);
   background-color:rgba(255,255,255,0.6);
   padding:1% 2%
}
.top-img .content{
   max-width:100%
}
/*化学物質管理サービススマホ用ボタン調整*/
.science-one .tab-content .box-nav .label-height28{
	 padding: 2% 4%;
}
.science-one .tab-content .box-nav a{
	 padding: 2% 4%;
}
.science-one .tab-content .box-nav a br{
   display:block
}
.science-one .tab-content .box-nav{
    border: 1px solid #7b6605;
	margin-bottom:30px
}
.science-one .tab-content .box-nav #mov-28 br{
 display:block
   }
}
/*地図部分*/
.map-content{
 	padding:5%
}
.access-hidari{
	float:left;
	width:60%;
	margin-bottom:17px
}
.access-migi{
	float:left;
	width:30%;
	margin-left:10%
}
.access-box{
	margin-right:5%
}
@media screen and (max-width:500px){
.access-hidari,.access-migi{
	float:none;
	width:100%
}
.map-content{
 	padding:5% 5% 25% 5%
}
}
.font-event a{
	color: #292929;
    font-weight: bold;
    font-size: 1.2em;
}
/*スマホ限定メニュー(テーブル)*/
.mov-spmav{
	width:100%
}
.mov-spmav table td{
	width:50%;
	text-align:center;
	border: 1px solid #7b6605;
}
.mov-spmav table td a{
	color:#7b6605;
	font-size:15px
}
/*プロフェッショナルセミナー2海外コミュニケーション能力強化×忙しい人のための「仕事の英語」【プロフェッショナルセミナー】10/25追加*/
.professional-sem2 .font-small{
	font-size: 13px;
    width: 13%;
    vertical-align: top
}
.professional-sem2 .li-hidari,.professional-sem2 .li-migi{
	width:49%
}
@media screen and (max-width:640px){
.professional-sem2 .font-small{
    width: 25%;
}
.professional-sem2 .li-hidari,.professional-sem2 .li-migi{
	width:100%
}
}
.professional-sem2 .seminer-professional1-h3{
    background-color: #2d5194;
    color: white;
    padding: 5px 0;
    border-left: solid #2d5194 6px;
    margin-bottom: 17px;
}
.professional-sem2 .haikei-seminer-professional1{
	background-color: #f0faff;
}
.professional-sem1-back-zu{
    background-image: url(images/seminer-05-zu.jpg);
    background-size: cover;
}
/*グラデーション１*/
.professional-sem2 .gold-square1{
    border-radius: 3px;
    color: white;
   background: #1e5799;
   background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
   background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
   background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
	padding: 1.5% 3%;
    font-size: 18px;
}
/*グラデーション２*/
.professional-sem2 .gold-square2{
    border-radius: 3px;
    color: white;
   background: #1f9b7c;
   background: -moz-linear-gradient(top, #1f9b7c 0%, #28d6c7 49%, #20ccac 51%, #7be5de 100%);
   background: -webkit-linear-gradient(top, #1f9b7c 0%,#28d6c7 49%,#20ccac 51%,#7be5de 100%);
   background: linear-gradient(to bottom, #1f9b7c 0%,#28d6c7 49%,#20ccac 51%,#7be5de 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9b7c', endColorstr='#7be5de',GradientType=0 );
	padding: 1.5% 3%;
    font-size: 18px;
}
.professional-sem2 #box-nav20{
    width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.professional-sem2 hr{
   height: 1px;
   background-color: #ff0000;
   border: none;
   color: #ff0000;
}
.professional-sem2 .hr-1{
   background-color: #1f3f78;
}
.professional-sem2 .hr-2{
   background-color: #1f7860;
}
.professional-sem2 .kotei-tubnav2 .tab-content .box-nav a:hover{
	background-color:#a5e3ff
}
.professional-sem2 .not-td{
   padding: 4px 0;
   vertical-align: none;
   border: 0px solid #ccc; 
   background-color:#f0faff;
   border-bottom: 1px solid #ccc;
}
.professional-sem2 .not-td2{
   border-left: 0px solid #ccc; 
   border-right: 0px solid #ccc; 
   border-bottom: 0px solid #ccc; 
}
@media screen and (max-width:640px){
.professional-sem2 #box-nav20{
    width: 100%;
   padding-bottom:0;
   margin-top: 0
}
.professional-sem2 .not-td {
    padding: 2px 0;
    vertical-align: none;
    border: 0px solid #ccc;
    background-color: #f0faff;
    border-bottom: 1px solid #ccc;
}
}
/*情報伝達ツールに関するアンケート誘導ボタン*/
.mitsumori-btn4{
    position: fixed;
    z-index: 1;
    top: 100px;
    right: 20px;
    padding: 5px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color:#313131;
    width: 110px;
    top: 445px;
    background: #029845;
	background-image: url(img/enquete-img.jpg);
}
.mitsumori-btn4:hover{
	color:#770000
}
@media screen and (max-width:640px){
.mitsumori-btn4 br{
	display:none
}
.mitsumori-btn4 {
   position: fixed;
    z-index: 1;
    bottom: 20px;
    left: 30px;
    padding: 5px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 1;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: white;
    width: 60%;
    background: #2063d2;
    background-image: none;
    top: 92%;
    text-align: center;
}
.mitsumori-btn4:hover{
    text-decoration: none;
}
}
/*情報伝達ツールに関するアンケート*/
.enquete .top-img{
	background-image: url(img/koteiimg-menber-regist2.jpg);
	background-size:cover;
}
.enquete .info td.wid-45{
	padding-left: 5%
}
.enquete h1 span{
	font-size:20px
}
.enquete .top-90{
	margin-top:120px
}
.enquete .wid-95f{
    width: 95%;
    margin: 0 auto 25px auto
}
@media screen and (max-width:640px){
.enquete h1 span{
	font-size:15px;
	letter-spacing: normal;
}
.enquete .wid-95f{
	width:100%
}
.enquete .info td.wid-45{
	padding-left:0;
	padding-bottom: 50px;
}
.enquete .info .wid-45{
	border-top:0px solid white
}
}
/*============================================航空機入門*/
.jet-sem .seminer-jet-h3{
    color: #be1746;
    padding: 0 0 7px;
    border-left: solid #0e5fcd 0px;
    margin-bottom: 17px;
    border-bottom:2px solid #7ecef4;
}
.haikei-seminer-jet{
	background-image: url(img/jet-back.jpg);
}
.seminer-jet-nav #box-nav20{
	width:25%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.seminer-jet-nav #box-nav20:hover{
	background-color:#b0cdf6
}
.jet-sem .icon-size{
    width:50px;
    margin-right: 1%;
}
.haikei-seminer-jet .line-h2{
    line-height: 2;
	border-bottom: dotted 2px #7ecef4;
}
.haikei-seminer-jet .midashi{
	font-weight:bold;
	color:#00479d;
	font-size:1.25em
}
.haikei-seminer-jet .midashi2{
	font-weight:bold;
	color:#0d72a0;
	font-size:1.25em
}
.jet-sem .back-zu{
	background-color:white;
	padding:2%;
	background-image: url(img/jetsem-pict.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.jet-sem td {
	padding: 5% 2%;
    vertical-align: top;
    border: 0px solid #ccc;
    border-top: 1px solid #ccc;
}
.jet-sem .migi2{
	margin-left:50px;
	letter-spacing: 0.1em;
}
@media screen and (max-width:640px){
.jet-sem .migi2{
	margin-left:0px
}
.jet-sem .back-zu{
	background-image:none
}
.jet-sem td {
    padding:0;
    border: 0px solid #ccc;
    border-top: 0px solid #ccc;
    background-color: inherit;
}
.seminer-jet-nav #box-nav20{
	width:100%;
	padding-top: 0; 
    padding-bottom:0;
}
.jet-sem .wid-30,.jet-sem .wid-60{
	width:100%
}
.jet-sem .marlft-50{
	margin-left:0
}
.jet-sem .fro{
	float:none
}
.haikei-seminer-jet .line-h2{
    line-height: 1.5;
}
}
/*============================================トップ西研コーナー0606追加*/
/*トップページ項目追加　ＮＥＷマーク*/
span.new-news{
	color: white;
    background-color: #620a0a;
    font-size: 14px;
    padding: 0.2% 1%;
    margin-left: 5px;
}
.top-nishi hr{
   margin-bottom:2%
}
/*西研特集中ページトップボタン*/
.kotei-tubnav2 .tab-content .nishiken-nav a {
    width: 16.66%;
}
@media screen and (max-width:640px){
.kotei-tubnav2 .tab-content .nishiken-nav a{
    width: 50%;
}
.kotei-tubnav2 .tab-content .nishiken-nav .label-height28 {
    padding-top: 6.7px;
}
}
/*中日文化賞ページ*/
.chunichi-img li{
	display:inline-block;
	margin-right:2%;
	width:31.6%
}
.chunichi-img li:last-child{
	margin:0
}
@media screen and (max-width:640px){
.chunichi-img li{
	display:block;
	width:100%;
	margin-bottom:4%;
	text-align:center
}
}
/*追加分2018/07/23*/
.only-pc .mitsumori-btntop{
    position: fixed;
	right:10px;
    z-index: 1;
    padding:1.2% 0.25%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
   -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	color:white;
	letter-spacing: 0.1em;
}



.only-pc .mitsumori-btntop.komonn{
	background-color:#420000;
	top:130px;
}
.only-pc .mitsumori-btntop.info{
	top:250px;
	background-color:#96894b;
}

/*2ナビゲーション(顧問登録を追加)*/
.top-nav li{
	width:120px;
}
.top-nav li.komonn a:hover,.top-nav2 .btn.komonn a:hover{
	background-image:none
}
.top-nav3 .btn.komonn:hover{
	background-image: none
}
/*トップページメニュー×3*/
.main-topix .hv-up-l{
    width: 100%;
    position: relative;
    height: auto;
    display: block;
}
.main-topix ul{
	margin-bottom:100px
}
.main-topix .box {
    text-align: center;
	width:33%
}
.main-topix .img-box-txt{
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    color: #292929;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 1.4em;
    padding: 4% 0;
    font-weight: bolder;
    letter-spacing: 0.05em;
	 font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; 
	line-height: 1.3em;
}
.main-topix .img-box-txt:hover{
   text-decoration: underline;
   color:#515151;
   transition-property: all;
   transition: 0.2s linear;
}
.main-topix .img-box-txt.first{
    top: 22%;
}
.main-topix .img-box-txt span{
	font-size:20px;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Roboto, Helvetica, Arial, sans-serif;
}
.main-topix .hv-up-l img{
	text-align:center
}
.top-comment{
	margin-top:40px
}
@media screen and (max-width:640px){
.main-topix .box {
	width:100%
}
.main-topix ul {
    margin-bottom: 20px;
}
}
/*トップページコメント（経験はブランド）*/
.top-imgb{
    position: relative;	
}
.top-commentb{
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
}
.top-commentb p{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.2em;
    color: black;
    font-size: 1.4em;
}
@media screen and (max-width:640px){
.top-imgb{
       display:none
}
.top-commentb{
       display:none
}
}
/*海外事業支援追加分*/
.oversea-topimg{
    position: relative;	
}
.oversea-topcommentb{
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
	padding:0 3%
}
.oversea-topcommentb h2{
	font-size: 1.4em;
	border-left: solid #420000 0px;
    padding-left: 0px;
}
.oversea-topcommentb h2 span{
	color:#9245ab	
}
@media screen and (max-width:640px){
.oversea-topimg img{
	display:none
}
.oversea-topcommentb {
    position: inherit
}
.oversea-topcommentb h2{
	font-size: 15px;
	padding: 3% 0;
}
}



/*3製品含有化学物質管理の基礎【初級者向け(無料)】追加分*/
.seminer-beginner-back{
	background-color:white;
	padding:3%;
	border:2px solid #1d2089
}
.seminer-beginner-back h3{
	color:white;
	background-color:#1d2089;
	padding:1% 3%;
	border-left: solid #420000 0px;
	font-size: 1.4em;
    letter-spacing: 0.1em;
	text-align: left
}
.seminer-beginner-back .box{
	width:47%
}
.seminer-beginner-back .box-hidari{
	margin-bottom:5%
}
.seminer-beginner-back .box-1,.seminer-beginner-back .box-3{
	margin-right:5%
}
.seminer-beginner-back li{
	text-align:left;
	font-weight:bold;
	margin: 2%;
}
@media screen and (max-width:640px){
.seminer-beginner-back .box {
    width: 100%;
	margin-bottom:2%	
}
.seminer-beginner-back h3{
	font-size:20px
}
}
/*1chemSHERPA（ケムシェルパ）実務者講座追加分*/
.chem-sherpa1-course{
    border: 2px solid #1d2088;
	background-image: url(images/chem-sherpa2-2.jpg);
	background-repeat: no-repeat;
    font-size: 1em;
	background-size: contain;
    background-position: bottom;
}
.chem-sherpa1-course.pink-back{
	background-image: url(images/chem-sherpa3-2.jpg);
	background-repeat: no-repeat;
}
.chem-sherpa1-course .icon{
    padding: 0.5% 1%;
    font-weight: bold;
    line-height: 2.5em;
    font-size: 1em;
}
.chem-sherpa1-course .icon.blue{
	border: 2px solid #1689ff;
	color:#1689ff;
    background-color: #def4ff;
}
.chem-sherpa1-course .icon.pink{
	border: 2px solid #e20472;
	color:#e20472;
    background-color: #ffddf3;
}
.chem-sherpa1-course h1{
	color:#def4ff;
	font-size: 1.7em;
	letter-spacing: 0.05em;
	background-color:#1d2088;
	text-align:left;
	padding:0.5% 1%
}
.chem-sherpa1-course h1.pink{
	color:#ffddf3;
}
.chem-sherpa1-course h1 span{
	font-size: 0.7em
}
.chem-sherpa1-course .big-box{
	padding:2%
}
.chem-sherpa1-course p{
	text-align:left;
	letter-spacing: 0.05em;
}
.chem-sherpa1-course p.font-kon{
	font-size: 1.3em;
	color:#1d2088;
	font-weight: bold;
}
.chem-sherpa1-course p.midashi{
	font-size: 1.4em;
	color:white;
	background-color:#1d2088;
	font-weight:bold;
	padding:0.5% 1%;
	margin: 2% 0 1%;
	display:table
}
.chem-sherpa1-course ul{
	margin:2% 0
}
.chem-sherpa1-course li{
	font-size: 1.3em;
	letter-spacing: 0.05em;
	margin:0.5% 0;
	font-weight:bold;
	text-align:left;
	margin: 1.5% 0;
}
@media screen and (max-width:640px){
.chem-sherpa1-course,.chem-sherpa1-course.pink-back{
	background-image:none;
	background-color:white
}
.chem-sherpa1-course .icon,.chem-sherpa1-course p,.chem-sherpa1-course li{
	font-size:15px;
	font-weight:normal
}
.chem-sherpa1-course p.font-kon{
	font-size:15px;
}
.chem-sherpa1-course p.midashi {
    font-size: 1em;
}
.chem-sherpa1-course h1{
    font-size: 1.2em;
}
.chemsherpa-course{
	width:100%
}
}
/*環境報告書作成代行追加分*/
.jamp-ais-topcontent .jamp-ais-topcomment{
	top:0;
	padding: 2% 1.5%;
	background-image: url(images/jamp-ais2-2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
}
.jamp-ais-topcomment .rogo{
	width:70%;
	padding: 1.5%;
}
.jamp-ais-topcomment p{
	color:white;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.jamp-ais-topcomment li{
float: left;
    color: #230a0a;
    font-size: 1.3em;
    background-color: #fffab9;
    border-radius: 50%;
    width: 17%;
    text-align: center;
    padding: 2% 1%;
    font-weight: bold;
    margin: 2% 0.7% 2%;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
    line-height: 1.4em;
}
.jamp-ais-topcomment li.long{
	padding: 3.5% 0
}
.jamp-ais-topcomment li.font-min{
font-size: 1.2em;
    padding: 1%;
}
@media screen and (max-width:640px){
.jamp-ais-topcomment p {
    font-size: 1em;
	padding: 1% 0;
}
.jamp-ais-topcomment .rogo{
	width:100%
}
.jamp-ais-topcomment li{
	float:none;
	font-size: 1em;
	width:95%;
	padding: 3.5% 0;
}
.jamp-ais-topcomment li br{
	display:none
}
.jamp-ais-topcomment li.font-min {
    font-size: 1em;
    padding: 3% 0;
}
}
/*SDS・ラベル作成代行サービス追加分*/
.sds-top{
	position: relative;
}
.sds-topcomment{
    position: absolute;
    bottom: 3%;
    padding: 2% 3%;
}
.sds-topcomment p.top{
    font-size: 1.8em;
    font-weight: bold;
    background-color: #515151;
    color: white;
    display: inline-block;
    padding: 0.25% 2%;
    letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.sds-topcomment p.bottom{
	font-size: 1.7em;
    font-weight: bold;
    color: #12065a;
 }
@media screen and (max-width:640px){
.sds-top{
	    position: static;
}
.sds-topcomment{
	    position: static;
}
.sds-topcomment p.top,.sds-topcomment p.bottom{
    font-size: 1.3em;
}
}
/*労働安全追加分*/
.sfpo-top{
	position: relative;
}
.sfpo-topcomment{
    position: absolute;
    top: 50%;
    padding: 2% 3%;
}
.sfpo-topcomment p{
    font-size: 1.35em;
    font-weight: bold;
    color: #515151;
    display: inline-block;
	letter-spacing: 0.05em;
}
.safety-policy-haikei li .box-come{
    background-color: white;
    border: 3px solid #36a2d6;
	padding: 1.5% 3%;
	height: 110px;
}
.safety-policy-haikei li .box-2 .box-come{
	background-image: url(images/sapo-box2.png);
	background-position :bottom center;
	background-repeat:no-repeat;
	background-size: cover;
}

.safety-policy-haikei li .box-come p{
	font-weight:bold;
	letter-spacing: 0.1em;
}
.safety-policy-haikei li .top-green{
	color: white;
	background-color: #36a2d6;
	font-weight:bold;
	padding: 2%;
    font-size: 1.2em;
	letter-spacing: 0.1em;
}
@media screen and (max-width:640px){
.sfpo-top,.sfpo-topcomment{
	position: static
}
.sfpo-topcomment p br{
	display:none
}
.safety-policy-haikei li .box-come{
	height:auto
}
.sfpo-topcomment p{
    font-size: 1.1em;
}
}
/*5S課題改善追加分*/
.fives-top{
	position: relative;
}
.fives-topcomment{
    position: absolute;
    top: 30%;
    padding: 2% 3%;
	width:55%
}
.fives-topcomment p{
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    display: inline-block;
	letter-spacing: 0.05em;
}
@media screen and (max-width:640px){
.fives-top,.fives-topcomment{
	position: static
}
.fives-topcomment{
	width:100%
}
.fives-topcomment p{
    font-size: 1.1em;
    color: #292929;
}
.fives-topcomment p br{
	display:none
}
}
/*個別コンサルタント追加分*/
.consul-top {
    position: relative;
}
.consul-top .over-f{
    position: absolute;
    top: 35%;
}
.consul-topcomment1,.consul-topcomment2{
	width:44%;
	float:left
}
.consul-topcomment1{
	margin:2%
}
.consul-topcomment1 p{
	font-size: 1.35em;
    font-weight: bold;
    color:white;
    display: inline-block;
    letter-spacing: 0.05em;
	border-left: solid #420000 0px;
    padding-left: 0px;
}
.consul-topcomment1 img{
	width:40%
}
.consul-topcomment2{
	border:2px solid #420000;
	margin:2%;
    position: relative;
}
.consul-topcomment2 .box-img{
	position: absolute;
    right: 0;
    top: 5%;
    width: 30%;
}
.consul-topcomment2 .box{
	background-image: url(images/back-stred.png);
	padding: 1% 3%;
}
.consul-topcomment2 .box p{
	font-weight:bold;
	color:#d5d5d5;
	letter-spacing: 0.1em;
}
.consul-topcomment2 .box p span{
	color:white;
	font-size:1.4em;
	margin-left:10px
}
.consul-topcomment2 .box-under{
    background-color: white;
    padding: 2%;
}
.consul-topcomment2 .box-under p{
	font-weight:bold;
}
@media screen and (max-width:640px){
.consul-topcomment1,.consul-topcomment2{
	width:100%;
	float:none
}
.consul-top .over-f {
    position: static;
    top: 0;
}
.consul-topcomment1 p{
    color:#515151;
	font-size:18px
}
.consul-topcomment1 {
    margin:0;
	padding-top:2%
}
.consul-topcomment2 {
    border: 2px solid #420000;
   	width:97%
}
.consul-topcomment2 .box-img {
    position: static;
    width: 90%;
    margin: 0 auto 2%;
}
}
/*特殊技能支援追加分*/
.haikei-expertise li p{
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #0076fb;
	letter-spacing: 0.1em;
    padding: 0.5% 0 1%;
}
.expert-topcomment{
    padding: 2% 3%;
	background-color:#c6f0fa
}
.expert-topcomment li{
    padding-bottom: 1em;
}
.expert-topcomment li img{
	width:12%;
	margin-right: 1%;
}
.expert-topcomment li p{
	font-size: 2em;
    font-weight: bold;
    color: #0076fb;
    display: inline-block;
    letter-spacing: 0.05em;
}
@media screen and (max-width:768px){
.expert-topcomment li p{
	font-size: 20px;
}
}



@media screen and (max-width:640px){
.expert-topcomment li p {
    font-size: 1.3em;
	display: inline;
}
.haikei-expertise li p{
    font-size: 1em;
}
}
/*製品試作サービス追加分*/
.haikei-trialProduct .box-re{
    position: relative;
}
@media screen and (max-width:768px){
.haikei-trialProduct .box-re{
    background-color: #093291;
    padding-bottom: 5%;
}
}

.haikei-trialProduct p.textbox-2{
	font-weight:bold;
	color:green;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	margin-top: 2%;
}
.haikei-trialProduct .box-ab.no3{
    position: absolute;
    left: 0;
    top: 25%;
    width: 70%;
    padding: 2%;
}
@media screen and (max-width:768px){
.haikei-trialProduct .box-ab.no3{
    top: 0%;
}
}


.haikei-trialProduct .box-ab.no3 p span{
	color:#fff482
}
.haikei-trialProduct .box-ab p{
	font-weight:bold;
	color:white;
	letter-spacing: 0.1em;
	font-size: 1.3em;
}
.haikei-trialProduct .point-img{
    position: relative
}
.haikei-trialProduct .point-img img{
	position: absolute;
    right: 0;
    top: -10%;
	width:30%
}
.haikei-trialProduct .point-img .bule-box{
    color: white;
    font-weight: bold;
    background-color: #003399;
    padding: 7% 3%;
}
.haikei-trialProduct .point-img .box-white{
	background-color: white;
    padding: 2%;
    padding-top: 5%;
}
@media screen and (max-width:640px){
.haikei-trialProduct p.textbox-2{
	text-align: left;
}
.haikei-trialProduct p.textbox-2 br{
	display:none
}
.haikei-trialProduct .box-ab p {
    font-weight: bold;
    color: #003399;
    letter-spacing: 0.1em;
    font-size: 1.3em;
}
.haikei-trialProduct .box-ab.no3 {
    position: sticky;
    left: 0;
    top: 25%;
    width: 100%;
    padding: 2%;
}
.haikei-trialProduct .box-ab.no3 p span{
	color:#ff9c00
}
}
/*製品試作サービス追加分0809*/
.trial-product p.top-come3{
    font-size: 2.3em;
    letter-spacing: 0.05em;
    color: #003399;
	text-align: center;
    font-weight: bold;
	padding: 0.5%;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #8ee4f5;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #72def3), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #72def3),
            color-stop(.75, #72def3), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #72def3 25%, transparent 25%,
          transparent 50%, #72def3 50%, #72def3 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #72def3 25%, transparent 25%,
          transparent 50%, #72def3 50%, #72def3 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #72def3 25%, transparent 25%,
          transparent 50%, #72def3 50%, #72def3 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #72def3 25%, transparent 25%,
          transparent 50%, #72def3 50%, #72def3 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #72def3 25%, transparent 25%,
          transparent 50%, #72def3 50%, #72def3 75%,
          transparent 75%, transparent);
}
.trial-product p.top-come3 br{
	display:none
}
.trial-product-top{
	position:relative;
}
.trial-product-comment{
	position:absolute;
	bottom:0;
	overflow:hidden;
	padding:2%
}
@media screen and (max-width:768px){
.trial-product-comment{
	top:95px;
}
}


.trial-product-comment li{
    float: left;
    color: #230a0a;
    font-size: 1.2em;
    background-color: #a8e1fd;
    border-radius: 50%;
    width: 17%;
    text-align: center;
    padding: 2% 1%;
    font-weight: bold;
    margin: 2% 0.7% 2%;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
    line-height: 1.4em;
}
@media screen and (max-width:768px){
.trial-product-comment li{
    font-size: 16px;
}
}


@media screen and (max-width:640px){
.trial-product-comment{
	position:inherit
}
.trial-product-comment li {
    float: none;
    color: #230a0a;
    font-size: 1.2em;
    background-color: white;
    border-radius: 50%;
    width: 100%;
    text-align: left;
    padding: 1%;
    font-weight: bold;
    margin: 2% 0.7% 2%;
    box-shadow: none;
    line-height: 1em;
}
.trial-product p.top-come3 br{
	display:block
}
.trial-product p.top-come3 {
    font-size: 1.5em;
}
}
/*工程改善追加分0809*/
.process-improvement-top{
	position:relative
}
.process-improvement-come{
	position: absolute;
    bottom: 5%;
    width: 60%;
    font-size: 1.35em;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
	padding-left: 3%;
}
.process-improvement-come span{
 color:#3a82d2
}
@media screen and (max-width:640px){
.process-improvement-come{
    position: inherit;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-left: 0;
	padding: 2% 0;
}
.process-improvement-come br{
	display:none
}
}
/*FMEA導入研修追加分0809*/
.fmea-top{
	position:relative;
}
.fmea-come{
    position: absolute;
    bottom: 0;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 3% 3% 2%;
}
.haikei-fmea li{
    letter-spacing: 0.05em;
}
.fmea-come p{
    font-size: 1.35em;
}
.fmea-come p span{
	color:#11359e
}
@media screen and (max-width:640px){
.fmea-come {
    position: static;
    font-weight: bold;
    padding: 2% 0;
}
.fmea-come p{
	font-size: 1.2em;
}
.fmea-come p br{
	display:none
}
}
/*============================================品質不具合・事故ゼロを目指して0809追加*/
.prevent-sem .seminer-prevent-h3{
    color: #00479d;
    padding: 0 0 7px;
    border-left: solid #0e5fcd 0px;
    margin-bottom: 17px;
    border-bottom: 2px solid #00479d;
}
.prevent-sem .top-box{
	position:relative;
}
.prevent-sem .top-come{
	position:absolute;
    top: 10%;
    padding: 0 2%;
}
.prevent-sem .top-come img{
	width:100%
}
.prevent-sem .top-come p{
    color: #00479d;
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
	padding: 0.2% 0;
}
.prevent-sem .top-come .point{
	background-color: #be1746;
    font-size: 1.6em;
    width: 60%;
    margin: 0 auto 10px;
    color: white;
}
.prevent-sem .back-w{
	background-color: white;
    padding: 2%;
}
.prevent-sem .top-comment{
	margin:17px 0
}
.prevent-sem .top-comment p{
	font-weight:bold;
	letter-spacing: 0.5px;
}
.prevent-sem .day{
	color: #be1746;
    font-size: 2.5em;
	margin: 17px 0;
}
.prevent-sem .day .small{
    font-size: 0.5em;
}
.prevent-sem .day .box-r{
	color: white;
    background-color: #be1746;
    padding: 0 2%;
    margin-right: 10px;
}
.seminer-prevent-nav #box-nav20{
	width:25%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.seminer-prevent-nav #box-nav20:hover{
	background-color:#b0cdf6
}
/*
.haikei-seminer-prevent{
	background-color:#e3f3ff
}
*/
.haikei-seminer-prevent .name span{
	font-size:1.5em;
	font-weight:bold;
	margin-right:20px
}
.haikei-seminer-prevent .career ul{
	border-top: 1px solid #bbb;
	margin-bottom:20px
}
.haikei-seminer-prevent .career li{
	padding:2.5%;
	padding-left:1em;
	text-indent:-1em;
}
.haikei-seminer-prevent .midashi{
	font-weight:bold;
	color:black;
	font-size:1.1em
}
.prevent-sem .fro.no2{
	width:40%;
	padding-right:2%
}
.prevent-sem .fro.no3{
	width:58%
}
.prevent-sem .back-zu{
	background-image: url(img/back-prevention.png);
	padding:2% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:white
}
.prevent-sem .back-zu ul{
 	float:left;
	width:46%;
	padding:0 2%;
}
.prevent-sem .back-zu li{
	margin-bottom:17px;
	    line-height: 2;
	border-bottom: dotted 2px #00479d;
}
.prevent-sem td {
	padding: 5% 2%;
    vertical-align: top;
    border: 0px solid #ccc;
    border-top: 1px solid #ccc;
}
.prevent-sem .day br{
	display:none
}
@media screen and (max-width:1140px){
.prevent-sem .top-comment{
	width:100%
}
.prevent-sem .top-come p {
    font-size: 1.9em;
}
.prevent-sem .top-come .point{width:80%}
}
@media screen and (max-width:780px){
.prevent-sem .top-come p {
    font-size: 1.5em;
}
.prevent-sem .top-come .point{width:90%}
}

@media screen and (max-width:640px){
.seminer-jet-nav #box-nav20{
	width:100%;
	padding-top: 0; 
    padding-bottom:0;
}
.prevent-sem .wid-30,.jet-sem .wid-60{
	width:100%
}
.prevent-sem .fro{
	float:none
}
.prevent-sem .top-come {
    position: static;
	padding:0
}
.prevent-sem .top-come .point {
    width: 100%;
	font-size: 1em;
}
.prevent-sem .top-come p {
    font-size: 1.2em;
    padding: 0.5% 0;
}
.prevent-sem .day {
    font-size: 1.2em;
}
.prevent-sem .day br{
	display:block
}
.prevent-sem .back-zu ul {
    float: none;
    width: 95%;
}
.seminer-prevent-nav #box-nav20 {
    width: 100%;
    margin-top: 0;
}
.prevent-sem .wid-60{
	width:100%
}
.prevent-sem .fro.no2 {
    width: 100%;
    padding-right:0;
	float:none
}
.prevent-sem .fro.no3 {
    width: 100%;
	float:none
}
.prevent-sem .marlft-50{
	margin-left:0
}
}
/*============================================サイト全体修正0829追加*/
a.sample{
	color:#0c2466;
	text-decoration: underline;
}
.seminer-sumple .text-c{
	vertical-align: middle;
	font-size: 1.8em;
    font-weight: bold;
}
/*============================================サブナビゲ―ションまとめ0830*/
.kotei-tubnav2{
	padding-bottom:70px
}
.kotei-tubnav2{
	padding-bottom:0px
}
@media screen and (max-width:750px){
.kotei-tubnav2{
	padding-top: 0;
}
}

/*化学物質管理*/
/*.page-id-7978 #kotei-tubnav .select1,.page-id-1078 #kotei-tubnav .select2,.page-id-1058 #kotei-tubnav .select3,.page-id-1008 #kotei-tubnav .select4,.page-id-1045 #kotei-tubnav .select5,.page-id-3163 #kotei-tubnav .select7{
    background-color: #420000;
    color: white;
}*/
/*安全衛生*/
.page-id-1084 #kotei-tubnav .select1,.page-id-8013 #kotei-tubnav .select2,.page-id-1391 #kotei-tubnav .select3,.page-id-1388 #kotei-tubnav .select4,.page-id-1089 #kotei-tubnav .select5,.page-id-32888 #kotei-tubnav .select7,.page-id-35002 #kotei-tubnav .select8,.page-id-35557 #kotei-tubnav .select9,.page-id-35713 #kotei-tubnav .select10,.page-id-36114 #kotei-tubnav .select11,.page-id-36704 #kotei-tubnav .select12{
    background-color: #420000;
    color: white;
}
/*海外進出支援*/
.page-id-1162 #kotei-tubnav .select1,.page-id-1214 #kotei-tubnav .select2{
    background-color: #420000;
    color: white;
}




/*品質管理*/
/*.page-id-1381 #kotei-tubnav .select1,.page-id-1375 #kotei-tubnav .select2,.page-id-1399 #kotei-tubnav .select3,.page-id-1410 #kotei-tubnav .select4,.page-id-1417 #kotei-tubnav .select5,.page-id-1413 #kotei-tubnav .select6,.page-id-1421 #kotei-tubnav .select7{
    background-color: #420000;
    color: white;
}*/
@media screen and (max-width:640px){
.page-id-1375 #kotei-tubnav .select2 br{
 display:none
}
}
/*サービス概要*/
.page-id-2810 #kotei-tubnav .select1,.page-id-2899 #kotei-tubnav .select2,.page-id-1746 #kotei-tubnav .select3,.page-id-13880 #kotei-tubnav .select4{
    background-color: #420000;
    color: white;
}

/*サービス会員入会案内*/
/*
.page-id-6080  .tab-content .box-nav a.select1,.page-id-6085 .tab-content .box-nav a.select2{
    background-color: #420000;
    color: white;
}
*/
/*============================================個別セミナー・指導会0830*/
.supervise-topcomment{
	background-image: url(images/img-seminar_supervise.jpg);
	background-size:cover;
	padding:6% 3%
}
.supervise-topcomment p.title-top{
    font-size: 3.5em;
	padding-bottom:1.8%
}
.supervise-topcomment p{
    font-size: 1.3em;
    font-weight: bold;
    color: white;
	letter-spacing: 0.05em;
}
.super-pict-h3 {
    background-color: #7c0000;
    color: white;
    padding: 5px 0;
	margin-bottom:17px
}
.haikei-super{
    background-color:white
}
@media screen and (max-width:640px){
.supervise-topcomment p{
    font-size: 1.1em;
    color: white;
	font-weight: normal;
}
.supervise-topcomment p.title-top{
    font-size: 1.6em;
	color:white;
	font-weight: bold
}
}
/*============================================化学物質リスクアセスメント 個別コンサルティング0831*/
.consulting2-topcomment{
	background-image: url(images/img-seminar_consult2.jpg);
	background-size:cover;
	padding:6% 3%
}
.consulting2-topcomment p.title-top{
    font-size: 3.5em;
	padding-bottom:1.8%
}
.consulting2-topcomment p{
    font-size: 1.3em;
    font-weight: bold;
    color: white;
	letter-spacing: 0.05em;
}
.consul2-h3 {
    background-color: #0070c0;
    color: white;
    padding: 5px 0;
	margin-bottom:17px
}
.haikei-consul2{
    background-color:white
}
@media screen and (max-width:640px){
.consulting2-topcomment p.title-top{
    font-size: 1.8em;
    color: white;
	margin-bottom:2%
}
.consulting2-topcomment p.title-top br{
	display:none
}
.consulting2-topcomment p{
    font-size: 1.1em;
    color: #E0FFFF
}
}
/*============================================西研追加0927*/
.nishiinfo-eng h2{
    border-left: solid #420000 0px;
    padding-left: 0px;
	font-size:3em;
}
.nishiinfo-eng .font-red{
	color:#620a0a
}
.nishiinfo-eng .font-blue{
	color:#223a70
}
.nishiinfo-eng .font-1{
	font-size:2em;
	font-weight:bold
}
.nishiinfo-eng .font-2{
	font-size:1.8em;
	font-weight:bold;
}
/*サイトトップバナー＆ボタン*/
.nishi-top9{
    width: 100%;
    overflow:hidden
}
.nishi-top9 .top-img{
    border: 1px solid #191970;
    width: 99.5%
}
.main-topix.nishi-top9 ul{
    margin-bottom: 0px;
    margin-top: 10px;
	table-layout:fixed;
}
.main-topix.nishi-top9 .box{
    width: 25%;
}
/*ボタン3コver*/
.nishi-top9.btn-3ver{
	width:60%
}
.nishi-top9.btn-3ver .box{
    width: 33%;
}
.main-topix.nishi-top9 .box a{
	display:block
}
.main-topix.nishi-top9 a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width:640px){
.main-topix.nishi-top9 .box {
    width: 50%;
    display: inline-block;
    margin-bottom: 2%;
}
.content-box2.kotei-tubnav2 .wid-60{
	width:100%
}
.nishi-top9.btn-3ver {
    width: 100%;
}
/*受賞コメントページ*/
.nishi-laboratory.come2018 .wid-50{
	width:100%
}
}
/*============================================専門家募集1022*/
.specialist-recruitment .border-gray {
    width: 29.5%;
    margin-right: 5%;
	margin-bottom: 3%;
}
.specialist-recruitment .border-gray:last-child {
    margin-right: 0%;
}
@media screen and (max-width:640px){
.specialist-recruitment .border-blue,.specialist-recruitment .border-green{
	float:none;
	width:99%
}
.specialist-recruitment .border-blue{
	margin-bottom:17px
}
.specialist-recruitment .border-gray{
	width:80%;
	float:none;
	margin-bottom:17px
}
}
@media screen and (max-width:750px){
.specialist-recruitment .border-gray{
	width: 100%;
}
}



/*顧問登録のnone1を非表示にする*/
.page-id-1746 .service-gaiyou {
    display:none;
}

/*顧問登録の下の隙間なくす*/
.page-id-1746 .kotei-tubnav2 .tab-box {
    padding-bottom: 0;
}




/*============================================顧問登録エントリーフォーム20210224*/
.takumi-entryform table{
	width: 100%;
}
.takumi-entryform table tr td select {
    width: 30%;
}







/*============================================萩原泰之プロフィール1022*/
.page-id-8126 .prof{
	margin:2% auto 6%
}
.page-id-8126 .prof .hidari{
	width:35%;
	margin-right:5%
}
.page-id-8126 .prof .migi{
	width:60%
}
.page-id-8126 .img-box1{
	width:45%;
	margin-right:5%
}
.page-id-8126 .img-box2{
	width:45%
}
@media screen and (max-width:640px){
.page-id-8126 .prof .hidari,.page-id-8126 .prof .migi{
	width:100%;
	float:none
}
.page-id-8126 .prof .hidari{
	text-align:center
}
}
/*============================================人材支援分野20210126*/
.page-id-15286 .none01{
    display:none;
}
.page-id-15286 .prof{
	margin:2% auto 6%
}
.page-id-15286 .prof .hidari{
	width:35%;
	margin-right:5%
}
.page-id-15286 .prof .hidari img{
	width: 60%;
}
.page-id-15286 .prof .migi{
	width:60%
}
@media screen and (max-width:750px){
.page-id-15286 .prof .migi{
	width: 95%;
    margin: 0 auto;
}
}

.page-id-15286 .img-box1{
	width:45%;
	margin-right:5%
}
.page-id-15286 .img-box2{
	width:45%
}
@media screen and (max-width:640px){
.page-id-15286 .prof .hidari,.page-id-8126 .prof .migi{
	width:100%;
	float:none
}
.page-id-15286 .prof .hidari{
	text-align:center
}
}

/*============================================システム支援分野20210126*/
.page-id-15308 .none01{
    display:none;
}
.page-id-15308  .prof{
	margin:2% auto 6%
}
.page-id-15308  .prof .hidari{
	width:35%;
	margin-right:5%
}
.page-id-15308  .prof .hidari img{
	margin-top: 15%;
}
@media screen and (max-width:750px){
.page-id-15308  .prof .hidari img{
	margin-top: 0%;
}
}
.page-id-15308  .prof .migi{
	width:60%
}
@media screen and (max-width:750px){
.page-id-15308  .prof .migi{
	width: 95%;
    margin: 0 auto;
}
}


.page-id-15308  .img-box1{
	width:45%;
	margin-right:5%
}
.page-id-15308  .img-box2{
	width:45%
}
@media screen and (max-width:640px){
.page-id-15308  .prof .hidari,.page-id-8126 .prof .migi{
	width:100%;
	float:none
}
.page-id-15308  .prof .hidari{
	text-align:center
}
}








/*============================================採用情報1024*/
.recruit .top-img {
    background-image: url(img/koteiimg-mail.jpg);
    background-size: cover;
}
.recruit a{
	font-size:1em;
	text-decoration:underline
}
.recruit .form td{
	border: 0px solid #ccc;
    border-bottom: 1px solid #ccc
}
.recruit .re-box{
	width: 20%;
    display: inline-block;
}
.recruit .re-mozi{
	width: 8%;
    display: inline-block;
}
.recruit .re-box3{
	width: 30%;
    display: inline-block;
}
.recruit .info td {
    padding: 3% 0;
}
/*===========================================サイトマップ再構成0416*/
.site-map ul{
	margin-bottom:3%
}
.site-map ul a.top{
	color:#770000;
}
.site-map ul a.top:before{
	content: "●" 
}
.site-map .children li{
	margin-left:1em
}
/*===========================================製品含有化学物質管理サービス 会員ページ修正0911*/
.banar-0911 p{
	color: white;
    background-color:#420000;
    padding: 0.7%;
    margin-bottom: 2%;
	font-weight:bold;
	letter-spacing: 0.05em;
}
.btm-2-0911{
	margin-bottom:2%
}
.back-sakura{
	background-color:#fff2f4;
	padding:2%;
    margin-bottom: 5%;
}
.back-sakura.last{
    margin-bottom:0;
}
.menber-regist .back-zu {
    background-image: url(img/menber-regist1.png);
    background-repeat: no-repeat;
    background-position: 100% 70%;
}
@media screen and (max-width:640px){
.menber-regist .back-zu {
    background-image:none
	}
.banar-0911 p {
    padding: 2%
	}
}
.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*製品解析・診断業務代行サービスページ追加20200117*/
/*品質管理ナビ*/
/*.page-id-9262 #kotei-tubnav .select8{
    background-color: #420000;
    color: white;
}*/

/*背景画像*/
.haikei-product-analysis {
    /*background-image: url(img/linedpaper.png);*/
	/*background-color:#f1f7ee*/
}
/*見出し部分*/
.content-box2 .product-analysis-h3 {
	background-color: #3aa081;
    color: white;
    padding: 5px 0;
    border-left: solid #3aa081 6px;
    margin-bottom: 17px;
}
/*キャリパにご相談ください！*/
.product-analysis p.top-come3 {
	font-size: 1.5em;
    letter-spacing: 0.05em;
    color:#16493e;
    text-align: center;
    font-weight: bold;
    padding: 0.5%;
    background-image: url(img/product-analysis-back.jpg);
    background-size: contain;
}
/*実施項目*/
.haikei-product-analysis .sumple-method{
	width: 43.5%;
    float: left;
    margin-right: 5%;
    background-color: white;
    padding: 2%;
}
.haikei-product-analysis .sumple-method:nth-child(even){
	margin-right:0
}
.haikei-product-analysis .sumple-method.no1,.haikei-product-analysis .sumple-method.no2{
	margin-bottom:2%
}
/*実施項目内見出し*/
.haikei-product-analysis .sumple-method p{
	font-weight:bold;
	color:#277f64
}
/*サービス詳細*/
.haikei-product-analysis .sumple-method2{border-bottom: 1px #ccc solid;
}
.haikei-product-analysis .sumple-method2 .left{
    float:left;
	width:30%;
	padding: 2% 0;
	vertical-align:middle
}
.haikei-product-analysis .sumple-method2 .left p{
	font-weight:bold
}
.haikei-product-analysis .sumple-method2 .right{
    float:left;
	width:70%;
	padding: 2% 0;
	vertical-align:middle
}
.haikei-product-analysis .sumple-method2 .right .btm-2{
	margin-bottom:2%
}
/*インデント*/
p.indent-1,.indent-1{
padding-left:1em;
text-indent:-1em;
}
/*フォーム赤線打消し*/
.haikei-product-analysis .info tr {
    border: none;
}
@media screen and (max-width:640px){
.product-analysis p.top-come3 {
    font-size: 1.1em;
}
.haikei-product-analysis .sumple-method {
    width:97%;
    float:none;
    margin-right:0;
	margin-bottom: 2%;
}
.haikei-product-analysis .sumple-method2 .left,.haikei-product-analysis .sumple-method2 .right {
    float: none;
    width: 100%;
	}
	}
.page-id-9262 #kotei-tubnav .select,.page-id-1375 #kotei-tubnav .select,.page-id-1399 #kotei-tubnav .select,.page-id-1410 #kotei-tubnav .select,.page-id-1417 #kotei-tubnav .select,.page-id-1413 #kotei-tubnav .select,.page-id-1421 #kotei-tubnav .select,.page-id-9582 #kotei-tubnav .select{
    background-color:white;
    color:#7b6605;
}
/*事業継続計画/マネジメント（BCP/BCM）ページ追加20200311*/
.page-id-9582 #kotei-tubnav .select9 {
    background-color: #420000;
    color: white;
}
/*キャリパにご相談ください！*/
.bcp .top-come3 {
    padding:3%;
    background-image: url(img/bcp-bcm-back.jpg);
    background-size: cover;
}
.bcp .top-come3 p{
	font-size: 1.2em;	
    letter-spacing: 0.05em;
    font-weight: bold;
}
.bcp .top-come3 p.btm-1{
	margin-bottom:2%
}
.content-box2 .bcp-h3 {
    background-color: #385723;
    color: white;
    padding: 5px 0;
    border-left: solid #385723 6px;
    margin-bottom: 17px;
}
/*
.haikei-bcp {
    background-color: #fff5ca;
}
*/
.haikei-bcp .font-b{
	font-weight:bold
}
/*フォーム打消し*/
.haikei-bcp .info tr {
    border:none
}
/*タイトル下の明朝フォント*/
.font-wa{
    letter-spacing: 0.05em;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    line-height: 1.3em;
    background-color: #1f3113;
    padding: 1%;
    text-align: center;
    font-size: 1.4em;
	color:white
}
.marker_yellow_hoso {
background:linear-gradient(transparent 60%, #ffb76b 60%)
}
/*サービス内容と参考費用の流れ図*/
.haikei-bcp .nagare{
	text-align:center;
	margin-bottom:2%
}
/*サービス内容と参考費用の表*/
.haikei-bcp .service table{
	border-collapse:collapse
}
.haikei-bcp .service th{
	background-color:#c7c7c7;
	padding:1%;
    border: 1px solid #515151;
}
.haikei-bcp .service td{
    background-color: white;
    padding: 1.5%;
    border: 1px solid #515151;
}
.haikei-bcp .service td span{
	font-size: 0.8em;
    color: #385723;
    font-weight: bold;
}
.haikei-bcp .anno{
	margin-top:2%
}
@media screen and (max-width:640px){
.haikei-bcp .service table {
    font-size: 0.8em;
}
}
/*オンライン会場ページ0519追加*/
.online-midashi{
	border-left: solid #420000 4px;
    padding-left: 6px;
	margin-bottom:2%;
	font-weight:bold
}
/*===========================================セミナー受講者様へのご案内ページ0608*/
.mcgn5 .pdf-more{
  text-decoration:underline;
    color:#420000;
    font-weight: bold;
}
.mcgn5 .last .pdf-more{
	margin-left:1%
}
.mcgn5 li{
	margin-bottom:1%
}
.mcgn5 .oversea{
	/*border:1px solid #420000;*/
	padding:2%
}
.mcgn5 h2{
	background-color: #420000;
    color: white;
    padding: 5px 0;
    border-left: solid #420000 6px;
    margin-bottom: 17px;
	font-size: 1.2em;
}
/*===========================================セミナーアンケートページ0609*/
.survey h1 span{
	font-size: 0.6em;
}
.survey.seminar2-survey h1 span{
    color: #1a1b77;	
}
.survey.seminar3-survey h1 span{
    color:#679a01;	
}
.survey .info td{
	padding: 2% 0;
	border-top:none
}
.survey .info td.short{
	padding: 1% 0;	
}
.survey .btm-hr{
	border-bottom:1px solid gray
}
.survey .info .wid-45{
   /* width: 50%;*/
     /*padding-right: 2%;*/
	vertical-align:top;
   width: 100%;
	display:block
}
.survey .info .wid-55{
   /* width: 50%;*/
   width: 100%;
	display:block
}
.survey .info .wid-60{
	width:60%;
	padding:3% 0
}
.survey .info .wid-40{
	width:40%;
	padding:3% 0
}
.survey .wpcf7 textarea[name="textareaque-1-1"] ,
.survey .wpcf7 textarea[name="textareaque-1-2"],
.survey .wpcf7 textarea[name="textareaque-1-3"],
.survey .wpcf7 textarea[name="textareaque-2-2"],
.survey .wpcf7 textarea[name="textareaque-4-2"],
.survey .wpcf7 textarea[name="textareaque-5-2"]{
        height: 3em !important;
}
.survey .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
	margin: 1% 1% 0;
}
.survey .que{
	background-color: #515151;
    padding: 0.2% 1%;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 1%;
}
.survey.seminar2-survey .que{
	background-color:#1a1b77
}
.survey.seminar3-survey .que{
	background-color:#679a01
}
.survey .boxf{
	padding:1.5% 0
}
.survey .top-2{
	padding-top: 3%;
}
.survey .btm-2{
	padding-bottom: 3%;
}
.survey .btm-1{
	padding-bottom: 2%;
}
@media screen and (max-width:640px){
	.survey .info .wid-45,.survey .info .wid-55,.survey .info .wid-60,.survey .info .wid-40{
	display: block;
    width: 100%;
    padding-right: 0;
    padding-top: 3%;
    padding-bottom: 3%;
}
}
/*IMDS/JAMA ＆ chemSHERPAセミナー追加20200619*/
.seminar0710 .teacher{
    color: white;
    background-color: #515151;
    padding:0.25% 1%;
    font-size: 0.9em;
    margin-right: 2%;
    font-weight: normal;
}
/*
.seminar0710 .haikei-seminer-beginner{
	background-color:#f5fbff
}
*/
.seminar0710 .seminer-beginner .seminer-beginner-h3 {
    background-color: #48afe4;
    border-left: solid #48afe4 6px;
}
.seminar0710 .seminer-beginner-back h3 {
	background-color: #ec8312
}
.seminar0710 .seminer-beginner-back {
    border: 2px solid #ec8312;
}
.seminar0710 .dia-gold {
    color: #ec8312;
}
.seminar0710 .font-brightred {
    color: #ec8312;
}
.seminar0710 .seminer-beginner-nav #box-nav20{
	    color: #1866b3;
}
.seminar0710 .seminer-beginner-nav #box-nav20:hover{
    background-color:#96d3f3
}
.seminar0710 .seminer-beginner-back li.btm-5{
margin-bottom: 3%;
    border-bottom: 1px solid gray;
    padding-bottom: 2%;
}
.seminar0710 .info tr {
    border: none !important
}
.seminar0710 .info td {
    border: none !important;
	padding: 2%;
}
.seminar0710 .info .font-red2{
	color:red;
	font-weight:bold;
font-size:0.9em
}
.seminar0710 .seminer-beginner-back .box ul{
	margin-top:4%
}
/*オンラインセミナーFAQ*/
.page-id-11652 #kotei-tubnav .select1{
	background-color: #420000;
    color: white;
}
.online-faq .table{
margin-top:2%;
	margin-bottom:5%
}
.online-faq .table tr:nth-child(even){
	background-color:#fff2dc
}
.online-faq .table h3{
	margin-bottom:2%;
	border-left:none;
	padding-left:0
}
.online-faq .table table{
  border: 1px solid gray;
}
.online-faq .table table th,.online-faq .table table td {
  border: 1px solid gray;
    padding: 1%;
}
.online-faq .table table th{
background-color:#ffce85;
    width: 50%;
}
.online-faq .btm-2{
	margin-bottom:2%
}
/*右の見積もりボタン非表示*/
.page-id-11652 .mitsumori-btn1,.page-id-11652 .mitsumori-btn2,.page-id-11652 .mitsumori-btn3,.page-id-11652 .mitsumori-btn4{
	display:none
}
/*セミナー終了下のリンク0730追加分*/
.seminar0710 .other-link{
	margin-bottom:2%
}
.seminar0710 .other-link li{
color:#1866b3
}
.seminar0710 .other-link a{
color:#1866b3;
text-decoration:underline
}
@media screen and (max-width: 640px) {
.online-faq .table table{
    width:100%;
  }
.online-faq .table table th,.online-faq .table table td {
　　border-bottom: none;
    display: block;
    width: 96%;
	padding:2%
  }
	.online-faq .table table th{
		display:none
	}
	.online-faq .table table .only-mov{
		display:block;
	color:orange;
	font-weight:bold
	}
}
 /*サイト上部メニューに災害対策を追加0803*/
.top-nav li{
	width:110px;
}
.top-nav2 li{
	width:110px;
}
/*災害対策ページ内にコメニューを追加*/
.kotei-tubnav2 .tab-content .nav-saigai a {
    width: 25%;
}

/*.page-id-11960 #kotei-tubnav .select2, .page-id-9582 #kotei-tubnav .select1{
    background-color: #420000;
    color: white;
}*/

@media screen and (max-width: 640px) {
.kotei-tubnav2 .tab-content .nav-saigai a {
    width: 100%;
	padding:2% 0
}
.kotei-tubnav2 .tab-content .nav-saigai a br{
    display:none;
}	
}
/*コロナ後にも災害や新ウイルス対策が必要0803*/
.prevent-sem.antivirus .midashi-top{
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    background-color: #0068b7;
    padding: 1% 0;
}
.prevent-sem.antivirus .top-come .point {
	background-color: #ef5b04;
}
.prevent-sem.antivirus .back-zu {
    background-image: url(img/back-antivirus.png);
}
.prevent-sem.antivirus .back-zu p{
	    line-height: 1.5em;
}
.prevent-sem.antivirus  .back-zu li {
    padding-bottom: 17px;
}
.prevent-sem.antivirus .btm-1{
	margin-bottom:1%
}
.prevent-sem.antivirus .font-b{
	font-weight:bold
}
.haikei-seminer-prevent.antivirus .midashi {
    margin-bottom: 2%;
}	
.page-id-11960 .info tr {
    border:none;
}
@media screen and (max-width: 640px) {
.prevent-sem.antivirus .midashi-top {
    font-size: 1.1em;
    padding: 2% 1%;
    margin-top: 2%;
}
	.prevent-sem.antivirus .top-box .img2{
	display:none;
}
	}
/*サイトマップページ*/
.page-id-4836 .relation-rink,.page-id-4836 .wp_rp_wrap,.page-id-4836 .hr-red.btm-20,.page-id-4836 .works-article{
display:none
}
/*シークレットページ「chemSHERPA SCIP対応説明会」追加20200903*/
.gbk0903 .info td {
    padding: 3% 0;
}
.gbk0903 .btm-3{
	margin-bottom:3%
}
.gbk0903 .text-top span{
background-color: #064371;
    color: white;
    margin-right: 0.5%;
    padding: 0 1%;
}
.page-id-12201 .top-img h1{
  font-size: 1.7em;
}
@media screen and (max-width: 1025px) {
	.page-id-12201 .content{
		width:95%;
		margin:0 auto
	}
.page-id-12201 .top-img h1{
  font-size: 1.3em;
	margin-left:1%
}
}
@media screen and (max-width: 640px) {
	.gbk0903 .text-top span{
		display:block;
		margin-bottom:1%
	}
	.gbk0903 .text-top .btm-1{
		margin-bottom:3%
	}
.page-id-12201 .top-img h1{
  font-size: 1.2em;
	margin-left:0
}
}
/*===========================================企業再生支援（経営改革/働き方改革）オンラインセミナー0909*/
.antivirus-2 .btm-2p{margin-bottom:2%}
.antivirus-2 .back-zu ul {
    float: none;
    width: 100% !important;
}
.antivirus-2 .bikou p{
	margin-bottom:2%
}
.antivirus-2 .bikou p:last-child{
	margin-bottom:0
}
.antivirus-2 .bikou p span{
	margin-right: 1%;
    background-color:#68a7c7;
    padding: 0.25% 1%;
    width: 10%;
    color: white;
    width: 8%;
    display: inline-block;
    text-align: center;
	font-size: 0.9em;
}
.antivirus-2 .info tr {
    border: 1px solid white;
}
.antivirus-2 .back-zu .midashi{
	margin-bottom:1%
}
.antivirus-2 .seminer-prevent-h3 {
    color: #0068b7;
    padding: 0.5% 1%;
    border-left: none;
    margin-bottom: 17px;
    border-bottom: none;
    background-color: #a8daf3;
    border-left: 7px solid #0068b7;
}
.antivirus-2 .dia{
	color:#ef5b04
}
.antivirus-2 .btm-2p.anno{
	margin-left:1em
}
.antivirus-2 .btm-2p.anno li{
	margin-bottom:1%
}
.antivirus-2 .btm-2p.anno li:lasy-child{
	margin-bottom:0
}
/*お申込みの際のご注意*/
.antivirus-2 .anno-box .btm-2p{
	margin-bottom:3%	
}
.antivirus-2 .anno-box .btm-2p:last-child{
	margin-bottom:0
}
/*プログラム*/
.antivirus-2 .back-zu ul {
    float: none;
    width: 95%;
}
/*お申込みボタン*/
.antivirus-2 .for-form{
	margin-top:4%
}
.antivirus-2 .for-form a{
	background-color: #0068b7;
    color: white;
    font-weight: bold;
    padding: 1% 2%;
    letter-spacing: 0.1em;
	margin:0 1%
}
.antivirus-2 .font-bl{
	color:#0068b7
}
.antivirus-2 .prof{
	background-color: #d1f0ff;
    color: #515151;
    font-size: 0.8em;
    margin-right: 0.15%;
    padding: 0.1% 1%;
    font-weight: bold;
}
/*ナビゲーション*/
.antivirus-2 .chem-sherpa #box-nav20 {
	width: 16.5%;
	color: #0068b7;
}
@media screen and (max-width: 640px) {
.antivirus-2 .chem-sherpa #box-nav20 {
    width: 100%;
    padding: 2% 0;
}
	.antivirus-2 .for-form a{
	display: block;
margin-bottom: 3%;	
	}
}
/*===========================================サイトトップのバナー移動0909*/
.main-topix ul.top{
	margin-bottom: 2%;
}
.main-topix ul.top2 .box{
    display: block;
}
@media screen and (max-width: 640px) {
.main-topix ul.top{
	margin-bottom:0
}
}



/*===================================================================================リニューアル追加*/
/*共通*/
.center{
	text-align:center;
}

/*グローバルナビ1221*/
.navi-black{
    background-color: #fff;
	padding-bottom: 5px;
}
.navi-black .main-moji{
	float: left;
    width: 39%;
    text-align: right;
    margin-top: 5px;
}
.navi-black .main-moji img{
    width: 47%;
}
@media screen and (max-width:1300px){
.navi-black .main-moji img{
    width: 50%;
}
}
@media screen and (max-width:1200px){
.navi-black .main-moji img{
    margin-top: 5px;
}
}
@media screen and (max-width:1024px){
.navi-black .main-moji img{
    margin-top: 10px;
}
}




.navi-sub{
	background-color: #e0412c;
}

.top-rogo .hidari {
    width: 20%;
	/*margin-top: 10px;*/
}
.top-rogo .hidari img{
    width: 55%;
    margin-left: 35px;
}

@media screen and (max-width:1300px){
.top-rogo .hidari img{
    width: 60%;
}
}
@media screen and (max-width:1200px){
.top-rogo .hidari img{
    width:80%;
	margin-left: 20px;
}
}



.top-rogo .migi li a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
@media screen and (max-width:1058px){
.top-rogo .migi li a {
    font-size: 13px;
}
}



#gnav ul li a {
    color: #ffffff;
}


/*追加20210106*/
.top-nav #gnav > ul > li:hover > a {
    color: #ffffff;
}


.top-nav2 {
    /*background-color: #000;*/
    background-color: #fff;
}



/*ロゴの下の隙間*/
.top-nav2 .hidari {
    margin-bottom: 5px;
	/*margin-top: 10px;*/
}


/*経験はブランドの文字*/
.top-nav2 .main-moji {
    float: left;
    width: 39%;
    text-align: right;
    margin-top: 10px;
}
.top-nav2 .main-moji img{
    width: 47%;
}


/*文字大きさの上の隙間*/
.top-nav2 .migi {
    
}



/*文字検索の調節*/
.top-rogo .migi {
    width: 40%;
    float: right;
    text-align: right;
	padding-right:100px;
}
@media screen and (max-width:1215px){
.top-rogo .migi {
    padding-right: 50px;
}
}
@media screen and (max-width:1065px){
.top-rogo .migi {
    padding-right: 47px;
}
}

@media screen and (max-width:1048px){
.top-rogo .migi {
    padding-right: 48px;
}
}
@media screen and (max-width:995px){
.top-rogo .migi {
    width: 43%;
}
}
@media screen and (max-width:990px){
.top-rogo .migi {
    width: 51%;
}
}
@media screen and (max-width:784px){
.top-rogo .migi {
    width: 52%;
}
}









/*文字サイズの枠調節*/
.top-rogo .migi #textsize li {
    width: auto;
}



/*検索窓*/
#contact_and_search{
	/*float: left;*/
    text-align: right;
    width: 20%;
    margin-top: 15px;
}



.top-nav #gnav > ul .menu {
    background-color: #cf5b4bed;
	/* height: 270px; */
}
.top-nav #gnav > ul > li {
    display: table-cell;
    margin-right: 2em;
    width: 240px;
    border-left: solid 2px #823227;
}
.top-nav #gnav > ul > li:last-child {
    border-right: solid 1px #060c28;
}
.top-nav #gnav > ul > li > a {
    display: block;
    padding: 3px 0;
    transition: all .2s ease-in;
    height: 50px;
    line-height: 35px;
}
.top-nav li a:hover {
    color: #fff;
    background-color: #cb5242;
	background-image: none;
}

.top-nav #gnav ul li a{
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
}

.top-nav #gnav ul li a:hover{
    color:#fff;
	background-color: unset;
}



/*メニューの中の整列*/
.top-nav #gnav ul li .menu-inner{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
	padding: 25px 0;
}
@media screen and (max-width:1200px){
.top-nav #gnav ul li .menu-inner{
    max-width: 1100px;
}
}
@media screen and (max-width:1024px){
.top-nav #gnav ul li .menu-inner{
    max-width: 950px;
}
}



.top-nav #gnav ul li ul {
    float: left;
	width:32.5%;
	text-align:left;
	border-left: solid 1px #a6a6a6;
	/* height: 220px; */
	/*margin-top: 15px;*/
}


/*TAKUMI(匠)のメニュー*/
.top-nav #gnav ul li.takumi ul.border {
    border-left: none;
}
/*海外支援のメニュー*/
.top-nav #gnav ul li.kaigai ul.border {
    border-left: none;
}
/*産学連携のメニュー*/
.top-nav #gnav ul li.sangaku ul.border {
    border-left: none;
}



/*メニューの横棒消すやつ*/
.top-nav #gnav ul li ul:last-child {
	border:none;
	margin-top: 0px;
}

.top-nav #gnav ul li ul li{
    display: block;
	color:#fff;
	height:auto;
	line-height: 25px;
    margin-bottom: 15px;
	width: 100%;
    text-align: left;
    margin-left: 8px;
}
.top-nav #gnav ul li.tab01 ul li{
    margin-bottom: 5px;
}


.top-nav #gnav ul li ul li p {
    font-size: 16px;
    margin-left: 10px;
}

.top-nav #gnav ul li ul li a:before {
    border: 0.5em solid transparent;
    border-left-color: #a13e31;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
.top-nav #gnav ul li ul li a{
    display: inline-block;
	padding: 0;
}

.top-nav #gnav ul li ul:last-child li{
    width: 100%;    
	margin-top: 0;
}
.top-nav #gnav ul li ul:last-child li:before {
    display:none;
}



/*イベント＆セミナー調節*/
.top-nav #gnav ul li .menu-inner .ul01{
    width: 64%;
}
.top-nav #gnav ul li .menu-inner .ul01 li{
    margin-bottom: 5px;
}
.top-nav #gnav ul li .menu-inner .ul01 li.margin-zero{
    margin-bottom: 0;
}

.top-nav #gnav ul li .menu-inner .ul01 li a.link-none:hover{
    text-decoration:none;
	color:#515151;
}
.top-nav #gnav ul li .menu-inner .ul01 li.sage{
    margin-left: 30px;
	line-height: 20px;
}
.top-nav #gnav ul li .menu-inner .ul01 li.sage a:before{
    border-left-color: #929292;
}



.top-nav #gnav ul li .menu-inner .ul02{
    width: 33%;
    margin-right: 24px;
}








/*固定ページヘッダーのメニュー*/
.top-nav3 .content {
    max-width: 1200px;
}
.top-nav3 li {
    margin-bottom: 10px;
	width:auto;
}
.top-nav3 li:last-child {
    margin-bottom: 0px;
}

.top-nav3 #contact_and_search {
    margin-top: 0;
}
.top-nav3 #textsize li {
    vertical-align:top;
}




/*スクロールしたあとに出てくるメニュー*/
.top-nav2 .top-nav #gnav li {
    padding-bottom: 0%;
}








.new-header-bottom ul{
	display: flex;
    justify-content: space-between;
}
.new-header-bottom ul .mail{
	color:#fff;
	font-weight:bold;
}


/*影*/
.shadow {
    box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -webkit-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -moz-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    box-shadow: rgb(0 0 0 / 44%) 0 0 5px 2px;
}



/*パンくず*/
.pankuzu {
    font-size: 13.5px;
    padding-top: 70px;
}
@media screen and (max-width: 768px) {
.pankuzu {
    padding-top: 0px;
}
}



/*paddingが内側になるやつ*/
*, *:before, *:after {
	box-sizing: border-box;
}

/*contnet*/
.content {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 1200px) {
.content {
    max-width: 1000px;
}
}
@media screen and (max-width: 1024px) {
.content {
    max-width: 950px;
}
}
@media screen and (max-width: 768px) {
.content {
    max-width: 700px;
}
}
@media screen and (max-width: 750px) {
.content {
    width: 95%;
    margin: 0 auto;
}
}

@media screen and (max-width: 750px) {
.top-img .content{
   max-width:100%;
    width: 100%;
}
}

/*右上にあったやつ削除*/
.only-pc .mitsumori-btntop{
	display:none;
}



/* --------------------------------------------------- アニメーション*/
.fuwat {
	opacity : 0;
	transform: translateY(20px);
	transition: all 2s;
}
@media screen and (max-width: 768px) {
	.fuwat {
  		/*transition: all .5s;*/
		transition: none;
			opacity : 1;
	}
}

/*トップに戻るボタン*/
.page-top {
    background: #000;
}





@media screen and (max-width: 750px) {
.title {
    margin-top: 5%;
}
}


/*タイトル*/
.title h2 {
    font-size: 30px;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    color: #000;
    line-height: 30px;
	text-align:center;
}

@media screen and (max-width: 750px) {
.title h2 {
    font-size: 20px;
	line-height: 25px;
}
}



.title h2 span {
    display: block;
    font-size: 20px;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    color: #929292;
    /* font-family: 'Architects Daughter', cursive; */
    font-style: italic;
    font-weight: 500;
}
@media screen and (max-width: 750px) {
.title h2 span {
    font-size: 16px;
}
}




/*---------------新しいニュース欄----------------*/
.new-news{
	margin:5% 0% 3%;
}
@media screen and (max-width: 768px) {
.new-news {
  margin-top: 10%;
}
}

@media screen and (max-width: 750px) {
.new-news {
  margin-top: 15%;
}
}


/*タブ切り替え全体のスタイル*/
.new-news .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  border: solid 2px #d9d9d9;
  box-shadow: 10px 10px 15px -10px;
  width: 1200px;
  margin: 0 auto;
  margin-top: 1%;
}

@media screen and (max-width: 1200px) {
.new-news .tabs {
  width: 1000px;
}
}
@media screen and (max-width: 1024px) {
.new-news .tabs {
  width: 900px;
}
}
@media screen and (max-width: 768px) {
.new-news .tabs {
  width: 760px;
}
}


@media screen and (max-width: 750px) {
.new-news .tabs {
    width: 0;
    width: 95%;
    margin: 0 auto;
	margin-top: 3%;
}
}




/*タブのスタイル*/
.new-news .tab_item {
  width: calc(100%/4);
  height: 50px;
  /*border-bottom: 3px solid #515151;*/
  background-color: #929292;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
@media screen and (max-width: 750px) {
.new-news .tab_item {
    width: calc(100% / 4);
    height: 70px;
    line-height: 20px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}



.new-news .tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
.new-news input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.new-news .tab_content {
  display: none;
  padding: 40px 20px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
.new-news #all:checked ~ #all_content,
.new-news #programming:checked ~ #programming_content,
.new-news #design:checked ~ #design_content,
.new-news #design2:checked ~ #design2_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.new-news .tabs input:checked + .tab_item {
  /*background-color: #515151;*/
  background-color: #000;
  color: #fff;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
.new-news .tabs input:checked + .tab_item {
  font-size: 14px;

}
}


/*記事タイトルの下線*/
.new-news .tabs .tab_content section article {
  border-bottom: solid 1px #dcdcdc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.new-news .tabs .tab_content section article:last-child {
  border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*カテゴリーずるのアイコン*/
.new-news .tabs .tab_content section article .news {
    background-color: #5dc1f4;
    color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 5px;
    border-radius: 15px;
	margin: 0 10px;
}
@media screen and (max-width: 750px) {
.new-news .tabs .tab_content section article a {
    display:block;
	font-size: 15px;
}
}

.new-news .tabs .tab_content section article .works {
    background-color: #420000;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 40px;
    border-radius: 15px;
	margin: 0 10px;
}
.new-news .tabs .tab_content section article .works-5 {
    background-color: #aa3c3c;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 35px;
    border-radius: 15px;
	margin: 0 10px;
}

.new-news .tabs .tab_content section article .event {
    background-color: #1f9b7c;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 10px;
    border-radius: 15px;
	margin: 0 10px;
}

/*ボタン*/
.new-news .btn{
	width: 30%;
    margin: 0 auto;
    margin-top: 3%;
    padding: 5px 0;
    border-radius: 5px;
    /* font-size: 15px; */
    text-align: center;
    background-color: #929292;
}
.new-news .btn:hover{
	background-color: #646363;
}

@media screen and (max-width: 750px) {
.new-news .btn{
    width: 85%;
    margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}
}


.new-news #design2_content .btn{
    /*width:15%;*/
}
@media screen and (max-width: 750px) {
.new-news #design2_content .btn{
    width: 85%;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}
}



.new-news .btn-flat-border {
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
    /* border-bottom: solid 1px; */
    font-size: 16px;
    color: #fff;
}
@media screen and (max-width: 750px) {
.new-news .btn-flat-border {
    font-size: 15px;
}
}


.new-news #design2_content .btn-flat-border {
  /*padding: 0.5em 4.5em;*/
}


.new-news .btn-flat-border:hover {
  /*background: #000;*/
  /*color: white;*/
	text-decoration: none;
    color: #fff;
}





/*-------------サービス内容----------------*/
.top-service{
	padding: 5% 0%;
	background-color: #f7f7f7;
    background-image: url(img/service-haikei.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
	/*border-top: solid 1.5px #ffc600;*/
	/*border-bottom: solid 1.5px #ffc600;*/
	margin-top:5%;
}
.top-service ul{
	margin-top:3%;
}
.top-service ul li{
	display:inline-block;
	vertical-align:top;
	margin-right: 2%;
    width: 23%;
}
@media screen and (max-width: 768px) {
.top-service ul li{
	margin-right: 9%;
    width: 40%;
    margin-bottom: 5%;
}
}

@media screen and (max-width: 750px) {
.top-service ul li{
	display: block;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10%;
}
}



.top-service ul li .white-wrap{
	/*background-color: #fff;*/
    /*padding: 25px;*/
    /*border-radius: 0 15px 15px 15px;*/
	box-shadow: 10px 10px 15px -10px;
	position:relative;
	overflow:hidden;
}
@media screen and (max-width: 450px) {
.top-service ul li .white-wrap{
	box-shadow: none;
}
}



.top-service ul li .white-wrap img:hover {
    transform: scale(1.2,1.2);
    -webkit-transition: all 1s;
}


.top-service ul li p span{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 220px;
    text-align: left;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}

@media screen and (max-width: 750px) {
.top-service ul li p span{
	font-size: 18px;
    height: 35px;
    line-height: 35px;
}
}

.top-service ul li:last-child{
	margin-right:0%;
}
@media screen and (max-width: 750px) {
.top-service ul li:last-child{
	margin-right:10%;
}
}





.top-service ul li p{
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}



/*色別*/
.top-service ul .li-01 p span{
	background-color: #dd240cdb;
}
.top-service ul .li-02 p span{
	background-color: #006bb08c;
}
.top-service ul .li-03 p span{
	background-color: #0e9c23c4;
}
.top-service ul .li-04 p span{
	background-color: #eb184d8c;
}


/*ボタン*/
.top-service .btn{
    width: 32%;
    margin: 0 auto;
    margin-top: 5%;
}
@media screen and (max-width: 1200px) {
.top-service .btn{
    width: 40%;
}
}
@media screen and (max-width: 1024px) {
.top-service .btn{
    width: 46%;
}
}
@media screen and (max-width: 768px) {
.top-service .btn{
    width: 61%;
}
}

@media screen and (max-width: 750px) {
.top-service .btn{
    width: 80%;
}
}





.top-service .btn-flat-border {
  display: inline-block;
  padding: 0.5em 3.5em 0.5em 5em;
  text-decoration: none;
  color: #fff;
  border: solid 1px #cacaca;
  border-radius: 3px;
  transition: .4s;
  background-color: #929292;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  font-weight: bold;
  border-radius: 30px;
}
@media screen and (max-width: 750px) {
.top-service .btn-flat-border {
  padding: 0.5em 1.5em 0.5em 4em;
  font-size: 16px;
}
}



.top-service .btn-flat-border:hover {
  background: #646363;
    color: #fff;
}



/*PDFダウンロードのアイコン*/
.top-service .btn .pdf-icon {
    position: relative;
    /*margin: 0px 0 0 40px;*/
    font-size: 15px;
    display: block;
    margin-top: 1%;
}
.top-service .btn .pdf-icon::before {
    font-family: FontAwesome;
    content: '\f1c1';
    font-size: 1.8em;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: -30px;
}



/*----------------特集-----------------*/
.tokushu{
	background-color: #fff;
	padding:3% 0%;
	/*border-top: solid 3px #ffc600;*/
	/*border-bottom: solid 3px #ffc600;*/
}
.tokushu ul{
	margin-top:2%;
}
.tokushu ul li{
	display: inline-block;
    width: 23.5%;
    vertical-align: top;
    /* background-color: #515151; */
    margin-right: 1%;
    /* width: 205px; */
    /* height: 205px; */
    margin-bottom: 1%;
	text-align: center;
}
@media screen and (max-width: 768px) {
.tokushu ul li{
    width: 44%;
    margin-right: 5%;
}
}


.tokushu ul li:last-child{
	margin-right:0%;
}


@media screen and (max-width: 750px) {
.tokushu ul li{
	display: block;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 5%;
}	
}	
@media screen and (max-width: 750px) {
.tokushu ul li:last-child{
	margin-right: 7%;
}	
}	




.tokushu ul li img{
	width: 100%;
    margin-bottom: 10px;
}
.tokushu ul li img:hover {
    text-decoration: none;
    opacity: .7;
}


/*----------------問い合わせ-----------------*/
.contact-wrap{
	background-image: url(img/haikei_contact-comp.jpg);
    background-size: cover;
	padding:5% 0%;
}
@media screen and (max-width: 750px) {
.contact-wrap{
	padding: 10% 0%;
}
}



.contact-wrap .title h2{
	color:#fff;
	border: none;
}

.contact-wrap .title h2 span{
	color:#fff;
}


.contact-wrap .tel-mail{
	overflow:hidden;
    margin-top:2%;
}
/*
.contact-wrap .tel{
	background-color:#fff;
	float:left;
	width:47%;
}
*/
/*
@media screen and (max-width: 750px) {
.contact-wrap .tel{
	float: none;
    width: 90%;
    margin: 0 auto;
}	
}
*/



.contact-wrap .tel{
	 margin-top: 3%;
}
.contact-wrap .tel a{
	 text-decoration: none;
}

@media screen and (max-width: 750px) {
.contact-wrap .tel{
	padding: 25px 25px;
    padding-top: 0;
}
}




.contact-wrap .tel p{
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
	font-weight:bold;
	font-size:20px;
}
.contact-wrap .tel p.time{
	font-size: 15px;
}



/* 電話アイコン */
.contact-wrap .tel .tel-icon {
    position: relative;
    margin: 0px 0 0 40px;
    font-size: 20px;
    display: block;
    margin-top: 1%;
    text-align: center;
}
@media screen and (max-width: 750px) {
.contact-wrap .tel .tel-icon {
    font-size: 15px;
}
}

.contact-wrap .tel .tel-icon::before {
    font-family: FontAwesome;
    content: '\f098';
    font-size: 1.8em;
    color: #a13e31;
    position: absolute;
    top: 0px;
    margin-left: -40px;
}
@media screen and (max-width: 750px) {
.contact-wrap .tel .tel-icon::before {
	margin-left: -27px;
    /* right: 282px;*/
}	
}



/*
.contact-wrap .tel a{
    display: block;
    padding: 35px 20px;
}
@media screen and (max-width: 750px) {
.contact-wrap .tel a{
    padding: 25px 20px;
}	
}   
*/



.contact-wrap .tel a:hover {
    text-decoration: none;
	opacity: .7;
}
.contact-wrap .tel p:hover {
    color: #000;
}

.contact-wrap .tel .tel-icon span {
    color: #a13e31;
    font-weight: bold;
    font-size: 28px;
}
.contact-wrap .tel .tel-icon span.mini{
    font-size: 18px;
}






/*.contact-wrap .mail{
	background-color:#fff;
	float:left;
	width:47%;
	margin-left:5%;
}
*/
/*
@media screen and (max-width: 750px) {
.contact-wrap .mail{
	float: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 10%;
}	
}
*/



.contact-wrap .mail p{
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
	font-weight:bold;
	font-size:20px;
}
.contact-wrap .mail p.time{
	font-size: 15px;
}

/* メールアイコン */
.contact-wrap .mail .mail-icon {
    position: relative;
    margin: 0px 0 0 40px;
    font-size: 20px;
    display: block;
    margin-top: 1%;
    text-align: center;    
	margin: 0;
}
@media screen and (max-width: 750px) {
.contact-wrap .mail .mail-icon {
    font-size: 15px;
}
}

.contact-wrap .mail .mail-icon::before {
	display: contents;
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.5em;
    color: #a13e31;
    position: absolute;
    top: 0px;    
	margin-left: -40px;
}
.contact-wrap .mail a{
    display: block;
    /*padding: 35px 20px;*/
	text-decoration: none;
}
@media screen and (max-width: 750px) {
.contact-wrap .mail a{
    padding: 15px 25px 20px;
}	
}



.contact-wrap .mail a:hover {
    /* text-decoration: none; */
    /* opacity: .7; */
    text-decoration: none;
}
.contact-wrap .mail p:hover {
    color: #000;
}

.contact-wrap .mail .mail-icon span {
    color: #a13e31;
    font-weight: bold;
    font-size: 28px;
}
.contact-wrap .mail .mail-icon span.mini{
    font-size: 18px;
}



/*-----contact-wrap   修正　　 ------*/
.contact-wrap .wrap-white{
	background-color:#fff;
	text-align:center;
	padding: 3% 0;
}
@media screen and (max-width: 750px) {
.contact-wrap .wrap-white{
	margin: 0 5%;
}	
}









/*----------------外部リンク-----------------*/
.gaibu{
	padding:3% 0%;
	background-color: #f3f3f3;
	/*border-top: solid 3px #ffc600;*/
	/*border-bottom: solid 3px #ffc600;*/
}
@media screen and (max-width: 750px) {
.gaibu{
	padding-top: 8%;
}	
}




/*---------------------------------------------------リニューアル　　固定ページ----------------*/
/*オフィス案内*/
.buid .top-img {
    background-image: url(img/koteiimg-buid.png);
    background-size: cover;
}



/*取り組み*/
.torikumi .section1{
	margin-top:3%;
}
.torikumi .section1 ul li{
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 750px) {
.torikumi .section1 ul li{
	display: block;
}	
}

.torikumi .section1 ul .li1{
	width:40%;
}
@media screen and (max-width: 750px) {
.torikumi .section1 ul .li1{
	width: 90%;
    margin: 0 auto;
}	
}

.torikumi .section1 ul .li2{
	width:55%;
	margin-left:3%
}
@media screen and (max-width: 750px) {
.torikumi .section1 ul .li2{
	width: 90%;
    margin: 0 auto;
    margin-top: 5%;
}	
}


.torikumi .section2{
	margin-top:3%;
    margin-bottom:5%;
}
@media screen and (max-width: 750px) {
.torikumi .section2{
	margin-top: 15%;
}	
}


.torikumi .section2 h2{
	
}

.torikumi .section2 ul li{
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 750px) {
.torikumi .section2 ul li{
	display: block;
}	
}

.torikumi .section2 ul .li1{
	width:40%;
}
@media screen and (max-width: 750px) {
.torikumi .section2 ul .li1{
	width: 90%;
    margin: 0 auto;
}	
}

.torikumi .section2 ul .li2{
	width:55%;
	margin-left:3%
}
@media screen and (max-width: 750px) {
.torikumi .section2 ul .li2{
	width: 90%;
    margin: 0 auto;
    margin-top: 5%;
}	
}



/*TAKUMI(匠)*/
/*TAKUMI(匠)の中のメニュー*/
#kotei-tubnav .nav-takumi a {
    width: 25%;
}
@media screen and (max-width: 750px) {
#kotei-tubnav .nav-takumi a {
    vertical-align: top;
    height: 70px;
}	
}

@media screen and (max-width: 750px) {
.page-id-1746 .none01{
	width:95%;
	margin:0 auto;
}
}
@media screen and (max-width: 750px) {
.page-id-1746 h2{
	margin-top: 5%;
}
}



/*求む専門家*/
.page-id-13880 .service-gaiyou {
    display:none;
}

.specialist-recruitment #tabView3{
	background-color: #fff;
    margin: 5% 0;
}
/*
.specialist-recruitment .content-box2.haikei-webapp.no1 ul.t {
    background-color: #fffaf4;
    padding: 2%;
}
*/
.specialist-recruitment .web-app .migi.app-text1 .consulting-pict-h3 {
    background-color: #ec7f42;
    border-left: solid #ec7f42 6px;
}
/*
.specialist-recruitment .content-box2.haikei-webapp.no2 ul.t {
    background-color: #f2faff;
    padding: 2%;
}
*/
.specialist-recruitment .web-app .hidari.app-text2 .consulting-pict-h3 {
    background-color: #43ace8;
    border-left: solid #43ace8 6px;
}
.specialist-recruitment .web-app .hidari.app-text2 {
    width: 50%;
}
@media screen and (max-width: 750px) {
.specialist-recruitment .web-app .hidari.app-text2 {
    width: 95%;
    margin: 0 auto;
}	
}

.specialist-recruitment .web-app .migi.app-img2 {
    width: 45%;
    margin-left: 5%;
}  
@media screen and (max-width: 750px) {
.specialist-recruitment .web-app .migi.app-img2 {
    width: 95%;
    margin: 0 auto;
    /* margin: 10px 0; */
    margin-bottom: 10px;
    margin-top: 10px;
}	
}





.specialist-recruitment .web-app .hidari.app-img1 {
    width: 45%;
    margin-right: 5%;
}
@media screen and (max-width: 750px) {
.specialist-recruitment .web-app .hidari.app-img1 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10%;
}	
}


.specialist-recruitment .web-app .migi.app-text1 {
    width: 50%;
}
@media screen and (max-width: 750px) {
.specialist-recruitment .web-app .migi.app-text1 {
    width: 95%;
    margin: 0 auto;
}	
}




/*----------------------製品含有化学物質管理----------------------------------------------------------*/
.page-id-1078 #kotei-tubnav .select1,.page-id-1045 #kotei-tubnav .select2,.page-id-14022 #kotei-tubnav .select3,.page-id-3163 #kotei-tubnav .select4,.page-id-1008 #kotei-tubnav .select5{
    background-color: #420000;
    color: white;
}


/*製品含有化学物質管理スマホメニューのタブ*/
@media screen and (max-width: 750px){
.chemical_management .ganyu .nav-quarity_management a.select1{
    line-height: 25px;
    padding: 6px 0;
}
}
@media screen and (max-width: 750px){
.chemical_management .ganyu .nav-quarity_management a.select2{
    line-height: 25px;
    padding: 6px 0;
}
}
@media screen and (max-width: 750px){
.chemical_management .ganyu .nav-quarity_management a.select3{
    line-height: 25px;
    padding: 6px 0;
}
}
@media screen and (max-width: 750px){
.chemical_management .ganyu .nav-quarity_management a.select5{
    line-height: 25px;
    padding: 6px 0;
}
}






/*chemSHERPA input Support ツール Webアプリケーション*/
.page-id-13455 #kotei-tubnav .select8{
    background-color: #420000;
    color: white;
}
.page-id-13455 .tab-box-midashi span{
	font-size: 0.7em;
    vertical-align: top;
    margin-right: 1%;
}
.page-id-13455 .haikei-app.print .fro{
	width: 40%;
    margin: 1% 3%;
    text-align: center;
}
.page-id-13455 .haikei-app.print .fro a{
    display: block;
    padding: 2%;
    width: 100%;
    background-color: #1c3e8a;
    color: white;
}
.page-id-13455 .consul-topcomment1 p.font-f{
  text-shadow    : 
       2px  2px 1px #1c3e8a,
      -2px  2px 1px #1c3e8a,
       2px -2px 1px #1c3e8a,
      -2px -2px 1px #1c3e8a,
       2px  0px 1px #1c3e8a,
       0px  2px 1px #1c3e8a,
      -2px  0px 1px #1c3e8a,
       0px -2px 1px #1c3e8a;        /* 文字の影 */
    font-size: 1.5em;
    letter-spacing: 0.1em;
}
.consul-top.web-ad .over-f{
	top:4%
}
.consul-top.web-ad .consul-topcomment1{
	width: 60%;
	display: none;
}
.consul-top.web-ad .consul-topcomment1 .font-b{
	font-size: 2.2em;
    margin-top: 2%;
    line-height: 1.4em;
    color: #1c3e8a;
}

.haikei-app {
    background: #f3f8f9;
    background-image: radial-gradient(#d5f2ff 10%, transparent 0), radial-gradient(#d5f2ff 10%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

.haikei-app li{
    display: block;
    float: none;
    margin-bottom: 1%;
    text-align: left;
    margin-left:5%;
}
.haikei-app li:last-child{
	margin-bottom:2%
}
.haikei-app .left {
    float: left;
    width: 48.5%;
    margin-right: 2%;
    background-color: white;
    border: 2px solid #a3d1e6;
}
.haikei-app .right{
	float:left;
	width:48.5%;
    background-color: white;
    border: 2px solid #a3d1e6;
}
.haikei-app .midashi {
    background-color:#a3d1e6;
    padding: 1%;
    margin-bottom: 2%;
    color: #1c3e8a;
    font-weight: bold;
    padding-left: 5%;
    text-align: left;
}
.haikei-app .midashi span{
	background-color: #FFEB3B;
    color: #f77e01;
    padding: 0 2%;
    margin-right: 1%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.content-box2 .app-pict-h3 {
    background-color: #1c3e8a;
    color: white;
    padding: 5px 0;
    border-left: solid #1c3e8a 6px;
    margin-bottom: 17px;
}
.print-only{
	display:none
}
.print-only table{
	width: 100%;
}



.print-btn input {
    padding: 1% 5%;
    color: white;
    border: none;
    cursor: pointer;
    background-color: #1c3e8a;
    /* border-radius: 5px; */
    font-size: 17px;    
	width: 35%;
}
.haikei-app.print .haikei-white{
padding:2%
}
.haikei-app .font-aqua{
	color: #59aad0;
    font-weight: bold;
}
.haikei-app .wid-55.over-f .box{
	margin-bottom:1.5%
}
.haikei-app .wid-55.over-f .box p{
	margin-bottom:1%
}
.haikei-app .wid-55.over-f .box:last-child{
	margin-bottom:0
}
.haikei-app .info td.wid-45{
width:45%
}


/*----------chemSHERPA　①申し込みフォーム------------------*/
.page-id-14076 .haikei-app .info tr.shusei td.wid-45{
	width:40%;
}
.page-id-14076 .haikei-app .info tr.shusei .hissu{
	float:left;
}
.page-id-14076 .wpcf7 input[type="submit"] {
    width: 35%;
}
.page-id-14100 .info tr.shusei .hissu {
    float: left;
}
.page-id-14100 .wpcf7 input[type="submit"] {
    width: 35%;
}
@media screen and (max-width: 750px){
.page-id-14076 .haikei-app .info tr.shusei .hissu{
	float:none;
}
}
.page-id-14076 h3.title-top, .page-id-14100 h3.title-top {
    border-left: 0;
    color: #1c3e8a;
    margin-bottom: 17px;
}
.page-id-14076 .top-img {
    display:none;
}
.page-id-14076 .hihyouji {
    display:none;
}
.page-id-14076 .info .font-b.title, .page-id-14100 .info .font-b.title {
    color: #1c3e8a;
    margin-bottom: 1%;
}





/*-----------chemSHERPA　②申し込みフォーム-------------*/
.page-id-14100 .top-img {
    display:none;
}
.page-id-14100 .hihyouji {
    display:none;
}








.haikei-app .box26 {
    position: relative;
    padding: 1em 1em;
    border: solid 3px #f77e01;
    border-radius: 8px;
    background-color: #fff;
}
.haikei-app .box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #f3f8f9;
    color: #f77e01;
    font-weight: bold;
}
.haikei-app .box26 p {
    margin: 0;
    padding: 0;
    color: #f77e01;
    font-weight: bold;
}
/*クリックすると開く*/
.ac-box{
width: auto;
    margin: 1% auto 1%;
}

.ac-box label{
    width: 20%;
    font-weight: bold;
    text-align: center;
    background: #1c3e8a;
    /* margin: auto; */
    position: relative;
    display: block;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s;
    padding: 0.5%;
}
}

.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

.ac-box input{
display: none;
}

.ac-box label:after{
color: #fff;
content: "▼";
}

.ac-box input:checked ~ label::after {
color: #fff;
content: "▲";
}

.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #eaeaea;
opacity: 1;
}
.ac-box div p{
padding: 2%;
font-weight: 500;
}
.ac-small p{
margin-bottom: 0px;
}
@media screen and (max-width: 1025px) {
.haikei-app .left{
	width: 48%;
}
.page-id-14022 .consul-top.web-ad .consul-topcomment1 .font-b {
	font-size: 2em;
	}
	.haikei-app .box26 p br{
		display:none
	}
.haikei-app .info td.wid-45 {
    width: 48%;
}
}




.page-id-14022 .haikei-app.print .fro {
    width: 40%;
    margin: 1% 3%;
    text-align: center;
}
.page-id-14022 .haikei-app.print .fro a {
    display: block;
    padding: 2%;
    width: 100%;
    background-color: #1c3e8a;
    color: white;
}
.page-id-14022 .haikei-app.print .fro a {
    display: block;
    padding: 2%;
    width: 100%;
    background-color: #1c3e8a;
    color: white;
}





@media screen and (max-width: 640px) {
.page-id-14022 .consul-top.web-ad .consul-topcomment1 {
    width: 100%;
}
.page-id-14022 .consul-top.web-ad .consul-topcomment1 .font-b {
    font-size: 1.4em;
}
.page-id-14022 .consul-top.web-ad .consul-topcomment1 .font-b br{
    display:none
}
.haikei-app .left,.haikei-app .right{
    width: 99%;
    margin-right: 0;
    float: none;
    margin-bottom: 5%;
}
.page-id-14022 .haikei-app.print .fro {
    width: 95%;
    margin: 3% 0;
    text-align: center;
    float: none;
}
.page-id-14022 .haikei-app .font-size.btm-17.font-b{
		text-align:left
}
.page-id-14022 .haikei-app .font-size.btm-17.font-b br{
		display:none
}
.haikei-app .midashi span {
    padding: 0 1%;
    font-size: 0.8em;
}
	.ac-box label {
		width: 100%;
	}
.page-id-14022 .consul-topcomment1 p.font-f{
	text-shadow:none
}
.page-id-14022 .consul-topcomment1 p.font-f br{
	display:none
}
.page-id-14022 .consul-topcomment1 p.font-f {
    font-size: 1em;
}
}

/*chemSHERPA input Support ツール Webアプリケーション
 * ①お申込みフォーム（御請求書データ版）13699*/
/*ナビゲーション等非表示*/
.page-id-13699 .top-img{display:none}
.page-id-13699 .content.gaiyou{display:none}
.page-id-13699 .content.naiyou{display:none}
.page-id-13699 .hr-red.btm-17{display:none}
.page-id-13699 .tab-content.content{display:none}
.page-id-13699 .kotei-tubnav2 .tab-box {padding:0}
.page-id-13699 .content-box.kotei-tubnav2{padding-top:0}



/*chemSHERPA input Support ツール Webアプリケーション
 * ②お申込みフォーム（御請求書郵送版）13714*/
/*ナビゲーション等非表示*/
.page-id-13714 .top-img{display:none}
.page-id-13714 .content.gaiyou{display:none}
.page-id-13714 .content.naiyou{display:none}
.page-id-13714 .hr-red.btm-17{display:none}
.page-id-13714 .tab-content.content{display:none}
.page-id-13714 .kotei-tubnav2 .tab-box {padding:0}
.page-id-13714 .content-box.kotei-tubnav2{padding-top:0}
/*両フォームページタイトル*/
.page-id-13699 h3.title-top,.page-id-13714 h3.title-top{
border-left:0;color:#1c3e8a;margin-bottom:17px
}
/*両フォーム設定*/
.page-id-13699 .info .font-b.title,.page-id-13714 .info .font-b.title{
color:#1c3e8a;margin-bottom:1%
}
.page-id-13699 .info td,.page-id-13714 .info td{
    padding: 5% 0;
    border-top: 1px #848586 solid;
}
.info td.add0106{
padding-bottom: 0;
    padding-top: 1%;
    border-top: none;
    padding-bottom: 1%;
}
.info td.top-no{
    padding-top: 2%;
    padding-bottom: 1.5%;
    border-top: none;
	border-top: 1px dashed #848586;
}
.info td.add0106 span.anno{
background-color:#848586;
    color: white;
    padding: 0 1%;
    /* margin-right: 0.5%; */
    /* font-size: 0.95em; */
    display: block;
    margin-bottom: 1%;
} 
@media screen and (max-width: 640px) {
.haikei-app .info td.wid-45 {
    width: 100%;
}
.page-id-13699 .info td.top-no,.page-id-13714 .info td.top-no{
    border-top: none;
}
}
/*chemSHERPA input Support ツール Webアプリケーション
③お申込みフォーム（有料利用申込）*/
.page-id-13879 .content.naiyou,.page-id-13879 .content.gaiyou,.page-id-13879 .tab-content,.page-id-13879 .hr-red{
display:none
}
.page-id-13879 .kotei-tubnav2 .tab-box,.page-id-13879 .kotei-tubnav2 {
    padding-top:0;
}
.page-id-13879 .top-img{
	display:none
}
.page-id-13879 .info td {
	padding: 4% 0;
}
.page-id-13879 .info td.add0106{
	padding:1% 0
}



/*chemSHERPA input Support ツール Webアプリケーション コンテンツ追加0222*/
/*サンプル資料*/
.haikei-app .ut2{
    background-color: white;
    padding: 2%;
}
.haikei-app .ut2 .fro.no1{
	width:50%
}
.haikei-app .ut2 .fro.no1 img{
	border:1px solid gray
}
.haikei-app .ut2 .fro.no2{
width: 45%;
    margin-left: 4%;
}
.sample .p-wrap p{
	font-weight: 500;
}
.sample .p-wrap p.font-b{
	font-weight: bold;
}




/*お申込みの流れ*/
.haikei-app .ut3 .box{
    float: left;
    width: 24%;
    margin-right: 1%;
    background-color: #fff;
    padding: 1%;
	height: 150px;
}
.haikei-app .ut3 .box .font-b{
color: #00bcd4;
}
.haikei-app .ut3 .box:last-child{
	margin-right:0
}
.haikei-app .ut3 .box .f-min{
	font-size:0.8em
}
/*お申込みボタン(form1ページも)*/
.haikei-app .ut4,.ut4.form1{
    display: block;
	text-align:center;
	margin-bottom: 5%;
}
/*
.ut4.form1{
	margin-top:3%;
}
*/
.haikei-app .ut4 a,.ut4.form1 a{
background-color: #ffd043;
    padding: 1%;
    width: 22%;
    margin: 0 auto;
    display: block;
    color: #ff5722;
    font-weight: bold;
}
.ut4.form1 a {
    background-color: #d0ebf1;
    color: #1c3e8a;
    font-weight: bold; 
	margin: unset;
    margin-top: 3%;
	margin-bottom: 1%;   
}
@media screen and (max-width: 640px) {
.haikei-app .ut2 .fro.no1 {
    width: 100%;
    float: none;
    margin-bottom: 5%;
}
.haikei-app .ut2 .fro.no2 {
    width: 100%;
    margin-left: 0;
    float: none;
}
.haikei-app .ut3 .box {
	float: none;
    width: 96%;
    margin-right: 0;
    padding: 2%;
}
.haikei-app .ut4 a, .ut4.form1 a {
    background-color: #ffd043;
    padding: 2% 1%;
	width: 98%;
	}
}





/*----------------------教育・セミナー・指導会----------------------------------------------------------*/
.page-id-7978 #kotei-tubnav .select1,.page-id-1058 #kotei-tubnav .select2{
    background-color: #420000;
    color: white;
}
.kyoiku .top-img {
    /*background-image: url(img/koteiimg-kyoiku.png);*/
    background-image: url(img/koteiimg-event.jpg);
    background-size: cover;
}

@media screen and (max-width: 750px){
.page-id-7978 .tab-content .box-nav #box-nav50 {
    width:50%;
}
}
@media screen and (max-width: 750px){
.page-id-1058 .tab-content .box-nav #box-nav50 {
    width:50%;
}
}





/*----------------------経営環境改善（品質管理サービス）----------------------------------------------------------*/
.page-id-9262 #kotei-tubnav .select1,.page-id-1381 #kotei-tubnav .select2,.page-id-1375 #kotei-tubnav .select3,.page-id-1399 #kotei-tubnav .select4,.page-id-1410 #kotei-tubnav .select5,.page-id-1413 #kotei-tubnav .select6,.page-id-9582 #kotei-tubnav .select7,.page-id-11960 #kotei-tubnav .select8{
    background-color: #420000;
    color: white;
}

.page-id-1381 #kotei-tubnav .select2,.page-id-1375 #kotei-tubnav .select3,.page-id-1399 #kotei-tubnav .select4,.page-id-1410 #kotei-tubnav .select5,.page-id-1413 #kotei-tubnav .select6,.page-id-11960 #kotei-tubnav .select8{
    padding-top: 35px;
}
@media screen and (max-width: 750px){
.page-id-1381 #kotei-tubnav .select2,.page-id-1375 #kotei-tubnav .select3,.page-id-1399 #kotei-tubnav .select4,.page-id-1410 #kotei-tubnav .select5,.page-id-1413 #kotei-tubnav .select6,.page-id-11960 #kotei-tubnav .select8{
    padding-top: 0px;
}
}

@media screen and (max-width: 750px){
.chemical_management .kotei-tubnav2 .tab-content .nav-quarity_management a {
    padding: 0;
    height: 65px;
    line-height: 65px;
	vertical-align: top;
}
}

/*労働安全スマホメニューのタブ*/
@media screen and (max-width: 750px){
.chemical_management .iso .nav-quarity_management a.select1{
    line-height: 25px;
    padding: 6px 0;
}
}
@media screen and (max-width: 750px){
.chemical_management .iso .nav-quarity_management a.select2{
    line-height: 25px;
    padding: 6px 0;
}
}
@media screen and (max-width: 750px){
.chemical_management .iso .nav-quarity_management a.select5{
    line-height: 25px;
    padding: 6px 0;
}
}

@media screen and (max-width: 750px){
.chemical_management1 .tab-content .nav-quarity_management a.select1{
    line-height:30px;
} 
} 
@media screen and (max-width: 750px){
.chemical_management1 .tab-content .nav-quarity_management a.select7{
    line-height:30px;
} 
}



/*品質管理の親ページ*/
@media screen and (max-width: 750px){
.page-id-3098 .tab-content .nav-quarity_management a:first-child{
    line-height:30px;
} 
} 




/*------ISO9001----------*/
.page-id-1413 .iso9001 table{
	margin-top:25px;
}
.page-id-1413 .iso9001 table tr.tr-obi{
	background-color: #e5e8ff;
}
.page-id-1413 .iso9001 table tr td{
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
    padding-left: 10px;
}
.page-id-1413 .iso9001 table tr td:last-child{
	border-right: solid 1px #000;
}



.page-id-1413 .iso9001 .wpcf7 table tr td{
	border-left: none;
	border-bottom: none;
	border-right: none;
}








/*----------------------災害対策----------------------------------------------------------*/
/*.page-id-9582 #kotei-tubnav .select1,.page-id-2973 #kotei-tubnav .select2{
    background-color: #420000;
    color: white;
}*/


@media screen and (max-width: 750px){
.page-id-9582 .tab-content .box-nav #box-nav50 {
    width:50%;
}
}
@media screen and (max-width: 750px){
.page-id-11960 .tab-content .box-nav #box-nav50 {
    width:50%;
}
}







/*----------------------教育支援おおもと----------------------------------------------------------*/
.educational_support .top-img {
    background-image: url(img/koteiimg-kyoiku.png);
    background-size: cover;
}


@media screen and (max-width: 750px){
.page-id-14262 #box-nav50 {	
	width:50%;
}
}

/*---産学連携----*/
.sangaku .top-img {
    background-image: url(img/koteiimg-sangaku.png);
    background-size: cover;
}

@media screen and (max-width: 750px){
.page-id-14277 #box-nav50 {	
	width:50%;
}
}

/*section1*/
.sangaku .section1{
	margin-top:3%;
	margin-bottom: 3%;
}
.sangaku .consulting h2 {
	margin-bottom:3%;
}
.sangaku .consulting .hidari {
    width: 50%;
	margin-right:5%;
}
@media screen and (max-width: 750px){
.sangaku .consulting .hidari {
    float: none;
    width: 95%;
    margin: 0 auto;
}
}





.sangaku .consulting .migi {
    width: 40%;
}
@media screen and (max-width: 750px){
.sangaku .consulting .migi {
    float: none;
    width: 95%;
    margin: 0 auto;
    margin-top: 5%;
}
}

.sangaku .consulting .migi .adress {
    border:solid 1px #082137;
	padding: 5% 3%;
    text-align: center;
    background-color: #fff;
	margin-top: 5%;
    display: none;
}
.sangaku .consulting .migi .adress .mail-icon {
    position:relative;
	padding-top: 3%;
}
.sangaku .consulting .migi .adress .mail-icon::before {
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.5em;
    color: #082137;
    position: absolute;
    top: 12px;
    left: 100px;
}
@media screen and (max-width: 750px){
.sangaku .consulting .migi .adress .mail-icon::before {
    left: 45px;
}
}




/*--------      section1-2    バナーのとこ    -------*/
.sangaku .section1-2 {
    background-color:#F4F5FA;
	padding:3% 0%;
}
.sangaku .section1-2 .bnr-wrap{
    overflow:hidden;
}
.sangaku .section1-2 .bnr-wrap .bnr-title{
    background-color: #082137;
    margin-bottom: 5%;
    color: #fff;
    padding: 5px 15px;
}
.sangaku .section1-2 .bnr-wrap .bnr01{
    float: left;
    width: 47%;
	margin-right:5%;
}
@media screen and (max-width: 750px){
.sangaku .section1-2 .bnr-wrap .bnr01{
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-top: 5%;
}
}



.sangaku .section1-2 .bnr-wrap .bnr01 a{
	display: block;
    margin-bottom: 5%;
}
.sangaku .section1-2 .bnr-wrap .bnr01 a:last-child{
	margin-bottom:0%;
}
.sangaku .section1-2 .bnr-wrap .bnr01 img {
    border: solid 1px #082137;
}
.sangaku .section1-2 .bnr-wrap .bnr01 img:hover {
    text-decoration: none;
    opacity: .7;
}
.sangaku .section1-2 .bnr-wrap .bnr02{
    float: left;
    width: 47%;
}
@media screen and (max-width: 750px){
.sangaku .section1-2 .bnr-wrap .bnr02{
    float: none;
    width: 100%;
    margin-top: 10%;
}
}


.sangaku .section1-2 .bnr-wrap .bnr02 .bnr02-inner{
    margin-top: 100px;
    text-align: center;
}
@media screen and (max-width: 750px){
.sangaku .section1-2 .bnr-wrap .bnr02 .bnr02-inner{
    margin-top: 35px;
    margin-bottom: 15%;
}
}

.sangaku .section1-2 .mail-icon {
    position: relative;
    padding-top: 3%;
}
@media screen and (max-width: 750px){
.sangaku .section1-2 .mail-icon {
    padding-top: 0%;
}
}


.sangaku .section1-2 .mail-icon::before {
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.3em;
    color: #082137;
    position: absolute;
    top: 20px;
    left: 155px;
}
@media screen and (max-width: 750px){
.sangaku .section1-2 .mail-icon::before {
    top: 3px;
    left: 60px;
}
}


.sangaku .section1-2 .bnr-wrap .bnr02 .bnr02-inner p{
    font-size: 20px;
}






/*section2*/
.sangaku .section2 {
    margin-bottom:5%;
}
@media screen and (max-width: 750px){
.sangaku .section2 {
    padding-bottom: 10%;
}
}



.sangaku .section2 .img-center {
    text-align: center;
    padding: 2% 0%;
	margin-top: 25px;
}
.sangaku .section2 .img-center img{
    width:70%;
}
@media screen and (max-width: 750px){
.sangaku .section2 .img-center img{
    width: 100%;
    padding-top: 10%;
}
}

/*
.sangaku .section2 ul{
    padding-left: 10px;
}
*/

.sangaku .section2 ul li{
    display: inline-block;
    width: 47%;
    background-color: #fff;
    margin-right: 3%;
    text-align: center;
    padding: 25px;
    margin-bottom: 35px;
    border: solid 2px #a5a5a5;
	position:relative;
	margin-left:10px;
}
@media screen and (max-width: 750px){
.sangaku .section2 ul li{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    padding: 10px 20px;
	margin-top: 9%;
}
}


.sangaku .section2 ul li img.abu{
    position: absolute;
    left: -12px;
    top: -13px;
}
.sangaku .section2 ul li img.abu2{
    position: absolute;
    right: -12px;
    bottom: -13px;
}






.sangaku .section2 ul li:last-child{
	margin-right:0%;
}
@media screen and (max-width: 750px){
.sangaku .section2 ul li:last-child{
	margin-right: 5%;
}
}







.sangaku .section2 ul li p{
    font-size: 20px;
    color: #082137;
}
@media screen and (max-width: 750px){
.sangaku .section2 ul li p{
    font-size: 15px;
}
}


/*学生オンラインサロン*/
.page-id-14292 .tab-content{
	display:none;
}
.online .section1 h4{
    font-size: 25px;
	margin-bottom:5%;
}
@media screen and (max-width: 750px){
.online .section1 h4{
    font-size: 20px;
}
}


.online .section1 .over-f p {
    margin-left:5px;
}
@media screen and (max-width: 750px){
.online .section1 .over-f p {
    font-size: 15px;
}
}



.online .section1 .over-f p:before {
    border: 0.5em solid transparent;
    border-left-color: #420000;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.online .section1 .illust li{
	display: inline-block;
    width: 30%;
	margin-right:5%;
	text-align: center;
}
@media screen and (max-width: 750px){
.online .section1 .illust li{
	display: block;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10%;
}
}


.online .section1 .illust li p{
	background-color: #3e3e3e;
    color: #fff;
    padding: 5px 0px;
	letter-spacing: 0.1em;
}

.online .section1 .illust li:last-child{
	margin-right:0%;
}
.online .section1 .illust li img{
    width: 75%;
}







/*section2*/
.online .section2 {
    /*background-image: url(img/online-back.png);*/
    /*background-size: cover;*/
    /*padding: 5% 0%;*/
	/*margin-top:3%;*/
}
.online .section2 .section2-inner{
    /*background-color:#fff;*/
	/*padding: 3%;*/
	margin-top:5%;
}
/*
.online .section2 .section2-inner h2{
    border: none;
    text-align: center;
    background-color: #420000;
    color: #fff;
    line-height: 30px;
    padding: 10px 0px;
}
*/
.online .section2 .section2-inner h2 span{
    display: block;
    font-size: 30px;
}
.online .section2 .section2-inner ul.inner-wrap {
    margin-top: 2%;
}
.online .section2 .section2-inner ul.inner-wrap li{
    background-color: #f3f3f3;
    border: none;
	padding: 0;
	border-radius: 15px;
	vertical-align:top;
}
.online .section2 .section2-inner ul.inner-wrap li h3{
    border: none;
	background-color: #1e73af;
    color: #fff;
    padding: 5px 0px;
	border-radius: 15px 15px 0 0;
	font-size: 25px;
}
@media screen and (max-width: 750px){
.online .section2 .section2-inner ul.inner-wrap li h3{
	font-size: 18px;
}
}


.online .section2 .section2-inner ul.inner-wrap li p{
    text-align: left;
	margin-bottom: 20px;
	font-size: 16px;
}
@media screen and (max-width: 750px){
.online .section2 .section2-inner ul.inner-wrap li p{
	margin-bottom: 15px;
}
}


.online .section2 .section2-inner ul.inner-wrap li p span{
    display: block;
    font-size: 19px;
    background-color: #1e73af;
	background: linear-gradient(to right, #0b2333 0%,#1e73af 100%);
    color: #fff;
    border-radius: 20px;
    padding: 2px 15px;
	margin-bottom: 10px;
	text-align: center;
}
@media screen and (max-width: 750px){
.online .section2 .section2-inner ul.inner-wrap li p span{
    font-size: 15px;
}
}



.online .section2 .section2-inner ul.inner-wrap li ul{
    margin: 0;
	padding: 5% 0%;
}
.online .section2 .section2-inner ul.inner-wrap li ul li{
    display: block;
    width: 85%;
    margin: 0 auto;
}
.online .section2 .section2-inner ul.inner-wrap li ul li:last-child{
    margin-top:5%;
}


.online .section2 .section2-inner ul.toiawase {
    width: 60%;
    margin: 0 auto;
	border: solid 2px #420000;
    padding: 2% 3%;    
	margin-top: 3%;
}
.online .section2 .section2-inner ul.toiawase li {
    display: inline-block;
    width: 49%;
    background-color: #fff;
    margin-right: 0%;
    text-align: center;
    padding: 0px;
    margin-bottom: 0px;
    border: none;
}
.online .section2 .section2-inner ul.toiawase li p{
    font-size: 23px;
}
.online .section2 .section2-inner .mail-icon {
    position: relative;
    padding-top: 3%;
}
.online .section2 .section2-inner .mail-icon::before {
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.5em;
    color: #420000;
    position: absolute;
    top: 12px;
    left: -5px;
}
.online .section2 .section2-inner .mail-icon span{
    font-size: 25px;
}



.online .section2 .section2-inner .last{
    text-align: center;
}
@media screen and (max-width: 750px){
.online .section2 .section2-inner .last{
    width: 90%;
    margin: 0 auto;
    margin-top: 10%;
}
}


.online .section2 .section2-inner .last p{
    font-size: 20px;
}
@media screen and (max-width: 750px){
.online .section2 .section2-inner .last p{
    font-size: 18px;
}
}




/*産学連携対談*/
.page-id-14307 .tab-content{
	display:none;
}
/*
.dialogue .section1 {
    margin-bottom:5%;
}
*/
.dialogue .section1 .taidan-wrap{
	padding: 3% 6%;
    /*background: #f7f1ff;*/
    /*background-image: radial-gradient(#ddc8e6 10%, transparent 0), radial-gradient(#ddc8e6 10%, transparent 0);*/
    /*background-position: 0 0, 10px 10px;*/
    /*background-size: 20px 20px;*/
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap{
	padding: 3% 3%;
}
}


.dialogue .section1 .taidan-wrap div{
	margin-bottom: 3%;
}
.dialogue .section1 h3{
	background-color: #535353;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    padding: 5px 0;
    margin-top: 3%;
}
@media screen and (max-width: 750px){
.dialogue .section1 h3{
	font-size: 18px;
    padding: 8px 0;
    margin: 5% 0;
}
}


.dialogue .section1 .taidan-wrap .umeda h4 span{
	background-color: #4289a8;
    color: #fff;
    padding: 5px 30px;
    border-radius: 15px;
}
.dialogue .section1 .taidan-wrap .hayashi h4 span{
	background-color: #d86643;
    color: #fff;
    padding: 5px 30px;
    border-radius: 15px;
}
.dialogue .section1 .taidan-wrap .umeda p{
	margin-left: 25px;
    margin-top: 10px;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .umeda p{
	margin-left: 0px;
	font-size: 15px;
}
}


.dialogue .section1 .taidan-wrap .hayashi p{
	margin-left: 25px;
    margin-top: 10px;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .hayashi p{
	margin-left: 0px;
	font-size: 15px;
}
}
.dialogue .section1 .taidan-wrap .prof{
	border: solid 2px #535353;
    padding: 2% 3% 3% 3%;
    border-radius: 15px;
	margin-top:8%;
	background-color: #fff;
}
.dialogue .section1 .taidan-wrap .prof .box-title {
    padding: 0 35px;
    font-size: 22px;
    line-height: 15px;
    letter-spacing: 0.1em;
    background: #535353;
    padding: 15px 55px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    margin-bottom: 2%;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .prof .box-title {
    font-size: 16px;
    padding: 15px 20px;
}
}




.dialogue .section1 .taidan-wrap .prof{
	overflow:hidden;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .prof p{
	font-size:15px;
}
}



.dialogue .section1 .taidan-wrap .prof .li1{
	float:left;
	width:30%;
	margin-right:2%;
	margin-bottom:0%;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .prof .li1{
	float: none;
    width: 100%
}
}
.dialogue .section1 .taidan-wrap .prof .li2{
	float:left;
	width:65%;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .prof .li2{
	float: none;
    width: 100%
}
}


.dialogue .section1 .taidan-wrap .prof .li2 table tbody{
	vertical-align: top;
}
.dialogue .section1 .taidan-wrap .prof .li2 table tbody tr{
	vertical-align: top;
}
.dialogue .section1 .taidan-wrap .prof .li2 table tbody tr th{
	width: 15%;
	text-align: left;
	font-size:18px;
}
.dialogue .section1 .taidan-wrap .prof .li2 table tbody tr th p span{
	display: block;
    padding-top: 8px;
}


.dialogue .section1 .taidan-wrap .prof .li2 table tbody td{
	width:75%;
	margin-left:4%;
	padding-bottom: 15px;
}
@media screen and (max-width: 750px){
.dialogue .section1 .taidan-wrap .prof .li2 table tbody td{
	width: 50%;
}
}


.dialogue .section1 .taidan-wrap .prof .li2 table tbody td p{
	font-size: 16px;
    line-height: 22px;
}





.dialogue .section1 .taidan-wrap .link .link-btn{
	text-align: center;
	margin-bottom: 0;
}
.dialogue .section1 .taidan-wrap .link .link-btn img {
    margin-top:2%;
}
.dialogue .section1 .taidan-wrap .link .link-btn img:hover {
    text-decoration: none;
    opacity: .7;
}






/*----教育支援の詳細ページ----*/
.page-id-14277 #kotei-tubnav .select1, .page-id-14355 #kotei-tubnav .select2 {
    background-color: #420000;
    color: white;
}
.educational_support2 .top-img {
    background-image: url(img/koteiimg-kyoiku.png);
    background-size: cover;
}

@media screen and (max-width: 750px){
.page-id-14355 #box-nav50 {	
	width:50%;
}
}


/*section1*/
.educational_support2 .section1 .tab-box {
	padding-bottom:0%;
}
.educational_support2 .consulting h2 {
    margin-top:3%;
	margin-bottom:3%;
}
.educational_support2 .consulting .hidari {
    width: 50%;
	margin-right:5%;
}
@media screen and (max-width: 750px){
.educational_support2 .consulting .hidari {
    float: none;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 3%;
}
}




.educational_support2 .consulting .migi .adress {
    border:solid 2px #a13e31;
	padding: 5% 3%;
    text-align: center;
    background-color: #fff;
	margin-top: 5%;
}
.educational_support2 .consulting .migi .adress .mail-icon {
    position:relative;
	padding-top: 3%;
}
.educational_support2 .consulting .migi .adress .mail-icon::before {
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.5em;
    color: #a13e31;
    position: absolute;
    top: 12px;
    left: 70px;
}
@media screen and (max-width: 750px){
.educational_support2 .consulting .migi .adress .mail-icon::before {
    left: 50px;
}
}




/*section2*/
.educational_support2 .section2 {
    background-image: url(img/stripe-red.gif);
	position:relative;
}
.educational_support2 .section2 .pickup .tab-box-midashi2 {
    border: none;
    background-color: #8bcef8;
    padding: 10px 25px;
}
.educational_support2 .section2 .pickup img{
    position:absolute;
	top: -137px;
    right: 400px;
    width: 7%;
}
.educational_support2 .section2 .pickup-wrap ul li{
    display:inline-block;
    vertical-align: top;
}

.educational_support2 .section2 .pickup-wrap{
	background-color: #fff;
    padding: 3% 5%;
	border: solid 2px #2f1807;
	margin: 0% 5%;
    margin-bottom: 3%;
}
.educational_support2 .section2 .pickup-wrap ul .li1{
	width:20%;
	margin-right: 5%;
}
@media screen and (max-width: 750px){
.educational_support2 .section2 .pickup-wrap ul .li1{
	width: 60%;
    display: block;
    margin: 0 auto;
    margin-bottom: 3%;
}
}



.educational_support2 .section2 .pickup-wrap ul .li2{
	width:70%;
}
@media screen and (max-width: 750px){
.educational_support2 .section2 .pickup-wrap ul .li2{
	width:100%;
}
}


.educational_support2 .section2 .pickup-wrap ul .li2 h3{
	font-size: 25px;
	margin-bottom:15px;
	background-color: #2f1807;
    color: #fff;
    padding: 5px 15px;
}
.educational_support2 .section2 .pickup-wrap ul .li2 h3 span{
	font-size: 16px;
}
@media screen and (max-width: 750px){
.educational_support2 .section2 .pickup-wrap ul .li2 h3 span{
	display: block;
}
}




.educational_support2 .section2 .pickup1{
	margin-top:3%;
}
.educational_support2 .section2 .pickup2 img{
	width:100%;
}
.educational_support2 .section2 .pickup3 img{
	width:100%;
}



/*section3*/
.educational_support2 .section3 {
    padding:3% 0%;
}
.educational_support2 .section3 h2{
    margin-bottom:3%;
}
.educational_support2 .section3 .inner ul{
    background-color: #eef6fe;
    padding: 3% 5%;
    margin-bottom: 3%;
    border: solid 4px #8bcef8;
    border-radius: 15px;
}


.educational_support2 .section3 ul li{
    display: inline-block;
    vertical-align: top;
}
.educational_support2 .section3 ul li:last-child{
	margin-right:0%;
}
@media screen and (max-width: 750px){
.educational_support2 .section3 ul li:last-child{
	width: 95%;
    margin: 0 auto;
    margin-top: 5%;
}
}



.educational_support2 .section3 ul .li1{
    width:55%;
	margin-right:5%;
}
@media screen and (max-width: 750px){
.educational_support2 .section3 ul .li1{
    display: block;
    width: 95%;
    margin: 0 auto;
}
}



.educational_support2 .section3 ul .li1 h3{
    background-color: #8bcef8;
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 20px;
	border-left: 0;
}

.educational_support2 .section3 ul .li1 p {
    margin-left: 20px;
    margin-top: 15px;
}
@media screen and (max-width: 750px){
.educational_support2 .section3 ul .li1 p {
    margin-left: 0;
}
}



.educational_support2 .section3 ul .li1 p:before {
    border: 0.5em solid transparent;
    border-left-color: #8bcef8;
    content: '';
    display: inline-block;
    vertical-align: middle;
}



.educational_support2 .section3 ul .li2{
    width:35%;
}







/*----------------EHS研究所0121----------------*/
.nishi-laboratory.ehs .top-img {
    background-image: url(img/koteiimg-ehs.jpg);
    background-size: cover;
	background-position: right;
}

.nishi-laboratory.ehs .ehs-link a:hover {
   text-decoration: none;
}
.nishi-laboratory.ehs .ehs-icon {
    position: relative;
    margin: 0px 0 0 40px;
    /*font-size: 18px;*/
    /*display: block;*/
    margin-top: 1%;
	color: #2196f3;
}
@media screen and (max-width: 750px){
.nishi-laboratory.ehs .ehs-icon {
font-size: 15px;
}
}



.nishi-laboratory.ehs .ehs-icon::before {
    font-family: FontAwesome;
    content: '\f02d';
    font-size: 1.5em;
    color: #2196f3;
    position: absolute;
    top: -3px;
    margin-left: -29px;
}






/*----------------海外進出----------------*/
/*海外進出支援*/
@media screen and (max-width: 750px){
.page-id-1162 .oversea .content-mov .content-box {
    width:95%;
	margin:0 auto;
}
}
@media screen and (max-width: 750px){
.oversea .tab-content .box-nav #box-nav50 {
    width:50%;
}
}


/*匠の技術通訳・翻訳*/
@media screen and (max-width: 750px){
.page-id-1214 .oversea .content-mov .content-box {
    width:95%;
	margin:0 auto;
}
}




/*-----------総合セミナー--------------------*/
.page-id-19640 .section3{
	margin-bottom:10%;
}
.page-id-19640 .section3 ul{
	margin-top:3%;
}
.page-id-19640 .section3 ul li{
	display:inline-block;
	width:30%;
	margin-right:3%;
}
.page-id-19640 .section3 ul li:last-child{
	margin-right:0%;
}
.page-id-19640 .section3 ul li img{
	width: 100%;
}




/*-------------③製品含有化学物質管理の基礎【初級者向け(無料)】　　FAQ-----------------*/
.page-id-1586 .top-img{
	display:none;
}
.page-id-1586 .hihyouji{
	display:none;
}








/*----------------サイトマップ2----------------*/
.sitemap2 .section1 .top {
	margin-top:3%;
}
.sitemap2 .section1 .main-menu {
	position: relative;
	border-bottom: dotted 2px #929292;
	padding-bottom: 3px;
}
.sitemap2 .section1 .main-menu::before {
	font-family: FontAwesome;
    content: '\f150';
    font-size: 1.7em;
    color: #929292;
    position: absolute;
    top: 0px;
    left: 0px;
}
.sitemap2 .section1 .main-menu a{
	margin-left: 35px;
}
.sitemap2 .section1 .main-menu a:hover{
	text-decoration:none;
	color: #515151;
}
.sitemap2 .section1 .menu ul {
    margin-left: 3%;
	margin-top:2%;
}
.sitemap2 .section1 .menu ul ul{
	margin-top:0%;
}

.sitemap2 .section1 .menu ul li{
    margin: 7px 0 0 0;
}
.sitemap2 .section1 .menu ul li:before {
    border: 0.5em solid transparent;
    border-left-color: #929292;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.sitemap2 .section1 .menu ul li.link-none2:before {
    border: none;
}
.sitemap2 .section1 .menu ul li.link-none2 a.link-none:hover {
    text-decoration:none;
	color:#515151;
}



.sitemap2 .section1 .bottom {
	margin-bottom:5%;
}



/*------------　　Facebookフォロー　　--------------*/
.sns-wrap{
	/*background-color: #3b5998;*/
	background-image: url(img/haikei_facebook.jpg);
	padding:2% 0%;
}
@media screen and (max-width: 750px){
.sns-wrap{
	padding:10% 0%;
}
}


.sns-wrap h2 {
  position: relative;
  padding: 0 65px;
  text-align: center;
  margin-bottom:15px;
}
@media screen and (max-width: 750px){
.sns-wrap h2 {
  margin-bottom:0px;
}
}



.sns-wrap h2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #c6c4c4;
}

.sns-wrap h2 span {
  position: relative;
  padding: 0 1em;
  background: #2c4f8f;
  color: #fff;
}
@media screen and (max-width: 750px){
.sns-wrap h2 span {
  font-size: 16px;
}	
}



.sns-wrap .btn{
	width: 50%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 750px){
.sns-wrap .btn{
	width: 85%;
}	
}



/* ボタン全体 */
.flowbtn12{
font-family:'Verdana',sans-serif;	
border-radius: 4px;
display:inline-block;
width:90%;
font-size:20px;
transition:.4s;	
text-decoration:none;
}
/* ボタン内テキストマウスホバー時 */
.flowbtn12:hover{
color:#fff!important;
text-decoration:none;
}
/* Facebook */
.fa-facebook-f:before {
	font-family: FontAwesome;
    content: '\f39e';
	font-style: normal;
}
.flowbtn12.fl_fb2{
    background-color: #ffffff;
    color: #3b5998;
    padding: 10px 0;
}
@media screen and (max-width: 750px){
.flowbtn12.fl_fb2{
    padding: 5px 0;
}
}



/* Facebookマウスホバー時 */
.flowbtn12.fl_fb2:hover{
/*border:solid 1px #3b5998;*/
    background: #273a62;
}
/* ボタン内テキスト調整 */
.flowbtn12 span{
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
font-size:18px;	
position:relative;
left:8px;
bottom:2px;	
}
@media screen and (max-width: 750px){
.flowbtn12 span{
font-size:15px;	
}
}



/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* ボタン全体の位置 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* ボタン同士の余白 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center !important;
}





/*下に出るタブ部分設定*/
.kotei-tubnav2 .tab-box {
	padding: 3% 0;
	box-sizing: border-box;
}




/*----------------フッター----------------*/
.back-gold {
    background-color: #000;
}
.bottom-nav li a:hover {
    color: #fff;
}


.new-footer {
    background-color:#fff;
	padding-top:1%;
}
@media screen and (max-width: 750px){
.new-footer {
    padding-top: 5%;
}	
}	



.new-footer .hidari {
    width: 21%;
    float: left;
}
@media screen and (max-width: 750px){
.new-footer .hidari {
    float: none;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}	
}	




.new-footer .hidari img{
    width: 75%;
}


.new-footer .main-moji {
    /*float: left;*/
    width: 45%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 750px){
.new-footer .main-moji {
    float: none;
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
	display: none;
}
}




.new-footer .main-moji img{
    width: 55%;
}
@media screen and (max-width: 750px){
.new-footer .main-moji img{
    width: 100%;
}	
}

.new-footer .footer-logo-matome {
    overflow:hidden;
}





/*----------------フッター上段-----------------*/
@media screen and (max-width: 750px){
.footer-top .content{
	width:100%;
}
}


.footer-top .footertop-wrap{
	display: flex;
    justify-content: space-between;
    align-items: center;    
	/*margin: 1% 0;*/
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap{
	display: block;
    overflow: hidden;
	text-align: center;
}
}

.footer-top .footer-logo{
	width: 40%;
}
@media screen and (max-width: 1024px){
.footer-top .footer-logo{
    width: 50%;
}
}
@media screen and (max-width: 750px){
.footer-top .footer-logo{
	width: 95%;
    margin: 0 auto;
	margin-bottom: 10%;
}
}

/* 電話アイコン */
.footer-top .footertop-wrap .tel-icon {
    position: relative;
    margin: 0px 0 0 40px;
    font-size: 20px;
    display: block;
    /*margin-top: 1%;*/
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap .tel-icon {
    text-align: center;
	margin-bottom: 15px;
}
}
.footer-top .footertop-wrap .tel-icon::before {
    font-family: FontAwesome;
    content: '\f098';
    font-size: 2em;
    color: #a13e31;
    position: absolute;
    top: 0px;
    left: -40px;
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap .tel-icon::before {
    font-size: 1.8em;
    top: 6px;
    left: -20px;
}
}

.footer-top .footer-logo a{
	color:#000;
	font-size: 30px;
    font-weight: bold;
	text-decoration: none;
}
.footer-top .footer-logo a:hover{
	text-decoration:none;
}

.footer-top .footer-logo a span{
	font-size: 30px;
    margin-left: 10px;
}
@media screen and (max-width: 750px){
.footer-top .footer-logo a span{
	font-size: 25px;
}
}

.footer-top .footer-logo a span.mini{
	font-size: 20px;
}
@media screen and (max-width: 750px){
.footer-top .footer-logo a span.mini{
	font-size: 15px;
}
}



@media screen and (max-width: 750px){
.footer-menu{
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
	margin-left: 40px;
}
}


.footer-menu ul{
	margin-left: 60px;
    float: left;
}

@media screen and (max-width: 768px){
.footer-menu ul{
	margin-left: 30px;
}
}
@media screen and (max-width: 750px){
.footer-top ul{
	margin-left: 0px;
	width: 40%;
}
}
.footer-menu ul li{
	line-height: 35px;
    color: #000;
    font-family: YakuHanJP,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-weight: bold;
	font-size: 18px;
}
@media screen and (max-width: 750px){
.footer-menu ul li{
	text-align: left;
}
}



.footer-menu ul li:before {
    border: 0.5em solid transparent;
    border-left-color: #a13e31;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
.footer-menu ul li a{
    color: #000;
	text-decoration: none;
}
@media screen and (max-width: 750px){
.footer-menu ul li a{
	font-size: 15px;
}
}

@media screen and (max-width: 750px){
.footer-menu ul li:before {
    border: 0.5em solid transparent;
    border-left-color: #a13e31;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
}
.footer-menu ul li a:hover{
	color: #a13e31;
}
.footer-menu p{
	color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    font-family: YakuHanJP,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}




/*---------フッター下段-----------*/
.new-footer .footer-bottom{
    text-align: center;
    background-color: #000;
    padding: 5px 0;
	margin-top:2%;
}
@media screen and (max-width: 750px){
.new-footer .footer-bottom{
    margin-top: 5%;
}
}


.new-footer .footer-bottom p{
    color:#fff;
	font-size: 12px;
    letter-spacing: 0.1em;
}




/*メニュー色変えのお試し*/
@media screen and (max-width: 820px){
.color02 {
    display:none;
    }
}
@media screen and (max-width: 768px){
.metaslider {
    margin-top: 45px;
}
}

.color02 .navi-sub {
    background-color: #929292;
	/*background-color: #c2c2c2;*/
}
.color02 .top-nav #gnav ul li a {
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
    color: #fff;
}

/*TAKUMI(匠)の下に顧問追加*/
.color02 .top-nav #gnav ul li.tab02 a {
    /*padding:0;*/
	/*line-height: 20px;*/
    padding: 6px 0;
}
.color02 .top-nav #gnav ul li.tab02 li a {
    padding: 0;
}




.color02 .top-nav #gnav > ul > li {
    /*border-left: solid 2px #bebebe;*/
	border-left: solid 2px #a6a6a6;
	
}
.color02 .top-nav #gnav > ul > li:last-child {
    border-right: solid 2px #bebebe;
}


.color02 .top-nav #gnav ul li.tab01{
	width:300px;
}





.color02 .top-nav #gnav ul li :hover {
    background-color: #fff;
}

.color02 .top-nav #gnav ul li a:hover{
    color: #a13e31;
}

.color02 .top-nav #gnav ul li ul li a:hover{
	text-decoration: underline;
}





/*
.color02 .top-nav #gnav ul li.tab01:hover {
    background-color: #1b5086;
}
.color02 .top-nav #gnav ul li.tab02:hover {
    background-color: #dd240cdb;
}
.color02 .top-nav #gnav ul li.tab03:hover {
	background-color: #ff712e;
}
.color02 .top-nav #gnav ul li.tab04:hover {
    background-color: #4dace4;
}
.color02 .top-nav #gnav ul li.tab05:hover {
    background-color: #00600e8c;
}
.color02 .top-nav #gnav ul li.tab06:hover {
    background-color: #eb7c98;
}
.color02 .top-nav #gnav ul li.tab07:hover {
    background-color: #ffc600;
}
*/




.top-nav #gnav > ul li .menu {
	background-color: #fff;
	box-shadow: 0 3px 3px #0000005e;
}

.top-nav #gnav ul li .menu ul li a{
	color:#515151;
   margin-left: 20px;
}


/*.top-nav #gnav > ul li.tab01 .menu {
	background-color: #1b5086;
    height: 270px;
}*/
/*.top-nav #gnav > ul li.tab02 .menu {
	background-color: #d3341f;
    height: 270px;
}*/
/*.top-nav #gnav > ul li.tab03 .menu {
	background-color: #ff712e;
    height: 270px;
}*/

.top-nav #gnav > ul li.tab03 .menu ul.border{
    border:none;
}



/*.top-nav #gnav > ul li.tab04 .menu {
	background-color: #4dace4;
    height: 270px;
}*/
/*.top-nav #gnav > ul li.tab05 .menu {
	background-color: #42774a;
    height: 270px;
}*/
/*.top-nav #gnav > ul li.tab06 .menu {
	background-color: #eb7c98;
    height: 270px;
}*/





/*検索窓の調節*/
.top-nav2 .migi ul li {
    /*display:block;*/
}




/*固定ページ内の検索窓の調節*/
.top-nav3 .migi {
    margin-top: 20px;
}

 
/*文字サイズ*/
p.font-size{
	font-size: 18px;
}
@media screen and (max-width: 750px){
p.font-size{
	font-size: 15px;
}
}


.color02.tameshi{
	display:none;
}

.mov-tameshi{
	display:none;
}


/*顧問サービス*/
.page-id-3392 .hihyouji.top-img{
	display:none;
}
.page-id-3392 .hihyouji{
	display:none;
}
.page-id-3392 .qa h3{
	border-left:none;
	padding-left:0px;
}



/*セミナーアンケートまとめ*/
.page-id-10578 .contact-wrap .title h2{
	background-color:unset;
}



/*製品含有化学物質管理　ヘルプデスク修正　20210311*/
.page-id-6080 #kotei-tubnav .select6{
    background-color: #420000;
    color: white;
}
.kotei-tubnav2 .tab-content.ganyu .nav-quarity_management a:last-child {
    border-left: 0.25px solid #515151;
}
/*
.page-id-6080 .hihyouji{
	display:none;
}
.page-id-6080 .chemical_management .top-img{
	display:none;
}
.page-id-6080 .menber-regist .top-img{
	display:block;
	margin-top: -35px;
	margin-bottom: 1%;
}
.page-id-6080 .top-img h1 {
    color:#515151;
}
*/




/*============================================会員サービス案内20210311*/
.page-id-18518 .tab-content{
	margin-bottom:5%;
}



/*============================================化学物質支援分野20210316*/
.page-id-21014 .none01{
    display:none;
}
.page-id-21014 .prof{
	margin:2% auto 6%
}
.page-id-21014 .prof .hidari{
	width:35%;
	margin-right:5%
}
.page-id-21014 .prof ul li.hidari h2{
	margin-bottom: 3%;
}
.page-id-21014 .prof .hidari img{
	width: 60%;
}

.page-id-21014 .prof .migi{
	width:60%
}
@media screen and (max-width:750px){
.page-id-21014 .prof .migi{
	width: 95%;
    margin: 0 auto;
}
}
.page-id-21014 ul li.migi h3{
    margin-top:3%;
}
.page-id-21014 .img-box1{
	width:45%;
	margin-right:5%
}
.page-id-21014 .img-box2{
	width:45%
}
@media screen and (max-width:640px){
.page-id-21014 .prof .hidari,.page-id-8126 .prof .migi{
	width:100%;
	float:none
}
.page-id-21014 .prof .hidari{
	text-align:center
}
}


/*ついでに修正20210316*/
.page-id-15286 ul li.hidari h2{
	margin-bottom:3%;
}




/* 右の余白を消すwrap */
.all-wrap {
    overflow: hidden;
}






.page-id-1058 .content-box2{
	margin-bottom:5%;
}


/*講座申込後のページ*/
.page-id-3307 .contact-wrap{
	margin-top:5%;
}



/*---------------お知らせ修正20210409--------------------*/
/*隙間*/
.new-news .tab_content {
    padding: 40px 85px 0;
}
@media screen and (max-width:750px){
.new-news .tab_content {
    padding: 40px 20px 0;
}
}


/*カテゴリーの色*/
.new-news .tabs .tab_content span.news {
    background-color: #5dc1f4;
    color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 15px;
    border-radius: 15px;
	margin: 0 10px;
	display:none;
}
.new-news .tabs .tab_content span.event {
    background-color: #1f9b7c;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 10px;
    border-radius: 15px;
	margin: 0 10px;
	display:none;
}
.new-news .tabs .tab_content span.works {
    background-color: #420000;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 40px;
    border-radius: 15px;
	margin: 0 10px;
	display:none;
}
.new-news .tabs .tab_content span.works-5 {
    background-color: #aa3c3c;
	color: #fff;
    font-size: 12px;
    /* width: 165px; */
    font-weight: bold;
	padding: 2px 35px;
    border-radius: 15px;
	margin: 0 10px;
	display:none;
}




.toppage-category .category-seminar {
    margin-bottom: 0%;
}
.toppage-category .category-bosyuu {
    margin-bottom: 0%;
}
.toppage-category .category-service {
    margin-bottom: 0%;
}
.toppage-category .category-info {
    margin-bottom: 0%;
}
.toppage-category .category-report {
    margin-bottom: 0%;
}
.toppage-category .category-training {
    margin-bottom: 0%;
}
.toppage-category .category-consulting {
    margin-bottom: 0%;
}






.heightLine {
    padding-bottom: 15px;
}
@media screen and (max-width:750px){
.heightLine .fro{
    display: contents;
}
}


@media screen and (max-width:750px){
.heightLine .category-wrap{
    overflow: hidden;
    margin-top: 10px;
}
}



.home .rc-anchor-invisible-text.smalltext{
	display:block!important
}


/*スライド*/
@media screen and (max-width:820px){
	.single-item{
		margin-top:45px;
	}	
}
@media screen and (max-width: 750px){
.new-news {
    margin-top: 25%;
}
}



/*ehsコラム追加*/
.column-wrap {
	
}
.column-wrap a{
	color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

@media screen and (max-width: 750px){
.column-wrap a{
	font-size: 16px;
}
}

/*facebookロゴ追加*/
.column-wrap .facebook img{
	width:25px;
	/*margin-right:5px;*/
}
.column-wrap a.facebook{
	width:15px;
	margin-left: 25px;
	color:#515157;
}
@media screen and (max-width: 1024px){
.column-wrap a.facebook {
    margin-left: 15px;
}
}

.column-wrap a.facebook:hover{
	text-decoration:none;
}

@media screen and (max-width: 1024px){
.column-wrap a.facebook{
	/*margin-left: 3px;*/
}
}

.face-abu{
	position: absolute;
    top: -10px;
    right: 0;
}
@media screen and (max-width: 1024px){
.face-abu{
	top: -30px;
}
}
@media screen and (max-width: 1024px){
.nishi-laboratory.ehs .ehs-icon {
    margin-top: 35px;
}
}
@media screen and (max-width: 750px){
.nishi-laboratory.ehs .ehs-icon {
    margin-top: 0px;
}
}

.nishi-laboratory.ehs .ehs-icon::before {
    font-size: 2em;
}
.column-wrap a {
    color: #2196f3;
}
.column-wrap p{
	border-bottom: 1px #515151 solid;
    padding-bottom: 15px;
}
@media screen and (max-width: 1024px){
.column-wrap p{
    margin-bottom: 40px;
}
}
@media screen and (max-width: 750px){
.column-wrap p{
    margin-bottom: 0px;
	border: none;
}
}
	
@media screen and (max-width: 750px){
.face-link{
    border-bottom: solid 1px #333;
    margin-bottom: 15px;
    padding-bottom: 15px;	
}
}
@media screen and (max-width: 750px){
.face-link a{
    display: table-row;
}
}

/*facebookアイコンの横　文字→画像に変更*/
.column-wrap .facebook img {
    width: 50px;
}
@media screen and (max-width: 1024px){
.face-abu {
    top: -15px; 
}
}
@media screen and (max-width: 1024px){
.nishi-laboratory.ehs .ehs-icon {
    margin-top: 0px; 
}
}
@media screen and (max-width: 750px){
.nishi-laboratory.ehs .ehs-icon {
    margin-top: 35px; 
}
}



@media screen and (max-width: 1024px){
.column-wrap p {
    margin-bottom: 15px;
}
}
@media screen and (max-width: 750px){
.column-wrap p {
    border-bottom: 1px #515151 solid;
}
}


@media screen and (max-width: 768px){
.column-wrap .facebook img {
    width: 40px;
}
}
@media screen and (max-width: 768px){
.face-abu {
    top: -10px;
}
}
@media screen and (max-width: 750px){
.face-abu {
    top: -30px;
}
}

@media screen and (max-width: 768px){
.column-wrap a {
    font-size: 15px;
}
}

@media screen and (max-width: 750px){
.column-wrap a.facebook:last-child {
    margin-left: 15px;
}
}



@media screen and (max-width: 768px){
.news-worksbox .migi {
    width: 100%;
}
}



/*お知らせ個別投稿*/
.single-post #wp_rp_first{
	display:none;
}
.single-post h3.related_post_title{
	display:none;
}
.single-post .wp_rp_footer{
	display:none;
}

.single-post  .wp_rp_wrap{
	margin-bottom:5%;
}


/*EHS研究所コラムのとこ*/
.column-wrap span.share{
	color: #555;
    font-size: 15px;
    font-weight: bold;
}
@media screen and (max-width: 750px){
.column-wrap span.share{
    font-size: 13px;
}
}

.face-abu {
    position: unset;
}
.column-wrap .facebook img {
    width: 60px;
}


/*コラム一覧調節0525*/
.ehs-link{
	margin-bottom: 2%;
}
.ehs-link a {
    background-color: #a13e31;
    color: #fff;
    padding: 5px 20px;
}
.ehs-link a:hover {
    background-color: #d36456;
}




/*コラム一覧ページ*/
.page-id-22807 .face-abu{
	margin-bottom:2%;
}
.page-id-22807 .hihyouji{
	display:none;
}

/*コラム一覧ページ*/
.page-id-22807 .face-abu{
	margin-bottom:5%;
}
/*シェアボタン*/
.btn_share p{
	border:none;
	float: left;
}
.btn_share img{
	width: 30px;
	margin-left: 10px;
}
.column-wrap {
    position: relative;
}
.btn_share{
	position: absolute;
    right: 40px;
}

/*ふつうのコラムページのほうのシェアボタン*/
.facebook-rela{
	position:relative;
    background-color: #feffec;
    padding: 2% 4% 1%;
	margin-bottom:5%;
}
.column-wrap .facebook-rela p{
    border-bottom:none;
}

.btn_share2 p{
	border:none;
	float: left;
}
.btn_share2 img{
	width: 30px;
	margin-left: 10px;
}
.column-wrap2 {
    position: relative;
}
.btn_share2{
	position: absolute;
    right: 40px;
	z-index: 1;
}
@media screen and (max-width: 750px){
.btn_share2{
	 top: -30px;
}
}
/*トップページh3タグ-------サービス内容20210614*/
.top-service ul li h3 span{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 220px;
    text-align: left;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}
@media screen and (max-width: 750px) {
.top-service ul li h3 span{
	font-size: 18px;
    height: 35px;
    line-height: 35px;
}
}
.top-service ul li h3{
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}
/*色別*/
.top-service ul .li-01 h3 span{
	background-color: #dd240cdb;
}
.top-service ul .li-02 h3 span{
	background-color: #006bb08c;
}
.top-service ul .li-03 h3 span{
	background-color: #0e9c23c4;
}
.top-service ul .li-04 h3 span{
	background-color: #eb184d8c;
}
/*EHS研究所コラム一覧 個別投稿---------------20210615*/
.single-ehs .relation-rink{
	display:none;
}
.single-ehs .wp_rp_wrap{
	display:none;
}
.single-ehs .kotei h2 {
    border: none;
}
.ehs-single{
	margin-top: 70px;
}
.ehs-single a.link-none{
	font-size: 0.95em;
}
.ehs-single a.link-none:hover{
	text-decoration:none;
}
.ehs-single .honbun p{
    font-weight: 500;
	line-height: 35px;
}
@media screen and (max-width: 750px){
.ehs-single .honbun p{
    line-height: 30px;
    font-size: 15px;
}
}
.ehs-single .honbun h2{
    border:none;
	margin-bottom:20px;
}
.ehs-single .honbun a{
    font-size: 15px;
    color: #0068b7;
}
.ehs-single .honbun ul{
	padding: 0 15px;
}
.ehs-single .honbun ul li{
	text-indent: -1em;
	line-height: 35px;
	font-weight: 500;
	font-size: 18px;
}
.ehs-single .date{
    text-align: right;
    float: none;
    width: 100%;
	font-weight: bold;
}
.ehs-single .person{
    text-align: right;
    margin-top: 20px;
}
@media screen and (max-width: 768px){
.ehs-single .padtop-95{
    padding-top:0px;
}
}
/*表*/
.ehs-single table{
    border: solid 1px #555;
}
.ehs-single table tr{
    border-bottom: solid 1px #555;
}
.ehs-single table tr td{
    border-right: solid 1px #555;
	padding: 6px;
}
/*シェア*/
.wrap-sns_facebook{
	text-align:right;
}
@media screen and (max-width: 750px){
.wrap-sns_facebook{
	margin-bottom: 5%;
}
}
.wrap-sns_facebook p{
	display: inline-block;
	margin-right: 20px;
}
@media screen and (max-width: 750px){
.wrap-sns_facebook p{
	margin-right: 10px;
    font-size: 15px;
}
}
.wrap-sns_facebook img{
	width: 35px;
}
@media screen and (max-width: 750px){
.wrap-sns_facebook img{
	width: 25px;
}
}
.wrap-sns_facebook img:hover{
	transform: translateY(-4px);
    outline-offset: -1px;
    color: inherit;
}
@media screen and (max-width:1024px){
.btn_share2 {
    position: absolute;
    right: 0px;
    z-index: 1;
}
}
@media screen and (max-width:768px){
.btn_share2 {
    top: -13px;
}
}
@media screen and (max-width:750px){
.btn_share2 {
    top: -35px;
}
}

/*EHSコラム column51*/
.ehs_column51 table{
	width:100%;
	border-collapse: collapse;
}
.ehs_column51 table th,.ehs_column51 table td{
	border: 1px solid #ccc;
    padding: 20px;
	font-size: 15px;
}
.ehs_column51 table th.main{
	background-color: #4e9eb4;
    color: #fff;
}
.ehs_column51 table th.sub{
	width: 30%;
	background-color: #ededed;
	padding: 10px;
}
.ehs_column51 table td{
	padding:10px;
}
@media screen and (max-width:640px){
.ehs_column51 table th.sub {
    font-size: 13px;
}	
	.ehs_column51 table td{
	font-size: 13px;	
	}
}


/*EHSコラム一覧ページ*/
.ehs-all .column-title {
    position: relative;
}
.ehs-all .column-title a{
	margin-left: 35px;
}
@media screen and (max-width:750px){
.ehs-all .column-title a{
	font-weight: bold;
    font-size: 15px;
}
}


.ehs-all .column-title a::before{
    font-family: FontAwesome;
    content: '\f02d';
    font-size: 1.5em;
    color: #2196f3;
    position: absolute;
    top: -3px;
    margin-left: -29px;
}
.ehs-all .works-box:last-child{
	margin-bottom:5%;
}




/*アンケートページ①追加*/
.survey.seminar1-survey h1 span {
    color: #3968d0;
}
.survey.seminar1-survey .que {
    background-color: #3968d0;
}


/*カーボンゼロ・脱炭素の追加*/
/*.ehs .carbon-link{
	position: relative;
    margin: 0px 0 0 40px;
    margin-top: 1%;
    color: #2196f3;
}
.ehs .carbon-link::before {
    font-family: FontAwesome;
    content: '\f02d';
    font-size: 2em;
    color: #2196f3;
    position: absolute;
    top: -3px;
    margin-left: -35px;
}
.ehs .carbon-link a {
	color: #2196f3;
}
*/

.ehs .carbon-link {
	margin-top:1%;
}
.ehs .carbon-link img:hover {
    text-decoration: none;
    opacity: .7;
}
/*EHS総合研究所ページ バナー追加*/
.ehs .carbon-wrap{
	display:flex;
}
@media screen and (max-width:750px){
.ehs .carbon-wrap{
	display:block;
}
}

.ehs .carbon-wrap .carbon-link2{
	margin-left:3%;
}
@media screen and (max-width:750px){
.ehs .carbon-wrap .carbon-link2 {
    margin-top: 3%;
    margin-left: 0;
}
}

/*環境系オンラインセミナー追加*/
.page-id-24309 .seminar9 .seminer-beginner .seminer-beginner-h3 {
    background-color: #005983;
    border-left: solid #005983 6px;
}
.page-id-24309 .seminar9 .dia-gold {
    color: #34cedd;
}
.page-id-24309 .seminar9 .seminer-beginner-back h3 {
    background-color: #7ed6f3;
}
.page-id-24309 .seminar9 .seminer-beginner-back {
    border: 2px solid #7ed6f3;
}
.page-id-24309 .seminar9 .seminer-beginner-nav #box-nav20 {
    color: #005983;
}
.page-id-24309 .seminar9 .seminer-beginner-nav #box-nav20:hover {
    background-color: #e3f8ff;
}
.page-id-24309 .seminar9 .btn-info2-wrap{
	display:flex;
}
.page-id-24309 .seminar9 .btn-info2-wrap .btn-info2{
	width:50%;
	margin-right:3%;
}
.page-id-24309 .seminar9 .btn-info2-wrap .btn-info2:last-child{
	width:50%;
	margin-right:0%;
}


/*トップページ 特別企画追加20210903*/
.special-plan h2{
	text-align: left;
    margin-bottom: 15px;
	border-bottom: 6px double #718e7d;
    color: #000000;
}
.special-plan img:hover {
    text-decoration: none;
    opacity: .7;
}

.special-plan p{
	text-align:center;
	margin-top: 15px;
}
/*環境セミナーの受講とアンケートページ*/
.chemical_management.survey9 .top-img {
    background-image: url(img/survey9-haikei.jpg);
    background-size: cover;
}
.survey.survey9 .que {
    background-color: #27a8a3;
}
/*無料オンラインセミナー　化学物質　シークレットページ作成20211130*/
.page-id-25433 .main-img{
	padding-top:80px;
}
@media screen and (max-width: 768px){
.page-id-25433 .color02 {
    display: block;
}
}
.page-id-25433 .color02 {
    position: fixed;
    width: 100%;
	height: 80px;
    background-color: #a13e31;
	z-index:1;
}
.page-id-25433 .color02 h1{
    line-height: 29px;
	margin-left:35px;
}
@media screen and (max-width:983px){
.page-id-25433 .color02 h1{
    line-height: 25px;
    margin-top: 8px;
}
}
@media screen and (max-width:750px){
.page-id-25433 .color02 h1{
	margin-left: 15px;
    margin-top: 0;
    line-height: 20px;
}
}
.page-id-25433 .color02 h1 a{
	color:#fff;
}
@media screen and (max-width:750px){
.page-id-25433 .color02 h1 a{
	font-size:13px;
}
}
.page-id-25433 .color02 h1 a:hover{
	text-decoration:none;
}
.page-id-25433 .color02 h1 a span{
    display: block;
    font-size: 25px;
}
@media screen and (max-width:1300px){
.page-id-25433 .color02 h1 a span{
    font-size: 20px;
}
}
@media screen and (max-width:983px){
.page-id-25433 .color02 h1 a span{
    font-size: 17px;
}
}
@media screen and (max-width:983px){
.page-id-25433 .color02 h1 a span{
    font-size: 15px;
}
}
.page-id-25433 .color02 .navi-black{
	padding:0;
}
.page-id-25433 .top-rogo .hidari {
    width: 60%;
}
@media screen and (max-width:1024px){
.page-id-25433 .top-rogo .hidari {
    width: 65%;
}
}
@media screen and (max-width:983px){
.page-id-25433 .top-rogo .hidari {
    width: 60%;
}
}
@media screen and (max-width:768px){
.page-id-25433 .top-rogo .hidari {
    width: 70%;
}
}
.page-id-25433 .top-rogo .migi {
    margin-top:23px;
	padding-right:45px;
}
@media screen and (max-width:1024px){
.page-id-25433 .top-rogo .migi {
    width:30%;
	margin-top:30px;
}
}
@media screen and (max-width:768px){
.page-id-25433 .top-rogo .migi {
    padding-right:20px;
}
}
.page-id-25433 .top-rogo .migi a {
    background-color: #ffe600;
    padding: 10px 30px;
    color: #a13e31;
    border-radius: 26px;
    font-size: 19px;
}
@media screen and (max-width:1024px){
.page-id-25433 .top-rogo .migi a {
    font-size: 16px;
}
}
@media screen and (max-width:983px){
.page-id-25433 .top-rogo .migi a {
    padding: 10px 15px;
}
}
@media screen and (max-width:882px){
.page-id-25433 .top-rogo .migi a {
    padding: 10px 5px;
    font-size: 14px;
}
}
.page-id-25433 .top-rogo .migi a:hover{
	text-decoration:none;
}
.page-id-25433 .seminer-beginner .seminer-beginner-h3 {
    border-left: solid #420000 6px;
    background-color: #420000;
}
.page-id-25433 .dia-gold {
    color: #420000;
}
.page-id-25433 .seminer-beginner-nav #box-nav20 {
    color: #931c1c;
}
.page-id-25433 .seminer-beginner-nav #box-nav20:hover {
    background-color: #ffe8e8;
}
.page-id-25433 .seminer-beginner-back h3 {
    background-color: #ce6868;
}
.page-id-25433 .seminer-beginner-back {
	    border: 3px solid #ce6868;
    background-color: #fff4f4;
}
@media screen and (max-width:750px){
.page-id-25433 .seminer-beginner-back ul li{
	font-size:15px;
}
}
@media screen and (max-width:1024px){
.page-id-25433 .kotei h2 {
    font-size: 20px;
}
}
@media screen and (max-width:750px){
.page-id-25433 .kotei h2 {
    font-size: 17px;
}
}
.page-id-25433 .main-moji {
    width: 100%;
}
.page-id-25433 .main-moji img{
    width: 30%;
}
@media screen and (max-width:750px){
.page-id-25433 .info table p{
    font-size: 15px;
}
}
@media screen and (max-width:750px){
.page-id-25433 .new-footer .hidari p{
    font-size:15px;
}
}
/*
.page-id-25433 .box-50{
	width:60%;
	margin:0 auto;
}*/
.page-id-25433 .box-hidari {
    margin-bottom: 3%;
}
.page-id-25433 .seminer-beginner-back .box-migigawa {
    width: 52%;
}
@media screen and (max-width:750px){
.page-id-25433 .seminer-beginner-back .box-migigawa {
    width: 100%;
}
}
.page-id-25433 .seminer-beginner-back .box-hidarigawa {
    width: 35%;
	margin-left: 5%;
}
@media screen and (max-width:750px){
.page-id-25433 .seminer-beginner-back .box-hidarigawa {
    width: 100%;
    border-bottom: solid 1px #000;
}
}

/*はじめてJAPIAシートを使うサプライヤーに対する説明ポイント アンケートページ*/
.chemical_management.japiasheet .top-img {
    background-image: url(images/japiasheet-haikei.jpg);
    background-size: cover;
}
.survey.japiasheet h1 span {
    color: #c22525;
}
.survey.japiasheet .que {
    background-color: #791313;
}
.survey.japiasheet span.wpcf7-list-item {
    margin: 0;
}
.survey.japiasheet .hissu {
    float: none;
	margin-right:10px;
}


.survey.japiasheet .info .wid-60 {
    width: 62%;
}

.page-id-25433 .haifu .haifu-h3 {
    background-color: #ff5d06;
    border-left: solid #ff5d06 6px;
    font-size: 20px;
	color:#fff;
	padding: 10px 0;
}
@media screen and (max-width:450px){
.page-id-25433 .haifu .haifu-h3 {
    font-size: 15px;
}
}
.page-id-25433 .haifu p{
	background-color: #fff6d3;
    padding: 25px 15px;
}
@media screen and (max-width:450px){
.page-id-25433 .seminer-beginner .seminer-beginner-h3 {
    font-size: 15px; 
}
}
/*トップページ　お知らせ文字大きさ*/
@media screen and (max-width:450px){
.new-news .tab_content ul li .heightLine a{
    font-size: 15px;
}
}
.tokushu ul li a {
    font-size:17px;
}

@media screen and (max-width:450px){
.tokushu ul li a {
    font-size:13px;
}
}
@media screen and (max-width:450px){
.tokushu ul li a img{
    margin-bottom:0;
}
}

.footer-top .adress{
	    font-size: 15px;
}
.ehs-single .content{
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width:1050px){
.ehs-single .content{
	width:90%;
	margin:0 auto;
}
}
/*製品含有化学物質管理　会員サービス*/
.menber-regist .nyuukai{
	margin-bottom: 1%;
	padding-bottom: 4%;
}
.menber-regist .membership{
	margin-bottom: 2%;
}
.menber-regist .membership a{
	color: #115bff;
    text-decoration: underline;
}
/*海外進出ページ修正20220704*/
.oversea h1 span{
	font-size: 15px;
    margin-left: 20px;
    letter-spacing: 0; 
}
@media screen and (max-width:750px){
.oversea h1 span{
	display:block;
}
}
.oversea .flow ul{
	margin-top:20px;
}
.oversea .flow ul li{
	display: inline-block;
    background-color: #eed1e5;
    width: 15%;
    color: #59304d;
    font-weight: bold;
    margin-right: 15px;
    vertical-align: top;
    position: relative;
    padding: 30px 10px;
    height: 101px;
	font-size: 18px;
    box-sizing: border-box;
    text-align: center;
    border: solid 2px #59304d;
}
@media screen and (max-width:1200px){
.oversea .flow ul li{	
	width: 14.5%;
}
}
@media screen and (max-width:1024px){
.oversea .flow ul li{	
	width: 22%;
    margin-bottom: 15px;
}
}
@media screen and (max-width:698px){
.oversea .flow ul li{	
	width: 30%;
}
}  
@media screen and (max-width:640px){
.oversea .flow ul li{	
	display:block;
	width:100%;
	padding: 20px 10px;
    height: 70px;
    margin-bottom: 20px;
	font-size: 15px;
}
}  
.oversea .flow ul li::before{
	content: "";
    border: solid transparent;
    border-width: 12px;
    border-top-color: #59304d;
    position: absolute;
    top: calc(100% - 60px);
    left: 103%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-49%);
    transform: rotate( 270deg);
}   
@media screen and (max-width:640px){
.oversea .flow ul li::before{
	left: 50%;
    transform: rotate( 2deg);
	top: unset;
    bottom: -30px;	
}	
}
.oversea .flow ul li.none{
	padding: 20px 10px;
}
@media screen and (max-width:640px){
.oversea .flow ul li.none{
	line-height: 20px;
	padding: 15px 10px;
}	
}
.oversea .flow ul li.none::before{
	content:none;
}   
.oversea .flow ul li.none span{
	font-size:13px;
}
/*製造業　DX始動支援セミナー*/
.dx-seminar .seminer-beginner .seminer-beginner-h3 {
    background-color: #1c66bb;
    border-left: solid #1c66bb 6px;
}
.dx-seminar .seminer-beginner-nav #box-nav20 {
    color: #1c66bb;
}
.dx-seminar .seminer-beginner-nav #box-nav20:hover {
    background-color: #d1e6ff;	
}	
.dx-seminar .seminer-beginner-back h3 {
    background-color: #eb762f;
    padding: 5px 20px;
    margin-bottom: 15px;
}	
.dx-seminar .seminer-beginner-back {
    border: 2px solid #eb762f;	
}	
.dx-seminar .dia-gold {
    color: #1c66bb;	
}	
	
.dx-seminar .gaiyou p{
	text-align:left;
}	
@media screen and (max-width:750px){
.dx-seminar .gaiyou p{
	font-size: 15px;
}		
}
.dx-seminar .program {
	margin-top:3%;
}	
.dx-seminar .program .flex{
	display: flex;
}
@media screen and (max-width:450px){
.dx-seminar .program .flex{
	display:block;
}		
}
.dx-seminar .program .flex ul{
	width: 25%;
}
@media screen and (max-width:930px){
.dx-seminar .program .flex ul{
	width: 30%;
}		
}
@media screen and (max-width:650px){
.dx-seminar .program .flex ul{
	width: 100%;
}		
}

.dx-seminar .program .flex ul:last-child{
	width: 40%;
}
@media screen and (max-width:1200px){
.dx-seminar .program .flex ul:last-child{
	width: 60%;
}		
}
@media screen and (max-width:650px){
.dx-seminar .program .flex ul:last-child{
	width: 100%;
}		
}
.dx-seminar .program p{
	text-align:left;
}

   
.dx-seminar .program .prof{
	margin-bottom: 3%;
}
.dx-seminar .program .prof li{
	margin: 0 10px;
}
/*トップページ　DX始動支援セミナー案内*/
.topbnr-dx{
	max-width: 800px;
    margin: 0 auto;
    margin-top: 5%;
}
@media screen and (max-width:1024px){
.topbnr-dx{
	max-width: 700px;
}
}
@media screen and (max-width:750px){
.topbnr-dx{
	margin-top: 10%;
	width: 90%;
}
}
@media screen and (max-width:450px){
.topbnr-dx{
	margin-top: 15%;
}
}
.topbnr-dx p{
	background-color: #ff6c13;
    text-align: center;
    color: #fff;
    padding: 3px 0;
}
@media screen and (max-width: 750px){
.topbnr-dx p{
	font-size: 15px;
    padding: 0;
}
}
@media screen and (max-width: 750px){
.new-news {
    margin-top: 7%;
}
}
/*海外進出支援ページ修正　20220804*/
.oversea .service ul li{
	display:inline-block;
	width:31%;
	margin-right:3%;
	vertical-align:top;
}
@media screen and (max-width: 1024px){
.oversea .service ul li{	
	width:30%;
}
}
@media screen and (max-width: 750px){
.oversea .service ul li{	
	display: block;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 5%;
}
}
@media screen and (max-width: 750px){
.oversea .service ul li{
	width:100%;
}
}

.oversea .service ul li:last-child{
	margin-right:0%;
}
@media screen and (max-width: 750px){
.oversea .service ul li:last-child{
	margin-right:13%;
}
}
.oversea .service ul li h4{
	border: none;
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
    background-color: #0b1c50;
    color: #fff;
    padding: 5px 0;
}
.oversea .service ul li ul{
	
}
.oversea .service ul li ul li{
	display:block;
	width:100%;
	font-weight: bold;
    line-height: 35px;
}
@media screen and (max-width: 750px){
.oversea .service ul li ul li{	
	margin-bottom: 0;
}
}
.oversea .omakase .btn-lp{
	margin-top: 10%;
}
@media screen and (max-width: 640px){
.oversea .omakase .btn-lp{	
	display:none;
}
}
.oversea .omakase .btn-lp a{
	background-color: #f79124;
    color: #fff;
    padding: 15px 30px;
	display: inline-block;
}
.oversea .omakase .btn-lp a:hover{
	text-decoration:none;
	background-color: #f7ac24;
}
.oversea .lp-bnr{
	text-align: center;
    margin-bottom: 5%;
}
/*お問い合わせ修正*/
.info .container {
	max-width: 960px;
	margin: 60px auto;
}
.info .container h2.form-title {
    padding: 19px 5px 16px;
    background: #420000;
    font-weight: bold;
	border: none;
	text-align: center;
	color: #fff;
}
.info .container .form-content {
	border: #420000 2px solid;
	padding: 20px
}
.info .container .info-link {
	margin: 0 0 20px;
}
.info .container .info-link a {
	display: inline-block;
	margin-right: 5px;
	border-bottom: #420000 solid 1px;
	padding-bottom: 3px;
	color: #420000;
}
.info .container .info-link a:hover {
	text-decoration: none;
	opacity: .8;
}
@media screen and (max-width: 640px){
	.info .container {
		margin: 30px auto;
	}
}
/*特商法　特定商取引法*/
.no-trouble table{
    width: 100%;
    border-collapse: collapse;
}
.no-trouble th {
    font-weight: bold;
    background-color: #dedede;
    width: 20%;
}
.no-trouble th, .no-trouble td {
    border: 1px solid #ccc;
    padding: 20px;
	font-weight: bold;
}

/*btn-template.php*/
.btn-template {
	padding: 50px 0;
}

/*404ページ*/
.not-found .inner{
	margin:5% 0%;
}
.not-found .inner h2{
	margin-bottom: 25px;
}
.not-found .inner a{
	color: #ff7423;
    text-decoration: underline;
}

/*レイアウト崩れ調節*/
.page-id-2973 ul{
	letter-spacing:0em;
}
.page-id-2747 ul{
	letter-spacing:0em;
}
/*2行目を1段下げる*/
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
/*-----みんなで創ろう、カーボンニュートラル社会！進めよう脱炭素経営！*/
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
#kotei-tubnav .seminar10 .box-nav a {
    display: inline-block;
    color: #1f9b7c;
    cursor: pointer;
    box-sizing: border-box;
    width: 24%;
    text-align: center;
    border-right: 0.25px solid #515151;
    text-decoration: none;
    padding-top: 8px;
    margin-bottom: 15px;
}
.seminar10 h1.title span.sub-title {
    font-size: 20px;
    letter-spacing: initial;
}
.seminar10 h1.title span.sub-title a {
    font-size: 20px;
    text-decoration: underline 0.5px;
}
.seminar10 img.seminar10-ver2023{
    border: solid 10px #89ab1e;
}
.seminar10 .seminer-beginner-back h3 {
    background-color: #1f9b7c;
}
.seminar10 .seminer-beginner .seminer-beginner-h2 {
    background-color: #1f9b7c;
    border-left: none;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 2%;
    padding: 2% 0;
}
.seminar10 .seminer-beginner .seminer-beginner-h3 {
    background-color: #1f9b7c;
    border-left: solid #1f9b7c 6px;
}
.seminar10 .box-nav20{
    width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.seminar10 .dia-gold {
    color: #ffc600;
}
.seminar10 .seminer-beginner-back {
    border: 2px solid #1f9b7c;
}
.seminar10 .box-nav20{
    width: 25%;
}
.seminar10 .btn-info2-wrap{
	display:flex;
}
.seminar10 .btn-info2-wrap .btn-info2 {
    width: 50%;
    margin-right: 1%;
}
.seminar10 .btn-info2-wrap .btn-info2:last-child{
	margin-right:0%;
}
.seminar10 .seminer-beginner-nav .box-nav20 {
    color: #005983;
}
.seminar10 .seminer-beginner-nav .box-nav20:hover {
    background-color: #fff7db;
}
.seminar10 .info td {
    border: none !important;
    padding: 1%;
}
.seminar10 a.font-size-16{
	font-size: 16px;	
}
.seminar10 .font-size-20{
	font-size: 20px;	
}
.ma-btm-5 {margin-bottom: 5%;}
@media screen and (max-width:768px){
.seminar10 .btn-info2-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.seminar10 .btn-info2-wrap .btn-info2 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
}
}
@media screen and (max-width:640px){
.seminar10 .box-nav20{
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 5px;
    border: 0px solid #7b6605;
}
.seminar10 .seminer-beginner-back h3 {
    font-size: 18px;
}
.seminar10 .font-size-20 {
    font-size: 16px;
}
}
@media screen and (max-width:485px){
.seminar10 .seminer-beginner .seminer-beginner-h2 {
    font-size: 16px;
}
}
/*-----SDS管理ソフトウェアMatch--------*/
.kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/6);
}
.page-id-29916 #kotei-tubnav .select6 {
    background-color: #420000;
    color: white;
}
#management-software {
    padding: 0 2%;
}
#management-software .mov-br{
	display:none;
}
@media screen and (max-width:640px){
	#management-software .mov-br{
			display:block;
}
}
#management-software .SoftwareMatch h2{
    background-color: #a4a4a4;
    background-image: linear-gradient(239deg, #a4a4a4 0%, #6c6c6c 27%, #262626 51%, #444444 72%, #a4a4a4 100%);
    background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset, 0 2px 10px 0 rgba(255,255,255,.5) inset, 0 -2px 2px 0 rgba(0,0,0,.1) inset;
	border: none;
	color: #fff;
    text-align: center;
	margin-top: 3%;
	margin-bottom: 5%;
}
#management-software .SoftwareMatch .sec1 h3,
#management-software .SoftwareMatch .sec3 h3{
    border: none;
    font-size: 2em;
    padding: 0;
    text-align: center;
    margin-bottom: 2%;
    margin-top: 2%;
}
@media screen and (max-width:767px){
#management-software .SoftwareMatch .sec1 h3, #management-software .SoftwareMatch .sec3 h3 {
    font-size: 1.5em;
}	
}
#management-software .SoftwareMatch h3 span.font-s{
    font-size: 0.8em;
}
#management-software .SoftwareMatch .sec2 h3 {
    border: none;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    margin: 5% 0;
    background-color: #a4a4a4;
    background-image: linear-gradient(239deg, #a4a4a4 0%, #6c6c6c 27%, #262626 51%, #444444 72%, #a4a4a4 100%);
    background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset, 0 2px 10px 0 rgba(255,255,255,.5) inset, 0 -2px 2px 0 rgba(0,0,0,.1) inset;
    border: none;
    color: #fff;
}
#management-software .SoftwareMatch .sec2 .area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 5%;
}
#management-software .SoftwareMatch .sec2 .area .box {
    width: 35%;
    background-color: #fff6ef;
    padding: 2% 1.5%;
    border-radius: 0 16px 0px 16px;
    margin-bottom: 5%;
    text-align: center;
    border: dotted 2px #ff8020;
}
#management-software .SoftwareMatch .p-rela{
	position: relative;
}
#management-software .SoftwareMatch .p-abso{
	position: absolute;
}
#management-software .SoftwareMatch img.p-abso {
    top: -16%;
    left: -15%;
    width: 32%;
    transform: rotate(348deg);
}
#management-software .SoftwareMatch img.p-abso.item5 {
    left: -7%;
    width: 15%;
}
#management-software .SoftwareMatch p.box-Large{
	font-size: 30px;	
}
#management-software .SoftwareMatch .sec2 .area .box:nth-child(2n) {
    margin-right: 0;
}
#management-software .SoftwareMatch .sec2 .area .box:last-child{
    width: 80%;
}
@media screen and (max-width:990px){
#management-software .SoftwareMatch img.p-abso {
    left: -23%;
}
}
@media screen and (max-width:767px){
#management-software .SoftwareMatch p.box-Large {
    font-size: 25px;
}
}
@media screen and (max-width:640px){
#management-software .SoftwareMatch .sec2 .area {
    display: flex;
    flex-direction: column;
    margin-top: 5%;
}
#management-software .SoftwareMatch .sec2 .area .box {
    width: 80%;
    margin: 3% auto;
}
#management-software .SoftwareMatch img.p-abso {
    left: -10%;
    width: 20%;
}
#management-software .SoftwareMatch .sec2 .area .box:nth-child(2n) {
    margin-right: auto;
}
#management-software .SoftwareMatch img.p-abso.item5 {
    left: -10%;
    width: 20%;
}
}
@media screen and (max-width: 480px){
#management-software .SoftwareMatch .sec2 .area .box {
    width: 100%;
}
#management-software .SoftwareMatch img.p-abso {
    left: 20px;
    width: 15%;
}
#management-software .SoftwareMatch .sec2 .area .box:last-child {
    width: 100%;
}
#management-software .SoftwareMatch img.p-abso.item5 {
    left: 5%;
    width: 17%;
}
#management-software .SoftwareMatch p.box-Large {
    font-size: 20px;
}
}
#management-software .SoftwareMatch .yajirushi {
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 45px solid #ff8020;
    margin: 0 auto;
}
#management-software .SoftwareMatch table{
    margin-top:5%;
}
#management-software .SoftwareMatch table tbody {
    font-weight: bold;
}
#management-software .SoftwareMatch p.attention{
    font-weight: normal;
    font-size: 14px;
}
#management-software .SoftwareMatch .line001 {
    width: 100%;
    height: 14px;
    margin: 5% 0;
    background-color: #a4a4a4;
    background-image: linear-gradient(239deg, #a4a4a4 0%, #6c6c6c 27%, #262626 51%, #444444 72%, #a4a4a4 100%);
    background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset, 0 2px 10px 0 rgba(255,255,255,.5) inset, 0 -2px 2px 0 rgba(0,0,0,.1) inset;
    border: none;
    color: #fff;
}
#management-software .SoftwareMatch .sec3 h3{

}
#management-software .SoftwareMatch .sec3 .area {
    display: flex;
    margin-top: 5%;
    margin-bottom: 5%;
}
#management-software .SoftwareMatch .sec3 .area .box {
    width: calc(100%/3);
    margin-right: 2%;
}
#management-software .SoftwareMatch .sec3 .area .box:last-child{
    margin-right:0%;
}
#management-software .SoftwareMatch .sec3 .area .box p {
    position: relative;
    padding: 0.6em;
    background: #0068b7;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 5%;
}
#management-software .SoftwareMatch .sec3 .area .box p:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #0068b7;
    width: 0;
    height: 0;
}
#management-software .SoftwareMatch .sec3 .area .box img {
    border: 2px solid #ddd;
}
#management-software .SoftwareMatch .content-box2 {
    padding: 0 2%;
}
@media screen and (max-width:640px){
#management-software .SoftwareMatch .sec3 .area {
    display: flex;
    margin-top: 5%;
    margin-bottom: 5%;
    flex-direction: column;
}
#management-software .SoftwareMatch .sec3 .area .box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}
}
#management-software .SoftwareMatch .info a {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 50%;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
    border-radius: 100vh;
    color: #333;
    border: 1px solid #999;
    text-shadow: 0 1px #fff;
    box-shadow: 0 3px 2px 1px #fcfcfc, 0 4px 6px #cecfd1, 0 -2px 2px #cecfd1, 0 -4px 2px #eee, inset 0 0 2px 2px #cecfd1;
    transition: 0.5s;
}
#management-software .SoftwareMatch .info a:hover {
	opacity: 0.5;
}
@media screen and (max-width:767px){
#management-software .SoftwareMatch .info a  {
	    width: 100%;
	}
}
/*みんなで創ろう、カーボンニュートラル社会！進めよう脱炭素経営！締め切り対応*/
.seminar10 .example{
position: relative;
  }
.seminar10 .example p{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
    color: #eaeaea;
    font-size: 1.5em;
  }
.seminar10 .example img{
  width: 100%;
 filter: brightness(35%);
  }
.font-not{
	font-size:20px;
}
/*---------------- セミナーページ修正 20230711 ------------------*/
#kotei-tubnav .content-box2 .area {
    border: solid 2px #ddd;
    padding: 1%;
    margin: 3% 0;
}
#kotei-tubnav .content-box2 a.btn-kouza {
    padding: 1% 5%;
    text-align: center;
    background-color: #f18200;
    color: #fff;
    border-radius: 39px;
}
#kotei-tubnav .content-box2 a.btn-kouza:hover {
    background-color: #edb067;
}
#kotei-tubnav .content-box2 .toggle1 {
    pointer-events: auto;
}
#kotei-tubnav .content-box2 .toggle {
    pointer-events: none;
}
/*みんなで創ろう、カーボンニュートラル社会！進めよう脱炭素経営！第２回*/
.seminar11.seminar10 .example img {
  width: 100%;
 filter: brightness(100%);
  }
.seminar11 .font-s{
    font-size: 1.15rem;
}
.seminar11 .seminer-beginner .seminer-beginner-h2 {
    padding: 2% 1%;
}
.seminar11 .seminer-beginner-back .box-hidari {
     margin-bottom: 0; 
}
.seminar11 .btn-info3-wrap{
	display:flex;
	justify-content:space-around;
}
.seminar11 .btn-info3-wrap div{
	width:50%;
	text-align:center;
}
.seminar11 .seminer-beginner-back .box ul.schedule{
	
}
.seminar11 .seminer-beginner-back .box ul.schedule li{
	display:flex;
	line-height:1.4;
}
.seminar11 .seminer-beginner-back .box ul.schedule li p:first-child{
	width:21%;
	padding-right:0.6rem;
}
.seminar11 .seminer-beginner-back .box ul.schedule li p:nth-child(2){
	padding-right:1rem;
}
.seminar11 .seminer-beginner-back .box ul.schedule li p:nth-child(3){
}
.seminar11 dl.seminar-venue{
display:flex;
flex-wrap:wrap;
	font-weight:bold;
	font-size:18px;
}
.seminar11 dl.seminar-venue dt{
width:15%;
}
.seminar11 dl.seminar-venue dd{
width:85%;
}
@media screen and (max-width: 640px) {
    .seminar11 .seminer-beginner-back .box ul.schedule li p:first-child{
        width:90px;
    }
    .seminar11 .seminer-beginner-back .box ul.schedule li p:nth-child(2){
        width:120px;
        padding-right:0.4rem;
    }
    .seminar11 .seminer-beginner-back .box ul.schedule li p:nth-child(3){
        width:100px;
    }
        .seminar11 dl.seminar-venue{
    display: block;
            font-size:15px;
    }
    .seminar11 dl.seminar-venue dt{
    width:100%;
    }
    .seminar11 dl.seminar-venue dd{
    width:100%;
    }
    }
@media screen and (max-width:640px){
.seminar11 .font-s {
    font-size: 0.95rem;
}
}
@media screen and (max-width:640px){
    .seminar11 .font-s {
        font-size: 0.95rem;
}
}




/* ======================================================
/*               ++ リキャプチャ ++
   ====================================================== */
.grecaptcha-badge { visibility: hidden; }
.recaptcha {
    margin: 10px 0 0;
    font-size: 14px;
    display: inline-block;
}
.recaptcha a {
	margin: 0 5px;
	text-decoration: underline;
	    font-size: 14px;
}
.recaptcha a:hover {
    color: #c7c7c7;
}
@media screen and (max-width: 768px) {
	.recaptcha 	{
		text-align: center;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.recaptcha 	{
		text-align: left;
		padding: 0 3%;
		margin-bottom: 10px;
	}
}
img.teamexpo2025-logo-01 {
    width: 8%;
    margin: 0 auto;
}
img.teamexpo2025-logo-02{
    width: 30%;
    margin: 0 auto;
    display: block;
}
@media screen and (max-width: 640px) {
img.teamexpo2025-logo-01 {
    width: 15%;
}
img.teamexpo2025-logo-02 {
    width: 60%;
}	
}
.seminar11.seminar10 .example img {
    width: 100%;
    filter: brightness(35%);
}
/*EHS総合研究所ページ修正*/
.wrap-sns_facebook img {
    width: 25px;
	transform: translateY(-4px);
}
.wrap-sns_facebook p {
    display: inline-block;
    margin-right: 0px;
    padding-bottom: 0;
}
.wrap-sns_facebook img:hover {
    transform: translateY(-6px);
    outline-offset: -1px;
    color: inherit;
}
@media screen and (max-width: 750px){
	.btn_share2 {
    top: -25px;
}
}

/*健康づくりで未来を描く：アイデアから実現へ*/
.seminar12.seminar11.seminar10 .example img {
    filter: brightness(35%);
}
.seminar12 span.impact{
    display:inline-block;
    font-size:1.2em;
    background:  #de2b0b;
    padding:0 0.4rem;
}
#kotei-tubnav .seminar12 .box-nav a {
    color: #ff8815;
}
.seminar12 .seminer-beginner-back h3 {
    background-color: #ff8815;
}
.seminar12 .seminer-beginner .seminer-beginner-h2 {
    background-color: #ff8815;
    color: #fff;
    font-size:1.2rem;
}
.seminar12 .seminer-beginner .seminer-beginner-h3 {
    background-color: #ff8815;
    border-left: solid #ff8815 6px;
}
.seminar12 .dia-gold {
    color: #ffc600;
}
.seminar12 .seminer-beginner-back {
    border: 2px solid #ff8815;
}
.seminar12 .seminer-beginner-nav .box-nav20 {
    color: #005983;
}
.seminar12 .seminer-beginner-nav .box-nav20:hover {
    background-color: #fff7db;
}
.seminer-beginner-back .box-long{
	width:100%;
}
.seminar12 .img-logo img{
    width:320px;
}
.seminar12 .btn-info3-wrap div img{
    width:420px;
}

@media screen and (max-width:640px){
.seminar12 .seminer-beginner .seminer-beginner-h2 {
    font-size:1rem;
}
.seminar12 span.impact{
    display:inline-block;
    font-size:1.1em;
}
    
.seminar12 .box-nav20{
    border: 0px solid #7b6605;
}
.seminar12 .img-logo img{
    width:80%;
}
.seminar12 .btn-info3-wrap{
    flex-direction: column; 
}
.seminar11 .btn-info3-wrap div {
    width:90%;
    margin:0 auto;
    margin-bottom:0.4rem;
}
.seminar12 .btn-info3-wrap div img{
    width:100%;
}
}
.seminar12 .seminer-beginner-back .box ul.schedule{
}
.seminar12 .seminer-beginner-back .box ul.schedule li{
	line-height:1.4;
    padding:1.4rem 4rem;
    background:#ffe4c9;
    margin-left:6rem;
    margin-right:6rem;
}
.seminar12 .seminer-beginner-back .box ul.schedule li.program{
	display:flex;
    align-items:center;
}
.seminar12 .seminer-beginner-back .box ul.schedule li.program div:first-child{
    margin-right:2rem;
}
.seminar12 .seminer-beginner-back .box ul.schedule li div:nth-child(2){
    flex-grow:2;
}
.seminar12 .seminer-beginner-back .box ul.schedule li p{
    margin-bottom:0.4rem;
    width:100%;
}
.seminar12 .seminer-beginner-back .box ul.schedule li p.label{
    display:inline-block;
    text-align:center;
    font-size:0.9em;
    padding:0.2rem;
    background:#fff;
}
.seminar12 .seminer-beginner-back .box ul.schedule li p.label.main_label{
    background:#de2b0b;
    color:#ffffff;
}
.seminar12 .seminer-beginner-back .box ul.schedule li p:nth-child(2){
    font-size:0.9em;
}
.seminar12 .seminer-beginner-back .box ul.schedule li p:nth-child(3){
}
.seminar12 .seminer-beginner-back .box ul.schedule li p:nth-child(4){
    font-size:0.9em;
}
.seminar12 figure{
    width:120px;
}
.seminer12_form_index{
    margin-bottom:1rem;
    margin-top:1rem;
    border-bottom:solid 2px #ff8815;
}
.btn_seminer12_area{
    margin:0 auto;
    text-align:center;
    margin:2rem 0;
}
.btn_seminer12{
    width:100%;
    max-width:400px;
    border-radius: 12px;
    background:#f55a00;
    padding:1rem;
    font-weight:600;
    font-size:1.1rem;
    color:#fff;
    border-style:none;
    box-shadow: 0px 0px 15px -5px #777777;
}
.btn_seminer12:hover{
    box-shadow: none;
    opacity:0.8;
}
.seminer12_form_mes{
    font-weight:600;
    font-size:1.2rem;
    color:red;
}
.seminer12_form_mes span{
    color:#333;
    font-size:1rem;
}


@media screen and (max-width: 640px) {
    .seminar12 .seminer-beginner-back .box ul.schedule li{
        padding:1rem;
        margin-left:0;
        margin-right:0;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule{
        margin:0;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule li p.label{
        margin-top:0.4rem;
        width:auto;
        padding:0 1rem;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule li.program{
        display:block;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule li div:nth-child(2){
        width:100%;
        margin:0;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule li p:nth-child(3){
        width:100%;
    }
    .seminar12 .seminer-beginner-back .box ul.schedule li p:nth-child(4){
        font-size:0.8em;
    }
    .seminar12 figure{
        width:80px;
    }
}


/*安全対策　化学物質管理講習20240130*/
.anzen-taisaku .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/5);
}
.kotei-tubnav2 .tab-content .box-nav a {
	font-size:15px;
}
.chemical-koushu .hidari2{
	width: 20%;
}
.chemical-koushu .migi2 {
    width: 70%;
    margin-left: 5%;
}
.chemical-koushu .program ul li:last-child{
	margin-right:0;
}
.page-id-32888 .teacher .hidari2{
	width: 20%;
    margin-right: 3%;
}
.top-nav #gnav ul li.kaigai .menu-inner .ul01 li {
    margin-bottom: 1px;
}
.page-id-32888 .toiawase .btn-flex{
	display:flex;
	justify-content: space-between;
}
.page-id-32888 .toiawase .btn-wrap{
	width:43%;
	text-align:center;
	margin: 0 auto;
}
.page-id-32888 .toiawase .btn-wrap a{
	display:block;
	background-color:#75b156;
	color:#fff;
	font-weight:bold;
	padding:2% 0;
}
.page-id-32888 .toiawase .btn-wrap a:hover{
	text-decoration:none;
}
.page-id-32888 .toiawase .btn-wrap2 a{
	background-color:#0085cf;
}
.page-id-32888 .bnr-alpha{
    width: 65%;
    margin: 0 auto;
	margin-top:8%;
	margin-bottom:3%;
}
.page-id-32888 .shousai .toriatukai,
.seminar_box2 {
	background-color: #ecffe9;
    padding: 2% 3%;
}
.page-id-32888 .shousai .seizou{
    background-color: #ebfffe;
    padding: 2% 3%;
    margin-top: 3%;	
}
.page-id-32888 .program .gold-square:first-child{
	background-color: #75b156;
}
.page-id-32888 .program .gold-square.gold-square2{
    background-color: #0085cf;
}
.page-id-32888 .content-box2 .asessment-pict-h3 {
    background-color: #013d78;
    border-left: solid #013d78 6px;
}
.page-id-32888 .toiawase .btn-wrap2{
	margin-top:3%;
	margin-bottom:5%;
}





/*お申し込みまでの流れ*/
.chemical-koushu .flow ul li {
    display: inline-block;
    background-color: #fff;
    width: 18%;
    margin-right: 2%;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
	padding-top: 25px;
}
.chemical-koushu .flow ul li .inner {
    display: grid;
    place-items: center;
    height: 100px;
	border: solid 2px #6f6f6f;
	margin-bottom: 5%;
    position: relative;
}
.chemical-koushu .flow ul li .inner::before {
    content: "";
    border: solid transparent;
    border-width: 8px;
    border-top-color: #0693e3;
    position: absolute;
    /*top: calc(100% - 60px);*/
    left: 103%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-49%);
    transform: rotate(270deg);
}
.chemical-koushu .flow ul li .inner.none::before {
	display:none;
}
.chemical-koushu .flow ul li p.step_number {
    position: absolute;
    top: -16%;
    left: 3%;
    color: #ffffff;
    background-color: #0693e3;
    font-weight: bold;
    padding: 0 10px;
}
.chemical-koushu .flow ul li p.text{
	font-size: 15px;
    text-align: left;
}
.chemical-koushu .flow ul li .flow-title {
    font-weight: bold;
    color: #0b317b;
    font-size: 20px;
    line-height: 20px;
}

/*よくあるご質問*/
.chemical_management .faq .v_qa .wrap2 {
    overflow: visible;
}
.chemical_management .faq .v_qa_box{
	margin-top: 40px;
}
.chemical_management .faq .v_qa_box summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    background: #f3f3f3;
    color: #003477;
    font-size: 20px;
    font-weight: bold;
    border-radius: 15px;
    box-shadow: 4px 3px 6px rgba(6, 76, 129, 0.16);
    display: flex;
    align-items: center;
    padding: 15px 50px 20px 35px;
}
.chemical_management .faq .v_qa details:not([open]) p {
    max-height: 0;
    overflow: hidden;
}
.chemical_management .faq .v_qa_box p {
    margin: 0;
    padding: 30px 20px 0 35px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.chemical_management .faq .v_qa_box summary::before {
    content: url(../mytheme/images/faq_q.png);
    margin-right: 20px;
}
.chemical_management .faq summary::after {
    content: '＋';
    font-size: 45px;
    margin-left: auto;
}
.chemical_management .faq details[open] summary::after {
    content: '−';
}
.chemical_management .faq .v_qa_box p::before {
    margin-right: 20px;
    content: url(../mytheme/images/faq_a.png);
}
/*団体受講のご案内*/
.chemical_management .dantai table {
    border-collapse: collapse;
    width: 100%;
}
.chemical_management .dantai table th, .chemical_management .dantai table td {
    border: 1px solid #ccc;
    padding: 15px 20px;
    font-size: 16px;
	font-weight:bold;
}
.chemical_management .dantai table th {
    font-weight: bold;
    background-color: #dedede;
    width: 20%;
    text-align: center;
}
.chemical_management .dantai .flex{
	display:flex;
}
.chemical_management .dantai .tori{
	width:47.5%;
	margin-right:5%;
}
.chemical_management .dantai .seizou{
	width:47.5%;
}
.chemical_management .dantai .title{
    color: #fff;
    text-align: center;
    padding: 10px 0;
}
.chemical_management .dantai .tori .title{
	background-color: #75b156;
}
.chemical_management .dantai .seizou .title{
	background-color: #0085cf;
}
.chemical_management .dantai .btn-wrap{
	width:60%;
	margin:0 auto;
	margin-top: 3%;
}
.chemical_management .dantai .btn-wrap a{
	border: solid 2px #013d78;
    color: #013d78;
    padding: 10px;
    box-sizing: border-box;
    display: block;
	text-align:center;
	font-size:16px;
	text-decoration:none;
}
.chemical_management .dantai .btn-wrap a:hover{
	background-color:#013d78;
	color: #fff;
}
@media screen and (max-width: 850px) {
.chemical_management .dantai .flex{
	display:block;
}
.chemical_management .dantai .tori{
	width:100%;
	margin-right:0%;
}
.chemical_management .dantai .seizou{
	width:100%;
	margin-top:5%;
}	
}
@media screen and (max-width: 500px) {
.chemical_management .dantai table th, .chemical_management .dantai table td {
    padding: 15px 5px;
    font-size: 15px;
}
.chemical_management .dantai .btn-wrap {
    width: 100%;
}
}

@media screen and (max-width: 780px) {
.anzen-taisaku .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/3);
	font-size: 15px;
    padding: 0;
    height: 60px;
    line-height: 28px;
    margin: 0;
}		
}
@media screen and (max-width: 750px) {
.kotei-tubnav2 .tab-content .nav-quarity_management	{
	border:none;
}
.chemical-koushu .teacher .hidari2 {
    float: none;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 3%;
}
.chemical-koushu .teacher .migi2 {
    width: 100%;		
}
.chemical-koushu .program ul li p.line-h2 img{
    width: 7%;
}
.chemical-koushu .font-blue {
    font-size: 15px;
}
.chemical-koushu .flow ul li {
    display: block;
    width: 100%;
    margin-bottom: 5%;
}
.chemical-koushu .flow ul li .inner {
    height: auto;
	padding: 25px 10px;
}
.chemical-koushu .flow ul li p.step_number {
    font-size: 14px;
}
.chemical-koushu .faq .v_qa_box summary {
    padding: 15px 10px 20px 10px;
	font-size: 15px;
}
.chemical-koushu .faq .v_qa_box p {
    padding: 30px 10px 0 10px;
    font-size: 15px;		
}	
}
@media screen and (max-width: 640px) {
.page-id-32888 .bnr-alpha{
    width: 95%;
}
.page-id-32888 .toiawase .btn-flex {
    display: block;
}
.page-id-32888 .toiawase .btn-wrap {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 8%;
}
}
@media screen and (max-width: 500px) {
.anzen-taisaku .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/2);	
    font-size: 14px;
}
}

/*ヘッダー　品質管理*/
@media screen and (max-width: 800px) {
.header-hinshitsu .kotei-tubnav2 .tab-content .nav-quarity_management a{
	width: calc(100%/4);
}
}
@media screen and (max-width: 600px) {
.header-hinshitsu .kotei-tubnav2 .tab-content .nav-quarity_management a{
	width: calc(100%/3);
}
}
@media screen and (max-width: 450px) {
.header-hinshitsu .kotei-tubnav2 .tab-content .nav-quarity_management a{
	width: calc(100%/2);
}
}

/*ヘッダー　製品含有化学物質管理　見積もりボタン*/
.header_mitsumori .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/5);	
    line-height: 25px;
}
@media screen and (max-width: 750px) {
.header_mitsumori .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/3);	
	margin: 0;
}
}
@media screen and (max-width: 450px) {
.header_mitsumori .kotei-tubnav2 .tab-content .nav-quarity_management a {
    width: calc(100%/2);	
}
}

h1.chemical_ttl {
	    border-left: solid #420000 4px;
    padding-left: 6px;
    font-size: 1.5em;
}

@media screen and (max-width: 640px) {
h1.chemical_ttl {
    font-size: 20px;
}
}


/*コンテンツ記事　レイアウト*/
.column-single{
	max-width:1000px;
	margin:0 auto;
}
.column-single{
	line-height: 30px;
}
.column-single h2{
    padding: 0.5em;
    color: #ffffff;
    background: #712b22;
    border-bottom: solid 3px #000000;
    margin-bottom: 2%;
    font-size: 24px;
}
.column-single h2.kotei_title{
    padding-left: 0;
    margin-top: 5%;
    border-bottom: none;
    background-color: #fff;
    color: #005bac;
}
.column-single h3{
    padding: 0.25em 0.5em;
    color: #892d21;
    background: transparent;
    border-left: solid 5px #892d21;
    margin-top: 3%;
    margin-bottom: 1%;
    font-size: 20px;
}
.column-single .description {
    background-color: #ececec;
    padding: 3%;
	margin-top:3%;
    margin-bottom: 3%;
}
.column-single .writer-flex {
    border-bottom: solid 1px;
    padding-bottom: 5px;
    margin-bottom: 3%;
}
.column-single .writer-flex .date_time p{
    font-size: 13px;
    color: #666;
}
.column-single .mokuji {
    border: solid 7px #ececec;
    padding: 2% 10% 3%;
    margin-bottom: 3%;
}
.column-single .mokuji ul li ul {
    margin-left: 5%;
}
.column-single .mokuji ul li{
	line-height: 30px;
}
.column-single .mokuji ul li a{
    color: #0693e3;	
	font-weight: 500;
}
.column-single .btn-wrap a{
	border: solid;
	transition: .5s;
	margin-top:5%;
}
.column-single .btn-wrap a:hover{
	border: solid #1b499f;
	background-color:#1b499f;
	color:#fff;
}
.column-single p{
	font-weight:500;
}
.column-single .bpo-bnr {
    width: 80%;
    margin: 0 auto;
    margin-top: 5%;
}
.column-single .bpo-bnr .bold {
    font-weight: bold;
	margin-top:1%;
}

/*ページ内リンク表示位置の調節*/
.column-single .anchor{
	display: block;
	padding-top:170px;
	margin-top:-170px;
}
@media screen and (max-width: 640px){
.column-single .bpo-bnr {
    width: 100%;	
}
}

/*コラム記事　一覧*/
.columns-ichiran h2{
	border:none;
	padding:0;
}
.columns-ichiran .news_list{
	display:flex;
	margin-bottom: 5%;
    border-bottom: 1px solid #aaa;
    padding-bottom: 3%;
    align-items: top;
}
.columns-ichiran .news_list li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 4%;
}
.columns-ichiran .news_list .c-fix {
    width: 70%;
    margin-right: 0%;
}
.columns-ichiran .news_list .c-fix .day {
    font-size: 14px;
	font-weight: 500;
}
.columns-ichiran .news_list .c-fix h2 a:hover {
    color: #2eb2ff;
}
.columns-ichiran .news_list .c-fix h2 a {
    color: #005bac;
    font-size: 18px;
}
.columns-ichiran .news_list .c-fix .dis{
	font-weight: 500;
    font-size: 15px;
    line-height: 30px;
}

@media screen and (max-width: 640px){
.columns-ichiran .news_list{
	display:block;	
}
.columns-ichiran .news_list li {
	display:block;
	width:90%;	
	margin:0 auto;
}
.columns-ichiran .news_list .c-fix {
    width: 90%;
    margin-right: 5%;
    margin-top: 3%;
}
}
.post-contents .link-wrap {
	margin: 60px 0 0;
	margin-bottom: 10%;
}
.post-contents .link-wrap li {
	width: 33.333333%;
	padding: 0 20px;
	text-align: center;
}
.post-contents .link-wrap li a {
	display: block;
	width: 86%;
	background: #1b499f;
	color: #fff;
	letter-spacing: .1em;
	padding: 10px;
	border-radius: 30px;
	transition: .5s;
}
.post-contents .link-wrap li.all-link a {
	background: #a13e31;
}
.post-contents .link-wrap li a:hover {
    background: #000;
}
.post-contents .link-wrap li a span {
	position: relative;
    display: inline-block;
    margin-right: 13px;
}


@media screen and (max-width: 640px){
.post-contents .link-wrap li{
	display:block;
	width:100%;
}
.post-contents .link-wrap li a {
    margin: 0 auto;
}
.post-contents .link-wrap li a span {
    margin-right: 0px;
}
}


/*EHSコラム39　修正20240508*/
.ehs-single .haikei-gray{
	background-color: #efefef;
    padding: 0% 5%;
    box-sizing: border-box;
    margin: 3% 0;
	padding-top: 3%;
}



/*業務改善システム導入・労働安全コンサル  Cayzen*/
/*業務改善システム導入・労働安全コンサル  Cayzen*/
.page-id-35002 .sfpo-top .sfpo-topcomment{
	width: 55%;
    margin-top: 3%;
    margin-left: 4%;
}
.page-id-35002 .sfpo-top .sfpo-topcomment p{
	color:#fff;
	font-size: 17px;
}
.page-id-35002 .content-box .safety-policy-pict-h3 {
    background-color: #0b76a0;
    border-left: solid #0b76a0 6px;
    padding: 1% 2%;
}
.page-id-35002 .safety-policy-haikei li .box-come {
    border: 3px solid #5fcae5;
    padding: 5% 3%;
    height: 185px;
}
.page-id-35002 .safety-policy-haikei li .top-green {
    background-color: #5fcae5;
    height: 80px;
    display: flex;
    align-items: center;
}
.page-id-35002 .safety-policy-haikei li .box-2 .box-come {
    background-image: unset;
}

.page-id-35002 .safety-policy-haikei.dounyu li {
    width: 30.5%;
	margin-right: 3%;
}
.page-id-35002 .safety-policy-haikei.dounyu li:last-child{
	margin-right: 0%;	
}
.page-id-35002 .safety-policy-haikei.dounyu li .icon{
	width:80%;
	margin:0 auto;
}
.page-id-35002 .safety-policy-haikei.dounyu li .top-green{
	text-align:center;
    height: auto;
    display: block;
}
.page-id-35002 .safety-policy-haikei.dounyu li .box-come {
    border: none;
    padding: 5% 0%;
    height: auto;
	
}
.page-id-35002 .safety-policy-haikei.dounyu .midashi{
	background-color: #fffcb9;
    padding: 2% 5%;
    color: #ff5900;
    font-size: 19px;
}
.page-id-35002 .safety-policy-haikei.dounyu .midashi span{
    font-size: 30px;
    padding: 0 5px;
}
.page-id-35002 .safety-policy-haikei.tokucho li {
	display:block;
    width: 100%;
	margin-bottom:3%;
}
.page-id-35002 .safety-policy-haikei.tokucho li .top-green{
    padding: 1% 2% 0.6%;
    font-size: 18px;
    height: auto;
}
.page-id-35002 .safety-policy-haikei.tokucho li .box-come {
    padding: 2% 3%;
    height: auto;
	border: none;
    background-color: #f3f3f3;
	display:flex;
	align-items:center;
}
.page-id-35002 .safety-policy-haikei.tokucho li .box-come img{
    width: 40px;
    margin-right: 15px;		
}
.page-id-35002 .cayzen-btn-wrap{
	width:65%;
	margin:0 auto;
}
.page-id-35002 .cayzen-btn-wrap a{
	display: block;
    background-color: #f79124;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
	margin-top:5%;
}
.page-id-35002 .cayzen-btn-wrap a:hover{
	text-decoration:none;
    background-color: #f7ac24;
}

.page-id-35002 .okomari{
	padding-bottom:0;
}
.page-id-35002 .okomari-wrap{
    background-color: #efefef;
    padding: 4%;	
}
.page-id-35002 .okomari-wrap h3{
    text-align: center;
    border: none;
    color: #0b76a0;
    font-size: 23px;	
    margin-bottom:1%;
}
.page-id-35002 .okomari-wrap ul{
	margin:0 3%;
}
.page-id-35002 .okomari-wrap ul li{
    color: #0b76a0;
    font-weight: bold;
    margin-top: 3%;
    border-left: solid 5px #0b76a0;
    font-size: 20px;
	background-color:#fff;
    padding: 10px 0;
    padding-left: 10px;
}

.page-id-35002 .faq .toggle {
    display: none;
}
.page-id-35002 .faq .option {
    position: relative;
    margin-bottom: 1em;
}
.page-id-35002 .faq .title,
.page-id-35002 .faq .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
.page-id-35002 .faq .title {
    border: solid 2px #0b76a0;
    padding: 1em;
    display: block;
	font-size: 18px;
    color: #0b76a0;
    font-weight: bold;
}
.page-id-35002 .faq .title::after,
.page-id-35002 .faq .title::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    width: 2px;
    height: 0.75em;
    background-color: #0b76a0;
    transition: all 0.3s;
}
.page-id-35002 .faq .title::after {
    transform: rotate(90deg);
}
.page-id-35002 .faq .content {
    max-height: 0;
    overflow: hidden;
}
.page-id-35002 .faq .content p {
    margin: 0;
    padding: 1.5em 2em 1.5em;
    font-size: 18px;
    line-height: 1.5;
    background-color: #f3f3f3;
}
.page-id-35002 .faq .toggle:checked + .title + .content {
    max-height: 500px;
    transition: all 1.5s;
}
.page-id-35002 .faq .toggle:checked + .title::before {
    transform: rotate(90deg) !important;
}

.page-id-35002 .contact-btn{
    text-align: center;	
}
.page-id-35002 .contact-btn .btn,
.page-id-35002 .contact-btn a.btn,
.page-id-35002 .contact-btn button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.page-id-35002 .contact-btn a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
.page-id-35002 .contact-btn a{
	text-align:center;
}
.page-id-35002 .contact-btn a span{
	display:block;
	font-size:15px;
}
.page-id-35002 .contact-btn a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
.page-id-35002 .contact-btn a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.page-id-35002 .gaiyou ul{
    margin: 0 15%;
    margin-bottom: 5%;
    margin-top: 3%;	
}
.page-id-35002 .gaiyou ul li{
	display:block;
	width:100%;
	font-weight:bold;
	margin-bottom:10px;
	font-size: 17px;
}
.page-id-35002 .gaiyou ul li img{
    width: 25px;
}
.page-id-35002 .gaiyou .flex-wrap{
	display:flex;
	align-items:center;
}
.page-id-35002 .gaiyou .flex-wrap .kanri{
	position:relative;
    width: 70%;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .abu{
	position:absolute;
    top: -20px;
    left: 32%;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .abu p{
    background-color: #005bac;
    color: #fff;
    padding: 5px 40px;	
}
.page-id-35002 .gaiyou .flex-wrap .kanri .flex{
	display:flex;
	align-items:center;
    border: solid 1.5px #005bac;
    padding: 5%;
    box-sizing: content-box;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .flex img{
    width: 300px;
    margin-bottom: 5%;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .flex .inner2{
    margin-left: 20px;	
}
.page-id-35002 .gaiyou .flex-wrap .kanri .flex .kakeru p{
    font-size: 30px;	
}
.page-id-35002 .gaiyou .flex-wrap .kigyou img{
    width: 200px;	
}
.page-id-35002 .gaiyou .flex-wrap .arrow{
    margin: 0 3%;	
}
.page-id-35002 .gaiyou .flex-wrap .arrow p{
    font-size: 30px;	
}

.page-id-35002 .jirei .inner p{
    padding: 1% 2% 0.6%;
    font-size: 18px;
    height: auto;
    background-color: #5fcae5;
    color: #fff;	
}
.page-id-35002 .jirei .inner .table{
    border: 3px solid #5fcae5;
    padding: 2% 3%;
}
.page-id-35002 .jirei .inner .table table{
    border: none;	
}
.page-id-35002 .jirei .inner .table table tr{
	margin-bottom:10px;
    display: inline-flex;
	width: 100%;
}
.page-id-35002 .jirei .inner .table table th{
    border: none;
    background-color: #eb6100;
    color: #fff;
    text-align: center;
    font-size: 15px;
	margin-right: 15px;
    padding: 5px 20px;
}
.page-id-35002 .jirei .inner .table table td{
	border: none;	
    font-weight: bold;
    font-size: 15px;
}
.page-id-35002 .fee table{
	border-collapse:  collapse; 
	width: 100%;
    margin-bottom: 5%;
}
.page-id-35002 .fee table td {
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
	text-align:center;
}
.page-id-35002 .fee table th {
	border: 1px solid #ccc;
    padding: 20px;
    font-size: 15px;
    background-color: #e9e9e9;
    color: #0b76a0;
}
.page-id-35002 .teikyou ul{
	overflow:hidden;
}
.page-id-35002 .teikyou ul li{
    float: left;
    background-color: #fff;
    position: relative;
    margin: 2% 3% 3% 0;
    padding: 3% 2% 2.5%;
    width: 17%;
    font-weight: bold;
    text-align: center;
    box-shadow: 2px 2px 8px #8e8e8e9c;
    height: 120px;
}
.page-id-35002 .teikyou ul li p{
	font-size:1em;
}
.page-id-35002 .teikyou ul li .midashi{
    position: absolute;
    top: -10%;
    left: 27%;
    color: #ffffff;
    background-color: #25bcef;
    padding: 0 15px;
    border-radius: 30px;
    font-size: 16px;
}
.page-id-35002 .teikyou ul li::before {
    content: "";
    border: solid transparent;
    border-width: 13px;
    border-top-color: #81cae3;
    position: absolute;
    top: calc(66% - 24px);
    left: 107%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-49%);
    transform: rotate(270deg);
}
.page-id-35002 .teikyou ul li.none::before{
	content:none;
}
.page-id-35002 .okomari .font-blue{
	color:#0b76a0;
}
.page-id-35002 .kaiketsu.flex{
	display:flex;
    align-items: center;
    justify-content: center;
}
.page-id-35002 .kaiketsu .senmon{
	margin-right:5%;
}
.page-id-35002 .kaiketsu .pc{
	width: 15%;
    margin-left:5%;
}
.page-id-35002 .kaiketsu p{
    color: #0b76a0;
	font-size: 20px;
}
.page-id-35002 .kaiketsu p span{
    color: #ff6e00;
	font-size: 30px;
}
.page-id-35002 .kaiketsu-wrap .only-mov{
	margin-top:10%;
}
.page-id-35002 .kaiketsu-wrap .only-mov .flex{
	display:flex;
	align-items: center;
    justify-content: center;
}
.page-id-35002 .kaiketsu-wrap .only-mov .flex .pc {
    width: 35%;
}
.page-id-35002 .kaiketsu-wrap .only-mov .flex .senmon {
    width: 30%;
}
.page-id-35002 .kaiketsu-wrap .only-mov .kaiketsu p {
    font-size: 18px;
}
.page-id-35002 .kaiketsu-wrap .only-mov .kaiketsu p span {
    color: #ff6e00;
    font-size: 19px;
}

@media screen and (max-width: 1200px){
.page-id-35002 .gaiyou ul {
    margin: 0 5%;
    margin-bottom: 5%;
    margin-top: 3%;
}
}
@media screen and (max-width: 750px){
.page-id-35002 .safety-policy-haikei.dounyu .midashi {
    font-size: 16px;	
}
}
@media screen and (max-width: 640px){
.page-id-35002 .sfpo-top .sfpo-topcomment p {
    color: #000;
	font-size:15px;
}
.page-id-35002 .sfpo-top .sfpo-topcomment {
    width: 100%;
	margin:0;
}
.page-id-35002 .cayzen-btn-wrap {
    width: 100%;
}
.page-id-35002 .safety-policy-haikei.dounyu li {
	display:block;
    width: 100%;
	margin-bottom:5%;
}
.page-id-35002 .safety-policy-haikei li .box-come {
    height: auto;
    margin-bottom: 5%;
}
.page-id-35002 .safety-policy-haikei li .top-green {
    height: auto;
}
.page-id-35002 .safety-policy-haikei.dounyu li .icon {
    width: 65%;
}
.page-id-35002 .safety-policy-haikei.tokucho li .top-green {
    font-size: 15px;
}
.page-id-35002 .safety-policy-haikei.dounyu li .top-green {
    font-size: 16px;
}
	
	
.page-id-35002 .okomari-wrap h3 {
    font-size: 20px;
    margin-bottom: 5%;
}
.page-id-35002 .okomari-wrap ul {
    margin: 0 0%;
}
.page-id-35002 .okomari-wrap ul li{
	display:block;	
	font-size:14px;
}
.page-id-35002 .faq .title {
    font-size: 15px;
}
.page-id-35002 .faq .toggle:checked + .title + .content {
    margin: 0;
    width: 100%;
}
.page-id-35002 .faq .content p {
    font-size: 15px;
}
.page-id-35002 .faq .content p {
    padding: 1.5em 1em 1.5em;
}
.page-id-35002 .contact-btn .btn,
.page-id-35002 .contact-btn a.btn,
.page-id-35002 .contact-btn button.btn {	
	padding: 1rem 1rem;
    font-size: 18px;
    margin-bottom: 5%;
}
.page-id-35002 .contact-btn a span {
    font-size: 13px;
    margin-top: 5px;
}	
.page-id-35002 .gaiyou .flex-wrap .kanri .flex {
    margin-top: 10%;
    padding: 10% 2% 5%;
}
.page-id-35002 .gaiyou .flex-wrap {
    display: block;
    text-align: center;
}
.page-id-35002 .gaiyou .flex-wrap .kanri {
    width: 100%;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .abu {
    left: 12%;
}
.page-id-35002 .gaiyou ul li {
    font-size: 14px;
}
.page-id-35002 .gaiyou .flex-wrap .kanri .flex p{
}
.page-id-35002 .teikyou ul li {
    float: none;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10%;
    height: auto;
    padding: 7% 2% 5%;
}
.page-id-35002 .teikyou ul li::before {
    top: calc(100% - -10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-49%);
    transform: rotate(0deg);
}
.page-id-35002 .teikyou ul li .midashi {
    left: 5%;
}
.page-id-35002 .gaiyou .flex-wrap .kigyou img {
    width: 120px;
}
.page-id-35002 .fee table td {
    padding: 20px 5px;
}
}


/*保護具着用管理責任者講習*/
.hogogu .red{
	color:red;
}
.hogogu .content-box2 .asessment-pict-h3 {
    background-color: #0c1289;
    border-left: solid #0c1289 6px;
}
.hogogu .reason ul{
	
}
.hogogu .reason ul li{
    display: inline-block;
	vertical-align:top;
    width: 22%;
    margin-bottom: 3%;	
    box-sizing: border-box;
	position:relative;
    height: 270px;
    padding-top: 20px;
}
.hogogu .reason ul li:nth-child(4){
	margin-right:0;
}
.hogogu .reason ul .number{
    background-color: unset;
    position: absolute;
    background-color: #0b76a0;
    border-radius: 25px;
    left: 40%;
    top: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.hogogu .reason ul .number p{
	color:#fff;
    font-size: 20px;
}
.hogogu .reason ul .li-inner{
	padding:10%;
    background-color: #fffde0;
    height: 270px;
}
.hogogu .reason ul .li-inner .midashi{
    color: #0b76a0;
    text-align: center;
    margin-top: 15px;	
}
.hogogu .reason ul .li-inner .text{
	font-size:14px;
	text-align:center;
}
.hogogu .reason ul .li-inner .icon{
    width: 65%;
    margin: 0 auto;	
}


.hogogu .toiawase .btn-wrap{
    width: 50%;
    margin: 0 auto;
}
.hogogu .toiawase .btn-wrap a {
    display: block;
    background-color: #ff8020;
    color: #fff;
    font-weight: bold;
    padding: 2% 0;
    text-align: center;
}
.hogogu .toiawase .btn-wrap a:hover{
    background-color: #ffab20;	
	text-decoration:none;
}
.hogogu .gold-square {
    background-color: #ebecff;
    border-radius: unset;
    color: #0c1289;
    padding: 0;
    padding: 5px 30px;
}
.chemical-koushu.hogogu .dantai .tori {
    width: 100%;
    margin-right: 5%;
    margin: 0 auto;
}
.chemical-koushu.hogogu .dantai table th {
    background-color: #75c037;
    color: #fff;
}
.chemical-koushu.hogogu .nittei .btn-wrap a{
    background-color: #33bcbe;	
    padding: 4% 0;
}
.chemical-koushu.hogogu .nittei .btn-wrap a:hover{
    background-color: #3adadc;		
}
.chemical-koushu.hogogu .nittei .kome{
	color:#33bcbe;
}

@media screen and (max-width: 768px){
.hogogu .reason ul li {
	width: 45%;
}
}
@media screen and (max-width: 640px){
.hogogu .content-box2 .asessment-pict-h3 {
    font-size: 16px;
    padding: 10px 0;
}
.hogogu .reason ul li .li-inner {
    display: block;
}
.hogogu .reason ul li .midashi {
    font-size: 18px;
}
.hogogu .toiawase .btn-wrap {
    width: 90%;
}
.hogogu .reason ul{
	margin-bottom:5%;
}
}
@media screen and (max-width: 450px){
.hogogu .reason ul li {
	width: 100%;
}	
.hogogu .reason ul .li-inner .icon {
    width: 45%;
}
.hogogu .reason ul .li-inner {
	height:auto;
}
}

/*石綿取扱い作業従事者特別教育*/
.page-id-35713 .reason .flex{
    display: flex;
    margin-bottom: 3%;
    align-items: center;
    background-color: #edf9ff;
    padding: 2% 3%;
}
.page-id-35713 .reason .flex h4{
    border: none;
    color: #0085cf;
    font-size: 20px;
    padding-left: 0;
}
.page-id-35713 .reason .flex .number{
    margin-right:5%;
	background-color: unset;
}
.page-id-35713 .reason .flex .number p{
    color: #0085cf;
	font-size:2em;
	font-style:italic;
}
.page-id-35713 .toiawase .btn-wrap{
    width: 50%;
    margin: 0 auto;
}
.page-id-35713 .toiawase .btn-wrap a {
    display: block;
    background-color: #ff8020;
    color: #fff;
    font-weight: bold;
    padding: 2% 0;
    text-align: center;
	border: none;
}
.page-id-35713 .toiawase .btn-wrap a:hover{
    background-color: #ffab20;	
	text-decoration:none;
}

.page-id-35713 .program .red{
	color:red;
}
.page-id-35713 .program ul li{
    float: none;
    width: 100%;	
}
.page-id-35713 .assessment .program .gold-square {
    padding: 0.8% 3%;
}
.page-id-35713 .dantai .tori {
    width: 70%;
    margin-right: 5%;
    margin: 0 auto;
}
.page-id-35713 .content-box2 .asessment-pict-h3 {
    background-color: #68459c;
    border-left: solid #68459c 6px;
}
.page-id-35713 .reason .flex h4 {
    color: #68459c;
}
.page-id-35713 .reason .flex .number p {
    color: #68459c;
}	
.page-id-35713 .reason .flex {
    background-color: #f9f5ff;	
}	
.chemical-koushu .flow ul li p.step_number {
    background-color: #68459c ;
}

@media screen and (max-width: 640px){
.page-id-35713 .toiawase .btn-wrap {
    width: 95%;
}
.page-id-35713 .dantai .tori {
    width: 100%;
}
.page-id-35713 .reason .flex h4 {
    font-size: 17px;
}
}	
	


/*酸素欠乏・硫化水素危険作業特別教育*/
.anzen-kasou .reason ul li{
	display:inline-block;
	width:30%;
	margin-right:5%;
}
.anzen-kasou .reason ul li:last-child{
	margin-right:0%;
}	
.anzen-kasou .reason ul li .img{
    width: 60%;
    margin: 0 auto;	
}
.anzen-kasou .reason .number {
    background-color: unset;
}
.anzen-kasou .reason .number p{
    font-size: 3em;
    color: #d8cde5;	
}
.anzen-kasou .reason .midashi2{
    color: #006833;
    background-color: #edffd4;
    padding: 15px 0;
    margin-top: 3%;	
}
.anzen-kasou .toiawase .btn-wrap {
    width: 50%;
    margin: 0 auto;
}
.anzen-kasou .toiawase .btn-wrap a {
    display: block;
    background-color: #ff8020;
    color: #fff;
    font-weight: bold;
    padding: 2% 0;
    text-align: center;
    border: none;
}
.anzen-kasou .toiawase .btn-wrap a:hover{
	background-color: #ffab20;
	text-decoration:none;
}
.anzen-kasou .program ul li {
    float: none;
    width: 100%;
}

.anzen-kasou .dantai .tori {
    width: 70%;
    margin-right: 5%;
    margin: 0 auto;
}
.anzen-kasou  .content-box2 .asessment-pict-h3 {
    background-color: #006833;
    border-left: solid #006833 6px;
}
@media screen and (max-width: 640px){
.anzen-kasou .reason ul li {
    display: block;
    width: 100%;	
}
.anzen-kasou .toiawase .btn-wrap {
    width: 100%;
}
.anzen-kasou .dantai .tori {
    width: 100%;
}
}



/*EHSコラム　コラム44*/
.postid-36243 table{
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    width: 100%;	
}
.postid-36243 table td {
    padding: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
}
.postid-36243 .ehs-single table tr td {
    border-right: solid 1px #ccc;
}

/*足場の組み立て等特別教育*/
.anzen-kasou.ashiba .content-box2 .asessment-pict-h3 {
    background-color: #0a538a;
    border-left: solid #0a538a 6px;
}
.anzen-kasou.ashiba .reason .midashi2 {
    color: #d5620b;
    background-color: #fffbc9;
}
.anzen-kasou.ashiba .reason .number p {
    font-size: 3em;
    color: #d1dcef;
}
.anzen-kasou.ashiba .flow ul li p.step_number {
    background-color: #0a538a;
}

/*マインドスケールLP　バナー追加*/
.top_bnr_mind{
    width: 50%;
    margin: 0 auto;	
}
.top_bnr_mind img:hover {
    opacity: .7;
}
@media screen and (max-width:950px){
    .top_bnr_mind {
        width: 85%;	
    }
}