@charset "UTF-8";
/*
code by ninjin
designed by Kazuhiko Harada
directed by attrip
*/

/* スマホで消える要素 */
.header_navi,
.pankuzu,
.home .top_tags{
  display:none;
}
*{
  margin:0;
  padding:0;	
}
html, body{
  height:100%;
  width:100%;
}
html{
  font-size: 62.5%;
  word-wrap:break-all;
  word-wrap:break-word;
} 
body{
  font-size: 14px;
  font-size: 1.4rem;
  font-family:メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック',sans-serif;
  letter-spacing:0.07rem;
  background-color:#FFFFFF!important;
  word-wrap:break-all;
  word-wrap:break-word;
}
a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
    -webkit-transition-property: background-color,opacity;  
    -webkit-transition-duration: 0.1s;  
    -webkit-transition-timing-function: linear;  
}
a.outer_site{
  display:block;
  margin:12px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem; 
  background-image:url(img/outer_site.png);
  background-repeat:no-repeat;
  background-size:11px 12px;
  background-position:left 6px; 
  padding:0 0 0 15px;
  text-decoration:underline;
  color:#444444!important;
}
p.outer_site_nolink{
  display:block;
  margin:12px 0 0 0;
  font-size: 14px!important;
  font-size: 1.4rem!important; 
  background-image:url(img/outer_site.png);
  background-repeat:no-repeat;
  background-size:11px 12px;
  background-position:left 3px; 
  padding:0 0 0 20px;
  color:#666666!important;
}
span.red{
  color:#D80000;	
}
/*
a:hover{
  opacity:0.7;	
}
*/
.clear_float{
  clear:both;
  height:0;
  overflow:hidden;
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;

}
.alignright{
  text-align:right!important;	
}
.aligncenter{
  text-align:center!important;	  	
}
a img{
  border:none;
}
.center{
  text-align:center;	
}
.noborder{
  border:0!important;	
}
hr{
  border-top:solid 1px #DDDDDD;
  border-bottom:0;
  border-left:0;
  border-right:0;
  display:block;
  height:0;
  width:100%;
  margin:30px 0 0 0;
}
hr.border3px{
  border-top:solid 3px #CCCCCC;
}

//* placeholder */

//* Chrome, Safari */
::-webkit-input-placeholder{
    color: #ddd;
}
/* モバイルのイメージの最適化 */
.contents_narrow img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 25px auto 0 auto;
}
 
/* Firefox */
::-moz-placeholder{
    color: #ddd;
}
 
/* Firefox 18以前 */
:-moz-placeholder{
    color: #ddd;
}
 
/* IE */
:-ms-input-placeholder{
    color: #ddd;
}


/* 大感謝祭 */

.daikansyatext2 {
    text-align: right;
    font-size: 10px;
    line-height: initial;
    padding: 16px 0 4px 0;
}
.daikanshya {
    box-sizing: border-box;
    padding: 0 9px 11px 18px;
    border: solid 1px #DDDDDD;
    margin: 10px 0px 0 0px;
}
img.daikansyaimg {
    float: left;
    padding: 0px 15px 0px 0px;
    margin: 20px 0px 0px -5px !important;
}
.daikansyatext3 {
    text-align: right;
    font-size: 10px;
    line-height: initial;
    margin-top: 15px;
}
.daikansyatext {
    font-size: 11px;
}

img.aligncenter.size-full.wp-image-25238 {
    margin: 40px 0 -22px 0;
}

p.daikanshyapaddingleft {
    font-size: 10px;
}
input.katyumimaibotan.wpcf7-form-control.wpcf7-submit {
    background-color: #00af7a;
    border-radius: 9px;
}



/* 全体設定 */
.header,
.pankuzu,
.top_title,
.top_tags,
.top_seminar,
.top_information,
.catch_image,
.contents_wide,
.contents_narrow,
.related_product,
.related_post,
.list_title,
.list_menu,
.list_year,
.recruit_select,
.recruit_wantedly,
.toiawase,
.footer1,
.footer2{
  width:100%;
  clear:both;
  background-color:#FFFFFF;
  z-index:1000;
}

.header > div,
.pankuzu > div,
.top_title > div,
.top_tags > div,
.top_seminar > div,
.top_information > div,
.catch_image > div,
.contents_wide > div,
.list_title > div,
.list_menu > div,
.list_year > div,
.recruit_wantedly > div,
.toiawase > div,
.footer1 > div,
.footer2 > div,
.wrap > div,
.under_adarea > div{
  width:100%;
  margin:0 auto 0 auto;
}

.contents_narrow > div,
.related_product > div,
.related_post > div,
.recruit_select > div{
  width:100%;
  margin:0 auto 0 auto;	
}

.header > div > div,
.pankuzu > div > div,
.top_title > div > div,
.top_tags > div > div,
.top_seminar > div > div,
.top_information > div > div,
.catch_image > div > div,
.contents_wide > div > div,
.list_title > div > div,
.list_menu > div > div,
.list_year > div > div,
.recruit_wantedly > div > div,
.toiawase > div > div,
.footer1 > div > div,
.footer2 > div > div,
.wrap > div > div,
.under_adarea > div > div,
.contents_narrow > div > div,
.related_product > div > div,
.related_post > div > div{
  margin:0 20px 0 20px;
}

/* ヘッダー */
.header{
  height:60px;
  border-bottom:solid 1px #3280BB;
  background-color:#3280BB;
  /* background-image:url(img/background.svg); */
  /* background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right top;
  background-size:auto 320px; */
  
  overflow:hidden;
}
.header > div > div{
  position:relative;	
}


.logo{
  display:inline-block;
  height:60px;
  width:90px;
  margin:auto;
  position: absolute;
  top: 102px;
  left: 0;
  right: 0;
  bottom: 0;
}
.logo img{
  width:90px;
  height:auto;
  margin:0 0 0 0;
}
.header_navi{
  list-style-type:none;
  position:absolute;
  top:0;
  right:95px;
}
.header_navi li{
  display:inline-block;
  float:left;
}
.header_navi li a{
  display:block;
  line-height:70px;
  font-size:14px;
  font-size:1.4rem;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 14px;
  letter-spacing:0.2rem;
}
.header_navi li a:hover{
  background-color:rgba(255,255,255,0.1);
}
.header_social{
  list-style-type:none;
  position:absolute;
  top:10px;
  right:0;  
  height:40px;
  /* border-left:solid 1px rgba(255,255,255,0.2); */
  /* border-right:solid 2px rgba(255,255,255,0.4); */
  padding:0 5px;
}
.header_social li{
  display:inline-block;
  float:left;
  opacity:0.8;
}
.header_social li a{
  display:inline-block;
  width:40px;
  height:40px;
  text-align:center;	
}
.header_social li a img{
  width:20px;
  height:auto;
  margin:10px 0 0 0;
}
.header_social li:nth-child(2) a{
  width:23px;
  padding:0 0 0 10px;
}
.header_social li:nth-child(2) a img{
  width:23px;
  height:auto;
  margin:8px 0 0 0;
}
.header_search{
  height:40px;
  width:30px;
  position:absolute;
  top:15px;
  right:0;
  background-image:url(img/search.png);
  background-size:30px 30px;
  background-repeat:no-repeat;
  background-position:center center;
  cursor:pointer;	
}

/* パンくず */
.pankuzu{
  box-sizing:border-box;
  height:60px;
  padding:18px 0 0 0;

}
.category .pankuzu,
/* .archive .pankuzu, */
.company .pankuzu,
.single-company .pankuzu,
.single-services .pankuzu,
.archive .pankuzu,
.recruit .pankuzu,
.service .pankuzu,
.toiawaseform .pankuzu{
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right -71px;
  background-size:1920px auto;
}
.archive.tag .pankuzu{
  background-image:none;
}
.home .pankuzu{
  display:none;
}
.pankuzu > div > div > ul{
  list-style-type:none;	
  height:23px;
  background-color:transparent!important;
}

.pankuzu > div > div > ul li,
.archive.tag .pankuzu > div > div > ul li{
  height:23px;
  float:left;
  background-image:url(img/pankuzu_arrow.png);
  background-repeat:no-repeat;
  background-position:right center; 
  background-size:5px auto;
  padding:0 8px 0 0;
}
.category .pankuzu > div > div > ul li,
/* .archive .pankuzu > div > div > ul li, */
.company .pankuzu > div > div > ul li,
.single-company .pankuzu > div > div > ul li,
.single-services .pankuzu > div > div > ul li,
.archive .pankuzu > div > div > ul li,
.recruit .pankuzu > div > div > ul li,
.service .pankuzu > div > div > ul li,
.toiawaseform .pankuzu > div > div > ul li{
  background-image:url(img/pankuzu_arrow_white.png);	
}
.page .pankuzu > div > div > ul li:nth-child(2){
  background-image:none;
}
.pankuzu > div > div > ul li a,
.archive.tag .pankuzu > div > div > ul li a{
  line-height:23px;
  font-size:12px;
  font-size:1.2rem;
  color:#444444;
  display:block;
  margin:0 5px 0 8px;
  border:solid 1px #FFFFFF;
}

/*モバイル関連記事のCSS*/

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    /* width: 100px; */
    width: 100px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin: 0 -110px 0 0;
    background-image: url(img/thumbnail_noimage.png);
    background-size: 100px auto;
    background-repeat: no-repeat;
    border: solid 1px #f3f3f3;
}


p.tag {
    display: none;
}

a.kanrentext {
    /* list-style-type: none; */
    /* padding-left: 110px; */
    float: left;
    line-height: 1.4;
    color: #444444;
    padding: 9px 0 9px 0;
    /* height: 72px; */
    /* overflow: hidden; */
}


.article ul.sanretsu {
    list-style-type: none;
    padding: 0 !important;
    margin-bottom: -30px;
    /* margin: 0; */
}
ul.sanretsu {
    margin-bottom: -36px;
}

ul.sanretsu :nth-child(4) {
    display: none;
}

ul.sanretsu :nth-child(5) {
    display: none;
}

ul.sanretsu :nth-child(6) {
    display: none;
}

li.samnailsan {
    /* height: 90px; */
    padding: 0px;
    /* overflow: hidden; */
}




.category .pankuzu > div > div > ul li a,
/* .archive .pankuzu > div > div > ul li a, */
.company .pankuzu > div > div > ul li a,
.single-company .pankuzu > div > div > ul li a,
.single-services .pankuzu > div > div > ul li a,
.archive .pankuzu > div > div > ul li a,
.recruit .pankuzu > div > div > ul li a,
.service .pankuzu > div > div > ul li a,
.toiawaseform .pankuzu > div > div > ul li a{
  color:#FFFFFF;
  border:solid 1px rgba(255,255,255,0);
}

/* キャッチイメージ */
.catch_image{
  height:320px;
  overflow:hidden;	
}
.catch_image img{
  width:100%;
  height:auto;	
}

/* トップ */
.top_title{
  background-color:#3280BB;
  /* background-image:url(img/background.svg); */
  background-image:url(img/background.svg);
  background-repeat:no-repeat;
  background-position:right -70px;
  background-size:auto 320px;
  
  height:220px;
}
.top_title > div > div{
  position:relative;	
}
.top_title img{
  width:50px;
  height:auto;
  position:absolute;
  right:0;
  top:20px;	
}
.top_title img.top_copy{
  width:100%;
  height:auto;
  position:relative;
  display:block;
  margin:0 auto 0 auto;
  padding:50px 0 0 0;
}
.top_title p{
  text-align:center;
  color:#FFFFFF;	
}
.error_copy{
  width:80%;
  height:auto;
  position:relative;
  display:block;
  margin:0 auto 0 auto;
  padding:55px 0 0 0;
}

.error_title{
  background-color:#3280BB;
  /* background-image:url(img/background.svg); */
  background-image:url(img/background.svg);
  background-repeat:no-repeat;
  background-position:right -70px;
  background-size:auto 420px;
  
  height:320px;
}

.error_title p{
  text-align:center;
  font-size:16px;
  font-size:1.6rem;
  color:#FFFFFF;
  padding:40px 20px 0 20px;
}
.error_title a{
  text-align:center;
  font-size:14px;
  font-size:1.4rem;
  color:#FFFFFF;
  display:block;
  margin:20px 0 0 0;
}
.data_driven{
  padding:50px 0 0 0;
  font-size:20px;
  font-size:2rem;
  line-height:1.6;
  font-weight:bold;
}
.data_driven_sub{
  font-size:10px;
  font-size:1rem;
  margin:10px 0 0 0;
  line-height:1.6;
}
.top_omotenasi{
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  padding:20px 0 0 0;
}
.top_omotenasi_sub{
  font-size:10px;
  font-size:1.0rem;
  font-weight:bold;
  margin:10px 0 0 0;	
}
.product_slide{
  height:auto;
  overflow:hidden;
  background:#fff;	
}

.top_tags{
  padding:20px 0 0 0;	
}
.category .top_tags{
  padding:20px 0 0 0;	
}

.top_tags ul{
  list-style-type:none;	
}
.top_tags ul li{
  float:left;
}
.top_tags ul li a{
  font-size:10px;
  font-size:1rem;
  display:inline-block;
  line-height:30px;
  padding:0 10px;
  color:#666666;
  border:solid 1px #DDDDDD;
  margin:10px 10px 0 0;
}
.top_tags ul li a:hover{
  background-color:#3F88CB;
  color:#FFFFFF;
  border:solid 1px #3F88CB;
  text-decoration:none;
}
.top_seminar{
  padding:30px 0 30px 0;
  background-color:#EBF2FA;
  margin:30px 0 0 0;	
}
.top_seminar p{
  line-height:1;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  color:#444444;	
  text-align:center;
}
.top_seminar ul{
  list-style-type:none;	
  margin:10px 0 0 0;
}
.top_seminar ul li{
  display:block;
  margin:20px 0 0 0;
  width:100%;
  float:left;
}
.top_seminar ul li:hover{
  opacity:0.9;
}
.top_seminar ul li a{
  display:block;
}
.list_thumbnail_seminar{
  width:100px;
  height:60px;
  overflow:hidden;
  float:left;
  margin:0 -110px 0 0;
  background-image:url(img/thumbnail_noimage.png);
  background-size:100px 60px;
  background-repeat:no-repeat;
}
.list_title_seminar{
  float:right;
  width:100%;

}
.list_title_seminar > div{
  padding:0 0 0 110px;
}
.list_title_seminar > div > p{
  color:#444444;
  font-size:12px;
  font-size:1.2rem;
  line-height:1.4;
  font-weight:bold;
  padding:0 20px 0 0;
  text-align:left;
}
.list_title_seminar > div > p.sminar_date{
  font-size:10px;
  font-size:1.0rem;
  font-weight:normal;  
  margin:10px 0 0 0;
  color:#666666;
}
.list_title_seminar > div > p.sminar_address{
  font-size:10px;
  font-size:1.0rem;
  font-weight:normal;  
  margin:0 0 0 0;	
  color:#666666;
}
.list_title_seminar > div > div.date_tags{
  line-height:30px!important;
}

.list_title_seminar > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_seminar > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.top_seminar ul li a div img{
  width:100px;
  height:auto;
}


.top_information{
  padding:30px 0 30px 0;	
}
.top_information p{
  text-align:center;
  color:#444444;
  font-size:16px;
  font-size:1.6rem; 
  font-weight:bold;
}
.top_information ul{
  list-style-type:none;
}
.top_information ul li{
  border-bottom:solid 1px #f3f3f3;

}
.top_information ul li:first-child{
  border-top:solid 1px #f3f3f3;
  margin:30px 0 0 0;
}
.top_information ul li a{
  display:block;
  line-height:55px;
  font-size:10px;
  font-size:1.0rem; 
  color:#444444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
.top_information ul li a span{
  display:inline-block;
  width:90px;
}
.sp-arrow{
  width:30px!important;
  height:30px;	
}
.sp-previous-arrow{
  width:30px;
  height:30px;
  background-image:url(img/slide_prev.png);
  background-size:30px 30px;
  background-repeat:no-repeat;
  background-position:center center;	 	
}
.sp-next-arrow{
  width:30px;
  height:30px;
  background-image:url(img/slide_next.png);
  background-size:30px 30px;
  background-repeat:no-repeat;
  background-position:center center;	 	
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after{
  display:none;	 	
}
.fb-save.fb_iframe_widget {
    float: right;
    margin: -26px 0 0 0;
}

/* 資料ダウンロードページ */
.list_title_main > div > div.date_tags >span.siryo_tag span.inlist_tags {
    border: solid 1px red;
    background-color: red;
    color: white !important;
    padding: 3px;
}
p.siryo_tittle {
    padding-bottom: 7px;
}

/* コンテンツ 760px */
h1.post_title{
  color:#333333;
  font-size:20px;
  font-size:2rem;
  line-height:1.4;
  padding:30px 0 0 0;	
}
.single-services h1.post_title{
  text-align:center;
}
h2{
  font-size:18px;
  font-size:1.8rem;
  color:#444444;
  line-height:1.6;
  margin:30px 0 0 0;
}
.matome_box h2{
  text-align:center;
  font-size:16px;
  font-size:1.6rem;
  margin:0 0 0 0;
  line-height:1.8;
  color:#444444;
}
h3{
  font-size:16px;
  font-size:1.6rem;
  color:#444444;
  line-height:1.6;
  margin:30px 0 0 0;	
}
.date_author{
  color:#666666;
  font-size:10px;
  font-size:1rem;
  margin:10px 0 0 0;	
}
.date_author a{
  color:#666666;	
}
.date_author a:hover{
  text-decoration:underline;
}
.post_tags{
  list-style-type:none;
  margin:0 0 0 10px;
  height:23px;
}
.post_tags li{
  display:inline-block;
  float:left;
  height:23px;
  background-image:none!important;
}
.post_tags li a{
  display:inline-block;
  color:#D80000;
  font-size:12px;
  font-size:1.2rem; 
  background-color:#FFFFFF;
  border:solid 1px #DDDDDD!important;
  line-height:23px!important;
  padding:0 10px;
  margin:0 0 0 0!important;
}
.post_tags li a:hover{
  color:#FFFFFF;
  background-color:#3F88CB;
  border:solid 1px #3F88CB!important;
  text-decoration:none;
}
.article{
  margin:0 0 0 0;	
}
.company .article{
  padding:0 0 0 0;	
}
.article,
.article p{
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  line-height:1.8;	
}
.article p{
  margin:20px 0 0 0;
}
.article h2 + p,
.article h3 + p,
.matome_box h2 + p{
  margin:10px 0 0 0;	
}
.article img.logo_img + p{
  margin:30px 0 0 0;	
}
.article h2 + ul,
.article h3 + ul,
.article h2 + ol,
.article h3 + ol{
  margin:10px 0 0 0;	
}
h4 {
    font-size: 17px;
    color: #444444;
    line-height: 1.6;
    margin: 45px 0 0 0;
    padding-top: 12px;
    background: url(https://www.e-agency.co.jp/wp-content/uploads/2017/02/h4.gif) no-repeat left center;
    background-position: 1px 1px;
}
.single .article img,
.single .article a img{
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 10px auto 0 auto;
}

.article img.logo_img{
  margin:25px 0 0 0;	
}
.article iframe{
  width:100%;
  height:320px;
  border:none;
}
.article p.wp-caption-text{
//  width:640px;
  font-size:12px;
  font-size:1.2rem;
  line-height:1.6;
  color:#666666;
  margin:20px auto 0 auto;
  background-color:#eee	
}
.article ul{
  list-style-type:disc;
  padding:0 0 0 22px;
  margin:25px 0 0 0;
}
.article ol{
  list-style-type:circled-decimal;
  padding:0 0 0 28px;
  margin:45px 0 0 0;
}
.article ul li,
.article ol li{
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    padding: 3px 0;
    font-weight: normal
 height: 85px;
    line-height: 1.9;
}
blockquote{
  font-size:12px;
  font-size:1.2rem;
  color:#666666;
  line-height:1.6;
  background-image:url(img/quote.png);
  background-repeat:no-repeat;
  background-size:25px auto;
  background-position:0 top;
  padding:10px 0 0 35px;
  margin:25px 0 0 0;
}
blockquote p{
  margin:0!important;
  font-size:12px!important;
  font-size:1.2rem!important;
}
#toc_container{
  border:solid 5px #99BDE6;
  background-color:#EBF2FA;
  padding:15px 10px 15px 10px;  
  margin:25px 0 0 0;
  width:100%;
  box-sizing:border-box;
  font-size:12px;
  font-size:1.2rem;
}
.toc_title{
  color:#444444;
  font-size:18px;
  font-size:1.8rem;
  text-align:center;
  margin:0 0 5px 0!important;
  line-height:1;
  font-weight:bold;
}
ul.toc_list{
  list-style-type:none; 
  padding:0;
  margin:0!important;	
}
ul.toc_list li a{
  color:#444444;
  font-size:12px;
  font-size:1.2rem;
  line-height:2;  	
}

.matome_box{
  background-color:#EBF2FA;
  border:dashed 1px #99BDE6;
  box-sizing:border-box;
  padding:20px 10px 15px 10px;
  color:#666666;
  position:relative;
  font-size:14px;
  font-size:1.4rem;
  margin:25px 0 0 0;
}

dl.interview dt{
  width:100%;
  font-weight:bold;
  font-size:16px;
  font-size:1.6rem;
  color:#444444;
  margin:20px 0 0 0;
}
dl.interview dd{

  width:100%;
  margin:5px 0 0 0;
}
.another_interview{
  padding:50px 0 70px 0;	
}
.another_interview p{
  line-height:1;
  font-size:20px;
  font-size:2rem;
  font-weight:bold;
  color:#444444;	
}
ul.another_interview{
  list-style-type:none;
  padding:0;
  margin:20px 0 0 0;
}
ul.another_interview li{
  display:block;
  margin:0 0 0 0;
  border-bottom:solid 1px #DDDDDD;
  padding:30px 0 30px 0;
}
ul.another_interview li:first-child{
  border-top:solid 3px #CCCCCC;
}
ul.another_interview li:hover{
  opacity:0.9;
}
ul.another_interview li a{
  display:block;
}
.list_thumbnail_another{
  width:50px;
  height:50px;
  overflow:hidden;
  float:left;
  margin:0 -60px 0 0;
}
.list_thumbnail_another img{
  width:50px;
  height:50px;
  margin:0 -60px 0 0!important;
}
ul.another_interview li a .list_thumbnail_another img{
  margin:0!important;
}
.list_title_another{
  float:right;
  width:100%;

}
.list_title_another > div{
  padding:0 0 0 60px;
}
.list_title_another > div > p{
  color:#666666;
  font-size:10px;
  font-size:1.0rem;
  line-height:1.8;
  font-weight:normal;
  margin:0;
}
.list_title_another > div > div.date_tags{
  line-height:30px!important;
}

.list_title_another > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_another > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
ul.another_interview li a div img{
  width:110px;
  height:110px;
  margin:0;
}
.another_name{
  font-size:16px;
  font-size:1.6rem;	
  font-weight:bold;
  color:#444444;
}
p.wantedly_title{
  color:#444444;
  font-size:16px;
  font-size:1.6rem;	
  font-weight:bold;
  text-align:center;  
}
a.to_wantedly{
  line-height:55px;
  background-color:#00A4BB;
  border-radius:5px;
  background-image:url(img/watedly.png);
  background-repeat:no-repeat;
  background-position:12px 13px;
  background-size:30px 30px;
  display:block;
  color:#FFFFFF;
  font-size:16px;
  font-size:1.6rem;	
  font-weight:bold;
  width:100%; 
  margin:20px auto 0 auto!important;
  padding:0 0 0 60px;
  box-sizing:border-box;
}
a.to_seminarform{
  line-height:55px;
  background-color:#00A4BB;
  border-radius:5px;
  display:block;
  color:#FFFFFF;
  font-size:18px;
  font-size:1.8rem;	
  font-weight:bold;
  width:100%; 
  margin:20px auto 0 auto!important;
  text-align:center;
  box-sizing:border-box;

}
#seminar .article dl{
  position: relative;
  border-top:solid 2px #CCCCCC;	
  border-bottom:solid 1px #DDDDDD;	
  margin:20px 0 0 0;
}

#seminar .article dl dt{
  width:100%;
  font-weight:bold;
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  line-height:1.8;
  padding:20px 0 10px 0;
  border-top:solid 1px #DDDDDD;

}

#seminar .article dl dd{
  width:100%;
  padding:0 0 20px 0;
  /* border-top:solid 1px #DDDDDD; */
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
}

p.seminar_contentes_subtitle{
  margin:0;
  color:#444444;
  font-size:16px;
  font-size:1.6rem; 
  line-height:1.6;
  font-weight:bold; 

}
p.seminar_contentes_teacher{
  color:#444444;
  font-size:14px;
  font-size:1.4rem; 
  line-height:1.8;
  margin:5px 0 0 0;	
}
ul.seminar_contentes_list{
  margin:5px 0 0 0;	

}
ul.seminar_contentes_list li{
  font-weight:normal;	
  color:#666666;
  font-size:14px;
  font-size:1.4rem; 
  line-height:1.8;
}
.book_thumbnail{
  float:left;
  display:inline-block;
  width:200px;
  height:auto;
  margin:0 40px 0 0!important;	
}
dl.bookdetail{
  position: relative;
  border-top:solid 2px #CCCCCC;	
  border-bottom:solid 1px #DDDDDD;	
  margin:20px 0 0 0;
}

dl.bookdetail dt{
  width:100%;
  font-weight:bold;
  font-size:16px;
  font-size:1.6rem;
  color:#666666;
  line-height:1.8;
  padding:10px 0 10px 0;
  border-top:solid 1px #DDDDDD;

}

dl.bookdetail dd{
  width:100%;
  padding:25px 0 25px 0;
  border-top:solid 1px #DDDDDD;
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
}
p.book_contents_subtitle{
  font-size:14px;
  font-size:1.4rem;
  line-height:1.7;
  color:#444444;
  margin:20px 0 0 0;	
}


.share_btn{
  margin: 15px 0 0 0;
}
.share_btn a{
  display:inline-block;
  line-height:50px;
  height:50px;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:14px;
  font-size:1.4rem;
  width:20%;
  text-indent:-9999px;
}
.share_btn a:hover{
  opacity:0.9;
}
.share_facebook,
.share_twitter,
.share_gplus{
  box-sizing:border-box;
  padding:0 0 0 50px;	
}
.share_facebook{
  background-color:#2F4F96;
  background-image:url(img/share_facebook.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_twitter{
  background-color:#00ABEC;
  background-image:url(img/share_twitter.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_gplus{
  background-color:#DA4938;
  background-image:url(img/share_gplus.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
  display:none!important;
}
.share_hatena{
  background-color:#008EDD;	
  background-image:url(img/share_hatena.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_pocket{
  background-color:#D24F59;	
  background-image:url(img/share_pocket.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_feedly{
  background-color:#6BC554;	
  background-image:url(img/share_feedly.png);
  background-repeat:no-repeat;
  background-size:24px 22px;
  background-position:center center;
}

.top_social_btn{
  border-top:solid 1px #DDDDDD;
  border-bottom:solid 1px #DDDDDD;
  padding:10px 0 10px 0;
  text-align:center;

}
.top_social_btn .share_gplus{
  display:block!important;
}
.top_social_btn > div{
  /* width:370px; */
  /* margin:0 auto; */
}

.top_social_btn p{
  color:#666666!important;
  line-height:25px!important;
  display:inline-block!important;
  float:left;
  font-size:12px;
  font-size:1.2rem;
}
.top_social_btn a{
  width:25px;
  height:25px;
  overflow:hidden;
  border-radius:50%;
  background-size:12px auto;
  padding:0;
  background-position:center center;
  line-height:25px;
  display:inline-block;
  text-align:center; 
  float:left;
  margin:0 0 0 10px;
}

.like_please{
  background-color:#EBF2FA;
  padding:25px 0 25px 0;
}
.like_please p{
  text-align:center;
  font-size:10px;
  font-size:1.0rem;
  font-weight:bold;
  color:#444444;
  line-height:1;
  padding:0 10px;	
}
.single_likebox{
  width:109px;
  margin:10px auto 0 auto;
  padding:10px 0 9px 0;
  text-align:center!important;
  transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -moz-transform:scale(1.5);
  overflow:visible!important;
}


.writer_bottom{
  margin:20px 0 0 0;
  border:solid 1px #DDDDDD;	
  padding:10px 10px 10px 10px;
}
.list_thumbnail_writer{
  width:110px;
  overflow:hidden;
  float:left;
  margin:0 -140px 0 0;
}
.list_title_writer{
  float:right;
  width:100%;

}
.list_title_writer a{
  color:#444444;
  font-weight:bold;
  font-size:16px;
  font-size:1.6rem;
  display:block;
  padding:0 0 2px 0;
}
.list_title_writer > div{
  padding:0 0 0 60px;
}
.list_title_writer > div > p{
  color:#666666;
  font-size:10px;
  font-size:1.0rem;
  line-height:1.8;
  font-weight:normal;
}
.list_title_writer > div > p:first-child{
  color:#444444;
  font-size:10px;
  font-size:1.0rem;
  line-height:1.4;
  font-weight:bold;
}
.list_title_writer .writer_description a{
  font-size:10px!important;
  font-size:1.0rem!important; 
  display:inline!important;
}
.list_title_writer > div > div.date_tags{
  line-height:30px!important;
}

.list_title_writer > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_writer > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.list_thumbnail_writer img{
  width:50px;
  height:auto;
   margin: 1px;
}

.writer_book{
  margin:30px 0 0 0;
  border-top:solid 1px #DDDDDD;	
  border-bottom:solid 1px #DDDDDD;
  padding:30px 0 20px 0;
}
.list_thumbnail_writer_book{
  width:50px;
  overflow:hidden;
  float:left;
  margin:0 -60px 0 0;
}
.list_title_writer_book{
  float:right;
  width:100%;

}
.list_title_writer_book a{
  color:#444444;
  font-weight:bold;
  font-size:16px;
  font-size:1.6rem;
  display:block;
  padding:0 0 5px 0;
}
.list_title_writer_book > div{
  padding:0 0 0 60px;
}
.list_title_writer_book > div > p{
  color:#666666;
  font-size:10px;
  font-size:1.0rem;
  line-height:1.8;
  font-weight:normal;
  margin:0;
}
.list_title_writer_book > div > p:first-child{
  color:#444444;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.4;
  font-weight:bold;
}
.list_title_writer_book > div > div.date_tags{
  line-height:30px!important;
}

.list_title_writer_book > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_writer_book > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.list_thumbnail_writer_book img{
  width:50px;
  height:auto;
  margin:0!important;
}


.to_list{
  display:block;
  line-height:60px;
  text-align:center;
  font-size:14px;
  font-size:1.4rem;
  color:#444444;
  border:dashed 1px #CCCCCC;
  margin:50px 0 0 0;
}

.to_list_box{
  text-align:center;
  border:dashed 1px #CCCCCC;
  margin:30px 0 0 0;  	
  padding:10px;
}
.to_list_box a{
  display:inline-block; 	
  color:#333333;
  line-height:33px; 
  padding:0 13px;
  font-size:14px;
  font-size:1.4rem;
}

/* サービス */
p.service_setumei {
    padding-top: 20px;
}
h1.center.centernone.post_title {
    border-top: 1px solid black;
    padding-top: 28px;
    margin-top: 35px;
}
h1.center.centernone.post_title.servicesh1top {
    border-style: hidden;
    padding: inherit;
}
h2.servicesh2 {
    line-height: 1.6;
    margin: 30px 0 10px 0 !important;
    background-color: #3F88CB!important;
    color: #FFFFFF;
    text-align: center;
    font-size: 2rem;
    margin: 0;
    padding: 7px 0 7px 0;
    background-repeat: no-repeat;
    background-position: center 25px;
}
p.fontsmall {
    font-size: 10px;
}
.service_top_list1 a{
}
ul.servicechaina {
    list-style-type: none;
    padding: initial;
}
li.li.servicechinalist {
    list-style-type: none;
    line-height: 1.8;
}
p.marginbottom-15 {
    margin-bottom: -15px;
}
ul.margin0 {
    margin: 0 0 0 -22px;
}
h1.centernone {
    text-align: left;
}
li.li.servicechinalist2 {
    list-style-type: none;
    margin-bottom: -20px;
}
ul.servicechaina {
    padding: initial;
    margin: 0;
}
p.serviceservicedesk {
    margin-top: 40px;
}


.service_top_list1{
  margin:25px 0 0 0;	
}

.service_top_list1 a:hover{
  text-decoration:none!important;
}
.service_top_list1 a:hover{
  opacity:0.9;
}
.service_top_list1 a:last-child{

}

.service_top_list1 a h2{
  background-color:#3F88CB!important; 
  color:#FFFFFF;
  text-align:center;
  font-size:16px;
  font-size:1.6rem; 
  margin:0;
  padding:80px 0 20px 0;
  background-repeat:no-repeat;
  background-size:60px auto;
  background-position:center 25px;
}
.service_top_list1 a:nth-child(1) h2{
  background-image:url(img/service_top_data.png);	
}
.service_top_list1 a:nth-child(2) h2{
  background-image:url(img/service_top_kaizen.png);	
}
.service_top_list1 a:nth-child(3) h2{
  background-image:url(img/service_top_product.png);	
}
.service_top_list1 a div{
  color:#444444;
  line-height:1.8;
  padding:20px 20px;
  font-size:14px;
  font-size:1.4rem;
}

.service_top_list2{
  margin:30px 0 0 0;
  /* b  border-top:solid 1px #DDDDDD;*/	
  /* border-bottom:solid 1px #DDDDDD; */
  padding:0 0 5px 0;
}
.service_top_list2 a{
  display:block;
  width:100%;
  float:left;
  box-sizing:border-box;
}
.service_top_list2 a:hover{
  text-decoration:none;
}
.service_top_list2 a:hover{
  opacity:0.6;
}



.service_top_list2 a h2{
  color:#444444;
  text-align:center;
  font-size:16px;
  font-size:1.6rem; 
  margin:0;
  /* height:60px; */
  box-sizing:border-box;
}
.service_top_list2 a:nth-child(2) h2,
.service_top_list2 a:nth-child(3) h2{
  padding:0 0 0 0;	
}
.service_top_list2 a div{
  color:#666666;
  line-height:1.8;
  padding:10px 0 20px 0;
  font-size:14px;
  font-size:1.4rem;

}


.service_top_list3{
  margin:0 0 0 0;
  border-top:0;	
  padding:0 0 5px 0;
}
.service_top_list3 a{
  width:100%;
  margin:20px 0px 0 0;
  box-sizing:border-box;
}

.service_top_list3 a:hover{
  opacity:0.6;
  text-decoration:none;
}

.service_top_list3 a h2{
  color:#444444;
  text-align:center;
  font-size:16px;
  font-size:1.6rem; 
  margin:0;
}
.service_top_list3 a div{
  color:#666666;
  line-height:1.8;
  padding:10px 0 20px 0;
  font-size:14px;
  font-size:1.4rem;
  text-align:center;
}

/* 会社情報 */
.company_link_img{
  margin:30px 0 0 0;	
}
.company_link_img a img{
  width:100%;
  height:auto;
  margin:20px 0 0 0;
  float:none;
}
.company_link_img a:first-child img{
  margin:0;  	
}
/* 会社情報テスト */
.company_link_img1{
  margin:30px 0 0 0;	
}
.company_link_img1 a img{
  width:100%;
  height:auto;
  margin:20px 0 0 0;
  float:none;
}
.company_link_img1 a:first-child img{
  margin:0;  	
}
.company_link{
  margin:20px 0 0 0;	
}
.company_link a{
  display:inline-block;
  line-height:50px;
  text-align:center;
  border:solid 1px #DDDDDD;
  box-sizing:border-box;
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  color:#444444;
  width:100%;
  float:left;
  margin:20px 0 0 0;
}
.company_link a:hover{
  text-decoration:none;
}
.company_link a:first-child{
  margin:0;	
}
.company_link a:hover{
  background-color:#3F88CB;
  color:#FFFFFF;
  border:solid 1px #3F88CB;
}
.post-type-archive-company .article dl{
  position: relative;
  border-top:solid 2px #CCCCCC;	
  border-bottom:solid 1px #DDDDDD;	
  margin:20px 0 0 0;
}

.post-type-archive-company .article dl dt{
  clear:both;	
  float:left;
  width:100px;
  font-weight:bold;
  font-size:12px;
  font-size:1.2rem;
  color:#666666;
  line-height:1.8;
  padding:10px 0 10px 0;
  border-top:solid 1px #DDDDDD;

}

.post-type-archive-company .article dl dd{
  float:none;
  width:auto;
  margin-left:100px;
  padding:10px 0 10px 0;
  border-top:solid 1px #DDDDDD;
  font-size:12px;
  font-size:1.2rem;
  color:#666666;
}
.single-company .article h2{
  font-size:20px;
  font-size:2rem;
  padding:50px 0 30px 0;
  line-height:1;
  border-top:solid 3px #CCCCCC;
}
.single-company .article h2.vision_h2{
  text-align:center;
  font-size:18px;
  font-size:1.8rem;
  border-top:none;
  line-height:1;
  padding:30px 0 10px 0;
  margin:0;
}
.single-company .article h2.ceomessage_h2{
  text-align:left;
  font-size:16px!important;
  font-size:1.6rem!important;
  border-top:none;
  line-height:1.7;
  margin:30px 0 0 0;
  padding:0;
}
.single-company .article h2.business_h2{
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
  border-top:none;
  border-bottom:solid 1px #DDDDDD;
  line-height:1.7;
  margin:30px 0 0 0;
  padding:0 0 30px 0;
  text-align:center;
  
}
.single-company .article h2.field_h2{
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
  border-top:none;
  border-bottom:0;
  line-height:1.6;
  margin:30px 0 0 0;
  padding:0 0 0 0;
  text-align:center;
  
}
.field_top_image{
  display:block!important;
  margin:0 0 0 0!important;
  border-bottom:solid 3px #CCCCCC;
  padding:0 0 5px 0;
}

h3.kyoten_h3{
  font-size:14px;
  font-size:1.4rem;
  text-align:center;
  line-height:1.6;
  padding:30px 0 0 0;
  color:#444444;
  margin:0; 	
}
h3.kyoten_place_h3{
  text-align:left;	
}
.kyoten_kokunai{
  border-bottom:solid 1px #DDDDDD;
  height:auto;
  padding:0 0 0 0;
  margin:30px 0 0 0;
}
.kyoten_kokunai > div{
  box-sizing:border-box;

}
.kyoten_kokunai > div:first-child{

  padding:10px 0 10px 0;
  width:100%;
  float:none;
}
.kyoten_kokunai > div:nth-child(2){
  padding:10px 0 10px 0;
  width:100%;
  float:none;
}
p.kyoten_place{
  font-size:18px;
  font-size:1.8rem; 
  text-align:center;
  color:#333333;
  font-weight:bold;
  position:relative;
  margin:0!important;
}
p.kyoten_place span{
  font-size:10px;
  font-size:1.0rem; 
  color:#555555;
  padding:0 0 0 10px;
  position:relative;
  top:-3px;  	
}
p.kyoten_explain{
  font-size:14px;
  font-size:1.4rem;	
  color:#666666;
  margin:15px 0 0 0;
}

.kyoten_kaigai{
  border-bottom:solid 3px #CCCCCC;
  height:auto;
  padding:0 0 30px 0;
  margin:30px 0 0 0;	
}
div.kyoten_place_kaigai{
  text-align:center;
  margin:0 auto;
  width:240px;
}
div.kyoten_place_kaigai > div{
  float:left;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;	
  color:#333333;
  background-image:url(img/kyoten_kaigai_slash.png);
  background-repeat:no-repeat;
  background-position:right center;
  padding:0 30px 10px 10px;	
}
div.kyoten_place_kaigai > div:nth-child(1){
  padding:0 50px 0 0;	
}
div.kyoten_place_kaigai > div:nth-child(2){
  background-image:none!important;
  padding:0 0 0 30px;	
}
div.kyoten_place_kaigai > div span{
  font-size:10px;
  font-size:1.0rem;	
  display:block;	
}
.article .field_top_image img{
  width:1020px!important;	
  height:auto!important;
  max-width: 100%;
}
.kyoten_shosai{
  border-bottom:solid 1px #DDDDDD;
  height:auto;
  padding:0 0 40px 0;
  margin:20px 0 0 0;
}
.kyoten_shosai > div{
  box-sizing:border-box;

}
.kyoten_shosai > div:first-child{
  padding:0;
  width:100%;

}
.kyoten_shosai > div:nth-child(2){
  padding:10px 0 0 0;
  width:100%;

}
.kyoten_shosai > div:first-child img{
  width:100%;
  height:auto;
  margin:0;
}
.kyoten_shosai > div p{
  font-size:14px;
  font-size:1.4rem;
  margin:5px 0 0 0;  	
}
.company .article h3{
  font-size:24px;
  font-size:2.4rem;	
}
.company .article h3.business_h3{
  text-align:left;
  border-top:solid 1px #DDDDDD;
  padding:50px 0 0 0; 
}
.article p.ceo{
  font-size:12px;
  font-size:1.2rem;
  color:#666666;	
}
.history_table{
  margin:30px 0 0 0;
}
.history_table tr{

}
.history_table td{
  padding:20px 0 20px 0;
  line-height:2.1;
  font-size:10px;
  font-size:1.0rem;
  border-top:solid 1px #DDDDDD!important;
}
.history_table tr td:nth-child(1){
  text-align:center;
  width:50px;
  font-weight:bold;
}
.history_table tr td:nth-child(2){
  background-color:#F3F3F3;
  width:40px!important;
  text-align:center;
  font-weight:normal;
}
.history_table tr td:nth-child(3){
  width:auto;
  text-align:left;
  padding-left:10px;
}
.history_table tr:last-child td{
  border-bottom:solid 1px #DDDDDD!important;
  
}

/* 沿革dl */
.c_sub01{
  padding: 20px 0;
  margin-top:0;
  border-top:solid 1px #DDDDDD!important;
  font-size:12px!important;
  font-size:1.2rem!important;
}
.year{
  width: 100%;
  padding:0 0 20px 0;
  font-weight:bold;
  font-size:16px!important;
  font-size:1.6rem!important;
}
.month{
  width: 100%;
}
.month dl dt{
  width: 20%!important;
  float:left;
  /* background-color:#F3F3F3; */
  height:100%;
  font-weight:bold;
  text-align:left;
  clear:both;
}
.month dl dd {
  width: 80%!important;
  float:left;
  padding:0 0 0 0;
  box-sizing:border-box;

}

/* 採用情報 */
.recruit_select{
  background-color:#EBF2FA;
  padding:30px 0;
  text-align:center;
}
.recruit_select h2{
  font-size:16px;
  font-size:1.6rem;
  margin:0;
  color:#444444;  	
}
.recruit_select .recuit_select_inner:nth-child(2) h2{
  margin:30px 0 0 0;	
}
.recuit_select_inner{
  float:left;
  width:100%;
  box-sizing:border-box;
  border-right:solid 1px #A6C8E7;
  padding:0;
}
.recuit_select_inner:nth-of-child(2){
  border-right:0;
}
.recuit_select_inner p{
  font-size:14px;
  font-size:1.4rem;
  color:#444444;
  margin:10px 0 0 0;
}

a.wantedly_btn{
  line-height:45px;
  background-color:#00A4BB;
  border-radius:0;
  background-image:url(img/watedly.png);
  background-repeat:no-repeat;
  background-position:5px 5px;
  background-size:40px 40px;
  display:block;
  color:#FFFFFF;
  font-size:16px;
  font-size:1.6rem;	
  font-weight:bold;
  width:260px; 
  margin:15px auto 0 auto!important;
  padding:0 0 0 0;	
}
a.wantedly_btn:hover{
  text-decoration:none!important;
  opacity:0.9;
}
a.recruit_btn{
  line-height:45px;
  background-color:#3F88CB;
  border-radius:0;
  display:block;
  color:#FFFFFF;
  font-size:16px;
  font-size:1.6rem;	
  font-weight:bold;
  width:260px; 
  text-align:center;
  margin:15px auto 0 auto!important;
}
a.recruit_btn:hover{
  text-decoration:none!important;
  opacity:0.9;
}
.recruit_wantedly{
  background-color:#F3F3F3;
  padding:30px 0 30px 0;
    margin: -10px 0 0 0;
}
.recruit_wantedly iframe{
  width:100%!important;
  min-width:100%!important;
  box-sizing:border-box!important;
}
.recruit_wantedly h2{
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
  margin:0;  	
}
.recruit_wantedly ul{
  list-style-type:none;	
}
.recruit_wantedly ul li{
  width:100%;
  height:300px;
  float:left;
  margin:20px 30px 0 0;
}
.recruit_wantedly ul li:nth-child(3n){
  margin:20px 0 0 0;
}

/* 採用ボタン */
ul.naraberusan {
    list-style-type: none;
    padding: 0 !important;
    margin: -5px 0px !important;
}

li.biglist {
    display: inline-block;
    padding: 6px 0px;
    margin: 5px 0;
    border: solid 1px #DDDDDD;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

li.smalllist {
    display: inline-block;
    padding: 3px 0px;
    border: solid 1px #DDDDDD;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
    -moz-border-radius: 4px;
}

li.biglist a {
    display: block;
    width: 332px;
    text-align: center;
    color: #666666;
}

li.smalllist a {
    display: block;
    width: 162px;
    text-align: center;
    color: #666666;
}

li.smalllist {
    margin-top: 10px;
}

ul.naraberusan　:nth-child(1) {
    width: 119ox;
}


/* 関連記事 */
.related_post{
  padding:30px 0 30px 0;	
}
.related_post p{
  line-height:1;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  color:#444444;	
}
.related_post ul{
  list-style-type:none;	
}
.related_post ul li{
  display:block;
  margin:20px 0 0 0;
}
.related_post ul li:hover{
  opacity:0.9;
}
.related_post ul li a{
  display:block;
}
.list_thumbnail_related{
  width:100px;
  height:60px;
  overflow:hidden;
  float:left;
  margin:0 -110px 0 0;
  background-image:url(img/thumbnail_noimage.png);
  background-size:100px auto;
  background-repeat:no-repeat;
  border:solid 1px #f3f3f3;
}
.list_title_related{
  float:right;
  width:100%;

}
.list_title_related > div{
  padding:0 0 0 110px;
}
.list_title_related > div > p{
  color:#444444;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.4;
text-align: left;
    font-weight: normal;
}
.related_post ul li:hover .list_title_related > div > p{
  text-decoration:underline;
}
.list_title_related > div > div.date_tags{
  line-height:30px!important;
  display:none;
}

.list_title_related > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_related > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:8px;
  font-size:0.8rem;
  margin:0 0 0 0!important;
}
.related_post ul li a div img{
  width:100px;
  height:auto;
}


/* 関連商品 */
.related_product{
  background-color:#EBF2FA;
  margin:30px 0 0 0;
  padding:27px 0 30px 0;
}
.related_product p{
  line-height:1;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  color:#444444;
}
.related_product ul{
  list-style-type:none;
  margin:15px 0 0 5px;
}
.related_product ul li{
  height:33px;
}
.related_product ul li a{
  font-size:12px;
  font-size:1.2rem;
  color:#666666;
  background-image:url(img/related_product_listdisc.png);
  background-size:3px 3px;
  background-position:left 9px;
  background-repeat:no-repeat;
  padding:0 0 0 10px;
  display:block;
  line-height:1.8;
  margin:20px 0 0 0;
  font-weight:bold;
}
.related_product ul li:first-child a{
  margin:0 0 0 0;
}

/* コンテンツ 1020px */
.list_title{
  background-color:#3280BB;
  height:auto;	
  margin:0 0 0 0;
  padding:0 0 50px 0;
  text-align:center;
  /* background-image:url(img/background.svg); */
  background-image:url(img/background.svg);
  background-repeat:no-repeat;
  background-position:right -130px;
  background-size:auto 320px;
}

.list_title h1{
  text-align:center;
  font-size:18px;
  font-size:1.8rem;
  line-height:1;
  color:#FFFFFF;
  padding:50px 5px 5px 5px;
  border-bottom:solid 1px #FFFFFF;
  display:inline-block;
}
.list_title p{
  font-size:10px;
  font-size:1rem;
  font-weight:bold;
  margin:8px 0 0 0;
  line-height:1;
  color:#FFFFFF;
}
.list_menu{
  background-color:#EBF2FA;  	
}
.list_menu ul{
  list-style-type:none;
}
.list_menu ul li{
  float:left;	
}

.list_menu ul li a{
  display:block;
  line-height:80px;
  padding:0 25px;
  /* border-left:solid 1px #FFFFFF; */
  font-size:14px;
  font-size:1.4rem;
  color:#444444;
  position:relative;
}
.list_menu ul li a:hover{
  text-decoration:none;
}
.list_menu ul li:last-child a{
  border-right:solid 1px #FFFFFF; 
}
.list_menu ul li a:hover,
.postid-14673 .list_menu ul li:nth-child(6) a,
.postid-14672 .list_menu ul li:nth-child(5) a,
.postid-14675 .list_menu ul li:nth-child(4) a,
.postid-14666 .list_menu ul li:nth-child(3) a,
.postid-14671 .list_menu ul li:nth-child(2) a,
.post-type-archive-company .list_menu ul li:nth-child(1) a{
  background-color:#00A4BB;
  color:#FFFFFF;

}
.list_menu ul li:hover a:before,
.postid-14673 .list_menu ul li:nth-child(6) a:before,
.postid-14672 .list_menu ul li:nth-child(5) a:before,
.postid-14675 .list_menu ul li:nth-child(4) a:before,
.postid-14666 .list_menu ul li:nth-child(3) a:before,
.postid-14671 .list_menu ul li:nth-child(2) a:before,
.post-type-archive-company .list_menu ul li:nth-child(1) a:before{
  content:"";
  background-color:#00A4BB;  
  position:absolute;
  display:inline-block;
  height:10px;
  width:100%;
  top:-10px;
  left:0;
}
.list_year{
	
}
.list_year > div > div{
  border-bottom:solid 1px #DDDDDD;
  padding:30px 0 20px 0;
}
.list_year ul{
  list-style-type:none;	

}
.list_year ul li{
  float:left;
}
.list_year ul li a{
  font-size:14px;
  font-size:1.4rem;
  color:#D80000;
  line-height:1.6;
  padding:0 20px 0 0;
}
ul.main_list{
  list-style-type:none;	
  padding:10px 0 0 0;
}
.category-showcase ul.main_list{
  list-style-type:none;	
  padding:10px 0 0 0;
}
ul.main_list li{
  display:block;
  margin:20px 0 0 0;
}
ul.main_list li:hover{
  background-color:#EBF2FA;
}
ul.main_list li a{
  display:block;
  
  width:100%!important;
}
ul.main_list li a:hover{
  text-decoration:none;
}
.list_thumbnail_main{
  width:100px;
  height:60px;
  overflow:hidden;
  float:left;
  margin:0 -110px 0 0;
  position:relative;
  border:solid 1px #f3f3f3;
  box-sizing:border-box;
  background-image:url(img/thumbnail_noimage.png);
  background-size:100px 60px;
  background-repeat:no-repeat;
}

.list_thumbnail_main img{
  border:none;
  width:100%!important; 
  height:auto;
}
.list_category_name{
  position:absolute;
  bottom:0;
  left:0;
  display:inline-block;
  font-size:12px;
  font-size:1.2rem;
  font-weight:bold;
  line-height:25px;
  background-color:#CCCCCC;	
  padding:0 10px;
  color:#FFFFFF;
}
.list_category_name.color-26{
  background-color:#3F88CB;
}
.list_category_name.color-39{
  background-color:#00A4BB;
}
.list_title_main{
  float:right;
  width:100%;
  height:100%;
	color:black;
}
.list_title_main > div{
  padding:0 0 0 110px;
  height:100%;
}
.list_title_main > div > p{
  color:#444444;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.4;
  height:auto;
  margin:5px 0 0 0;
}
ul.main_list li a:hover .list_title_main > div > p{
  text-decoration:underline;
}
.list_title_main > div > p.seminar_date{
  display:block;
  margin:8px 0 0 0;
  font-size: 12px;
  font-size: 10px!important;
  color:#666666!important;
  font-weight:normal;
}

.list_title_main > div > div.date_tags{
  line-height:1!important;
  /* display:none; */
}

.list_title_main > div > div.date_tags span{
  color:#D80000;
  font-size:8px;
  font-size:0.8rem;
  display:inline;
  margin:0 0 0 10px;
  display:none;
}
.list_title_main > div > div.date_tags span:nth-child(1){
  color:#666666!important;
  font-size:8px;
  font-size:0.8rem;
  margin:0 0 0 0!important;
  display:inline-block;
}
.list_title_main > div > div.date_tags span.inlist_tags{
color:#D80000!important;
}
ul.main_list li a div img{
  width:320px;
  height:auto;
  /* min-width:100px;*/
  /* min-height:60px;*/
  min-width:100px;
  min-height:52px;
  box-sizing:border-box;
  /* border:solid 1px #F3F3F3; */
}

/*
.home ul.main_list,
.post-type-archive-recruit ul.main_list{
  list-style-type:none;	
  margin:10px 0 0 0;
}
.post-type-archive-recruit ul.main_list{
  margin:30px 0 0 0;	
}
.home ul.main_list li,
.post-type-archive-recruit ul.main_list li{
  display:block;
  margin:30px 30px 0 0;
  width:320px;
  height:auto!important;
  float:left;
  padding:0 0 10px 0;
}
.home ul.main_list li:nth-child(3n),
.post-type-archive-recruit ul.main_list li:nth-child(3n){
  margin:30px 0 0 0;  	
}
.home ul.main_list li:hover,
.post-type-archive-recruit ul.main_list li:hover{
  background-color:#FFFFFF;
  opacity:0.9;
}
.home ul.main_list li a,
.post-type-archive-recruit ul.main_list li a{
  display:block;
  width:100%!important;
  height:100%!important;
}
.home .list_thumbnail_main,
.post-type-archive-recruit .list_thumbnail_main{
  width:320px;
  height:180px;
  overflow:hidden;
  float:none;
  margin:0;
}
.home .list_title_main,
.post-type-archive-recruit .list_title_main{
  width:100%;
  height:auto;
  float:none;
}
.home .list_title_main > div,
.post-type-archive-recruit .list_title_main > div{
  padding:0 0 0 0;
  height:100%;
}
.home .list_title_main > div > p,
.post-type-archive-recruit .list_title_main > div > p{
  color:#444444;
  font-size:20px;
  font-size:2rem;
  line-height:1.4;
  font-weight:normal;
  height:100%;
}
.home .list_title_main > div > div.date_tags,
.post-type-archive-recruit .list_title_main > div > div.date_tags{
  line-height:50px!important;
}

.home .list_title_main > div > div.date_tags span,
.post-type-archive-recruit .list_title_main > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.home .list_title_main > div > div.date_tags span:first-child,
.post-type-archive-recruit .list_title_main > div > div.date_tags span:first-child{
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.home ul.main_list li a div img,
.post-type-archive-recruit ul.main_list li a div img{
  width:320px;
  height:auto;
  box-sizing:border-box;
}

*/

/* データチム */
.data_analytics_list > div{
  width:100%;
  height:auto;
  /* float:left; */
}
.data_analytics_list > div h2{
  font-size:16px;
  font-size:1.6rem;
  line-height:1.4;
  text-align:center;
  height:30px;
  margin:0;
  padding:30px 0 0 0;
}
.data_analytics_list > div p{
  font-size:14px;
  font-size:1.4rem;
  height:auto;
  margin:10px 0 0 0!important;
}
.data_analytics_list > div:nth-child(2){
  margin:0 0 0 40px;
}
.partner{
  box-sizing:border-box;
  padding:0 20px 0 20px;
  border:solid 3px #DDDDDD;	
  margin:30px 0 0 0;
}
.partner > div{
  position:relative;
  border-bottom:solid 1px #DDDDDD;
  padding:30px 0 30px 0;	
}
.partner > div:last-child{
  border:0;	
}
.partner > div img{
  width:100px!important;
}
.partner > div:nth-child(3) img{
  top:5%; 	
}
.partner > div > div{
  padding:0 0 0 0;	
}
.partner > div:nth-child(4) > div{
  padding:0 0 0 0;	
}
.article .partner > div > div.partner_title{
  font-size:16px!important;
  font-size:1.6rem!important;
  line-height:1.4!important;  	
  font-weight:bold!important;
  color:#444444!important;
  margin:0!important;
  padding:0 0 0 0;
}
.article .partner > div > div.partner_title span{
  color:#D80000;
  display:block;
}
.article .partner > div > div.partner_subtitle{
  font-size:14px!important;
  font-size:1.4rem!important;
  line-height:1.8!important;  	
  font-weight:bold!important;
  color:#444444!important;
  margin:20px 0 0 0!important;   	
}
.article .partner > div > div.partner_explain{
  font-size:14px!important;
  font-size:1.4rem!important;
  line-height:1.8!important;
  color:#666666!important; 
  margin:10px 0 0 0!important;   	
}

/* お問い合わせ */
.toiawase{
  background-color:#3F88CB;
  padding:30px 0 27px 0;	
}
.category .toiawase{
  margin:30px 0 0 0;
}
.company .toiawase,
.service .toiawase,
.toiawaseform .toiawase,
.single-company .toiawase,
.single-services .toiawase,
.single .toiawase,
.post-type-archive-company .toiawase,
.archive .toiawase,
.page .toiawase
{
  margin:30px 0 0 0;
}
.toiawase a{
  display:block;
  border:solid 3px #FFFFFF;
  line-height:60px;
  text-align:center;
  width:100%;
  margin:0 auto 0 auto;
  color:#FFFFFF;
  text-decoration:none;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  box-sizing:border-box;
}
.toiawase a:hover{
  background-color:rgba(255,255,255,0.1);
}
.toiawase p{
  display:block;
  line-height:1.6;
  text-align:center;
  color:#FFFFFF;
  text-decoration:none;
  font-size:12px;
  font-size:1.2rem;
  font-weight:normal;	
  margin:13px 0 0 0;
}

/* 問い合わせフォーム */
.toiawase_table{
  margin:20px 0 0 0;
}
.toiawase_table tr{

}
.toiawase_table td{
  padding:10px 0 10px 0;
  line-height:2.1;
  font-size:12px;
  font-size:1.2rem;
  border-top:0!important;
  vertical-align:top;

}
.toiawase_table tr td:nth-child(1){
  text-align:left;
  width:auto;
  font-weight:bold;
  line-height:1;
  padding:0 0 0 0;
  display:inline-block;
  /*height:37px;*/
  height:auto;
  line-height:37px;
  vertical-align:bottom;
}
.toiawase_table tr td:nth-child(2){
  width:43px;
  text-align:center;
  font-weight:normal;
  display:inline-block;
  margin:0 0 0 10px;
  height:37px;
  padding:0 0 0 0;
  vertical-align:bottom;
}
.toiawase_table tr td:nth-child(3){
  width:100%;
  text-align:left;
  padding-left:0;
  display:block;
  margin:0 0 20px 0;
}

.toiawase_table tr td:nth-child(2) p,
p.hissu,
span.hissu{
  background-color:#D33F2A;
  font-weight:bold;
  font-size:10px;
  font-size:1.0rem;
  border-radius:3px;
  color:#FFFFFF;
  margin:8px 0 0 0;
  line-height:22px;
  width:43px;
  text-align:center;
  display:inline-block;

}
p.hissu{
  display:inline-block!important; 
  width:43px;	
}
span.hissu{
  margin:0 0 0 10px;
}
.article p.toiawaseform_title{
  font-size:12px!important;
  font-size:1.2rem!important;
  font-weight:bold;  
  display:inline-block;  
  margin:45px 15px 0 0;	
  width:200px;
}

select.wpcf7-form-control.wpcf7-select {
    height: 42px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 351px;
}

/*
.toiawase_table tr:last-child td{
  border-bottom:solid 1px #DDDDDD!important;
}
*/

input[type="text"],
input[type="email"],
textarea{
  line-height:40px;
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  outline:none;
  box-sizing:border-box;
  font-family:メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック',sans-serif;
  border:solid 2px #CDCDCD;
  border-radius:3px;
  padding:0 10px;
  background-color:#FFFFFF;
  width:100%;
}
textarea{
  line-height:1.8;
  padding:10px;
}
input:focus,
textarea:focus{
  border:solid 2px #3C88C3;	
  background-color:#EBF3F9;
  box-sizing:border-box;
}
input[type="submit"]{
-webkit-appearance: none;
	display:inline-block;
	width:100%;
	line-height:55px;
	text-align:center;
	background-color:#00A4BB;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	margon:20px auto 0 auto;
	cursor:pointer;
  font-size:18px;
  font-size:1.8rem;
}
input[type="submit"]:hover{
	opacity:0.8;
}
input[type="radio"]{
  display:inline-block;
  width:20px;
  height:auto;
  margin:10px 0 0 0;
}
input[disabled="disabled"]{
  background-color:#CCCCCC;  
}
input[disabled="disabled"]:hover{
	opacity:1;
}
.wpcf7-list-item-label{
  font-size:14px;
  font-size: 1.4rem;
}
p.confirm_reconf{
  font-size:14px;
  font-size:1.4rem;
  margin:10px 0 0 0;	
}
textarea{
  width:100%;
  height:210px;	
  margin:20px 0 0 0;
}
.submit_btn_area{
  text-align:center;
  padding:0 0 0 0;	
}
label{
  display:block;
}
.doui label{
  display:inline;
}
/* フッター1 */
.footer1{
  border-top:solid 1px #DDDDDD;
  padding:25px 0 15px 0;	
}
.toiawase + .footer1{
  border-top:none;
}
.toiawaseform .footer1{
  margin:70px 0 0 0;	
}
.logo_sub{
  color:#444444;
  font-size:16px;
  font-size:1.6rem;
  text-align:center;	
}
.logo_sub img{
  display:block;
  width:160px!important;
  height:auto;
}
.footer1 img{
  display:block;
  margin:15px auto 0 auto;
  width:100px;
  height:auto;  	
}
.footer1 ul{
  list-style-type:none;	
  margin:40px auto 0 auto;
  display:none;
  text-align:center; 
  height:13px; 
  width:100%;
}
.footer1 ul li{
  float:left;

}
.footer1 ul li a{
  height:13px;
  line-height:13px;
  display:block;
  font-size:13px;
  font-size:1.3rem;  
  color:#444444;
  border-right:solid 1px #444444;
  text-decoration:none;
  padding:0 20px;
}
.footer1 ul li a:hover{
  text-decoration:underline;
}
.footer1 ul li:last-child a{
  border-right:0;
}
.copyright{
  color:#999999;
  font-size:8px;
  font-size:0.8rem;
  text-align:center; 
  margin:15px 0 0 0;  	
}

/* フッター2 */
.footer2{
  background-color:#F5F6FA;
  border-top:solid 1px #DDDDDD;
  padding:30px 0 27px 0;	
}
.footer2 p{
  color:#444444;
  font-size:10px;
  font-size:1.0rem;
  font-weight:bold;
  text-align:center;
}

/* スライド */
.slick-slide{
  width:420px!important;	
}
.slick-track{
  width:4620px!important;
}
.sp-slide:hover{
  opacity:0.9;	
}

/* トップソーシャルボタン */
.top_social_btn{
  margin:20px 0 0 0;	
}

/* トップへ戻る */
.pagetop {
	display: none;
	position: fixed;
	bottom: 55px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 46px;
	height: 46px;
	border-radius:50%;
	background-color:#3F88CB;
	background-image:url(img/totop.png);
	background-size:46px 46px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
      
}

/* その他 */
.toc_toggle{display:none;}


/* ページャー */
.pager_num{
  text-align:center;
  margin:20px 0 0 0;
  opacity:0.8;
}
.page-numbers{
  border-radius:0;
  background:#FFFFFF;
  margin:10px 10px 0 0;
  float:left;
  color:#666666;
  text-align:center;
  font-size:10px;
  font-size:1.0rem;
  line-height:30px;
  font-weight:bold;  	
  display:inline-block;
  text-decoration:none;
  width:30px;
  border:solid 1px #DDDDDD;
  cursor:pointer;
}
.page-numbers:hover{
  background:#3F88CB;
  border:solid 1px #3F88CB;
  color:#FFFFFF;
  text-decoration:none;
}
.page-numbers:active{
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;    
}
.current,
.current:hover{
  background:#3F88CB;
  border:solid 1px #3F88CB;
  color:#FFFFFF;
}
.dots,
.dots:hover{
  background:none;
  color:#3F88CB;
}

/* タグページ */
h1.tagtitle{
  color:#444444;
  font-size:18px;
  font-size:1.8rem;
  margin:30px 0 0 0;
  line-height:1.4;
}
h2.tagtitle{
  color:#666666;
  font-size:10px;
  font-size:1.0rem;
  font-weight:normal;
  margin:0;
  padding:5px 0 15px 0;
}

.pankuzu > div > div > ul li:last-child,
.archive.tag .pankuzu > div > div > ul li:last-child{
  background-image:none;
}
.pankuzu > div > div > ul li:first-child a,
.archive.tag .pankuzu > div > div > ul li:first-child a{
  margin:0 5px 0 0;
}

.partner_explain + p{
  margin:0!important;
}
.related_product + .toiawase{
  margin:0;
}

.form_textarea{
  margin:45px 0 0 0;
}
.form_textarea p{
  margin:0!important;
}

span.wpcf7-form-control-wrap.acceptance-689{
  width:15px!important;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
    display: block!important;
}
input.wpcf7-acceptance{
  width:15px!important;
}
.article a.hover_opacity:hover{
  text-decoration:none;
  opacity:0.7!important;
  display:block;
}
a.foot_logo:hover{
  text-decoration:none;  
}
.postid-15215 .list_title{
  display:none!important;
  background-image:none;
}
.sp-buttons{
  display:none;
}

/* ヘッダーナビ */
.mobile_navi{
  height:60px;
}
#mobile-bar{
  width:60px;
  height:60px;
  background-color:tranceparent;
  position:absolute;
  top:0;
  left:0;
}
#build-menu-button{
  display:inline-block;
  width:60px;
  line-height:60px;
  color:#FFFFFF;
  text-align:center;
}
#build-menu-page {
  left: 0;
  position: relative;
}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	display: none;
	width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
}
#build-menu{
  background-color:#666666;
  overflow:hidden;
  width:200px;
}
.mobile-nav-0{
  overflow:hidden;
  width:200px;
  z-index:1;

}
.mobile-nav-0 li {
  background-color:tranceparent;
}
.mobile-nav-0 li a{
  display:block;
  color:#FFFFFF;
  line-height:50px;
  font-size:14px;
  font-size:1.4rem;
  box-sizing:border-box;
  padding:0 0 0 10px;
  background-color:tranceparent;

}

.single-post .article table{
  width:100%!important;
  
}
.single-post .article table tr td{
  display:block;
  width:100%!important;  
}


.messagejinji iframe{
border: none;
overflow: hidden;
visibility: visible;
width: 270px !important;
height: 60px;
min-width: 0 !important;
}



img.aligncenter.download.wp-image-20049 {
    max-width: 120px;
}


img.alignleft.logo2.logo_img {
    max-width: 120px;
}

img.aligncenter.logo2.logo_img {
    max-width: 120px;
}


img.kao {
    width: 50px;
    height: 50px;
}

/*中国・ASEANトップのCSS*/
img.img_center {
    width: 300px;
    margin: 10px auto;
    display: -webkit-box;
}

img.floatleft {
    width: 300px;
    margin: 10px auto;
    display: -webkit-box;
    /* margin: 10px; */
}
.asean.contents_wide {
    margin: 0px 10px;
}

.asean.contents_wide p {
    margin: 10px;
}
.asean_select_inner {
    text-align: -webkit-center;
    margin-top: -80px;
    padding: 14px;
}

li.china_check:before {
    content: " ✔ ";
    color:  red;
}

li.china_check {
    list-style:  none;
}

h2.saiyouh2 {
    margin: 10px;
}

a.recruit_btn {
    width: 250px;
}

.toiawase.toiawase2 {
}

.recuit_select_inner {
    margin: 0 auto !important;
}

ul.logo_narabi {
    padding: 10px 13px;
    display: initial;
}
.asean.contents_wide {
    margin: 0;
}

ul.logo_narabi li {
    display: initial;
    padding: 31px;
}

ul.yonretsu li {
    padding-left: 12px;
    list-style-type: none;
    padding-bottom: 15px;
    list-style-position: 0px;
}
a.recruit_btn {
    width: 70%;
}

ul.sanbox {
    list-style-type: none;
}


.category .pankuzu > div > div > ul li a,
/* .archive .pankuzu > div > div > ul li a, */
.company .pankuzu > div > div > ul li a,
.single-company .pankuzu > div > div > ul li a,
.single-services .pankuzu > div > div > ul li a,
.archive .pankuzu > div > div > ul li a,
.recruit .pankuzu > div > div > ul li a,
.service .pankuzu > div > div > ul li a,
.toiawaseform .pankuzu > div > div > ul li a{
  color:#FFFFFF;
  border:solid 1px rgba(255,255,255,0);
}
.asean.contents_wide p {
    margin: 10px;
}
p.fontbig {
    font-size: 18px;
    font-weight: bold;
}
img.mall {
    width: 100%;
}



/*--セミナーアンケートフォーム--*/

.questionnaire_form{
width:100%;
margin-top:60px;
color:#333;
}
.questionnaire_form h3{
background-image: none;
margin:25px 0 0 0 !important;
padding:25px 0 0 0 !important;
}
.questionnaire_form h4{
background-image: none !important;
margin:25px 0 0 0;
padding:25px 0 0 0;
font-size:18px;
}
.questionnaire_form h5{
font-size:16px;
margin:25px 0 0 0 !important;
padding:25px 0 0 0 !important;
}
.questionnaire_form p{
	margin:15px 0 !important;
	padding:0 !important;
	
}
.questionnaire_form textarea{
	height:100px;
	margin-top:0px;
}
.questionnaire_form .submit{
	width:100%;
	text-align:center;
	margin:0px auto;
}
.questionnaire_form .submit .kojindouibox{
	width:70%;
	text-align:center;
	margin:0 auto;
	display:inline-block;
}
/* 201903 mailmagazine */
@media only screen and (max-width: 767px) {
  .br-pc {
    display: none;
  }
}

.br-sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .br-sp {
    display: block;
  }
}

h1.mailmagazine-ttl {
  font-size: 2.8rem;
}

@media only screen and (max-width: 767px) {
  h1.mailmagazine-ttl {
    font-size: 1.8rem;
  }
}

.mailmagazine-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 1020px;
  margin: 0 auto;
  padding: 54px 0 0;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-wrapper {
    padding: 27px 20px;
  }
}

.mailmagazine-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: -150px;
  top: 0;
  width: 723px;
  height: 637px;
  background: url(/wp-content/uploads/2019/03/mailmagazine_bg.png);
}

@media only screen and (max-width: 767px) {
  .mailmagazine-wrapper:before {
    display: none;
  }
}

.mailmagazine-inner {
  width: 560px;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-inner {
    width: 100%;
    margin: 0 !important;
  }
}

.mailmagazine-head {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: -0.03em;
  margin: 0 0 26px;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-head {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}

.mailmagazine-txt {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: -0.03em;
}

.mailmagazine-sp-img {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-sp-img {
    display: block;
    text-align: center;
  }
  .mailmagazine-sp-img img {
    width: 230px;
  }
}

.mailmagazine-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 20px 0 9px;
}

.mailmagazine-list__ttl, .mailmagazine-list__txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.5rem;
  padding: 9px 0 7px;
}

.mailmagazine-list__ttl:first-of-type, .mailmagazine-list__txt:first-of-type {
  border-bottom: 1px solid #ccc;
}

.mailmagazine-list__ttl {
  width: 100px;
  font-weight: bold;
  text-align: center;
  background: #eee;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-list__ttl {
    width: 30%;
    text-align: left;
    padding-left: 15px;
  }
}

.mailmagazine-list__txt {
  width: 460px;
  padding-left: 21px;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-list__txt {
    width: 70%;
  }
}

.mailmagazine-notes {
  font-size: 1rem;
}

.mailmagazine-btn {
  display: block;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
}

.mailmagazine-btnArea {
  padding-bottom: 38px;
  border-bottom: 3px double #ccc;
}

.mailmagazine-btn:hover {
  text-decoration: none;
  opacity: .8;
}

.mailmagazine-btn--green {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 300px;
  height: 60px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 60px;
  padding-left: 88px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3FCBB0), to(#32A18C));
  background: linear-gradient(to bottom, #3FCBB0 0%, #32A18C 100%);
  border: 1px solid #258472;
  margin: 26px auto 0;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-btn--green {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}

.mailmagazine-btn--green:before {
  content: "";
  display: block;
  position: absolute;
  top: -13px;
  left: 9px;
  width: 75px;
  height: 75px;
  background: url(/wp-content/uploads/2019/03/btn_badge.png);
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-btn--green:before {
    width: calc(125*100vw/750);
    height: calc(125*100vw/750);
    font-size: 2.2rem;
  }
}

.mailmagazine-btn--white {
  width: 180px;
  height: 40px;
  color: #444;
  font-size: 1.2rem;
  line-height: 40px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));
  background: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
  border: 1px solid #AAA;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-btn--white {
    width: 100%;
    height: 60px;
    font-size: 1.5rem;
    line-height: 60px;
  }
}

.mailmagazine-point {
  padding: 28px 0 0;
}

.mailmagazine-point-ttl {
  font-size: 1.5rem;
  margin: 0 0 5px;
}

.mailmagazine-point-list {
  padding-left: 16px;
  margin-bottom: 19px;
}

.mailmagazine-point-list__item {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-point-list__item {
    font-size: 1.5rem;
  }
}

.mailmagazine-point-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-point-btn {
    display: block;
  }
}

.mailmagazine-point-btn__item {
  list-style-type: none;
}

.mailmagazine-point-btn__item:first-of-type {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-point-btn__item:first-of-type {
    margin: 0 0 10px;
  }
}

.mailmagazine-bnr {
  margin-top: 46px;
}

.mailmagazine-bnr a:hover {
  opacity: .8;
}

.mailmagazine-bnr img {
  max-width: 100%;
}

.mailmagazine-bnr .bnr-sp {
  display: none;
}

.mailmagazine-bnr__txt {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mailmagazine-bnr .bnr-pc {
    display: none;
  }
  .mailmagazine-bnr .bnr-sp {
    display: block;
  }
  .mailmagazine-bnr__img {
    margin-top: 15px;
  }
  .mailmagazine-bnr__txt {
    display: block;
    color: #1B3AEF !important;
    font-size: 1.5rem;
    line-height: 1.6667;
    margin-top: 5px !important;
  }
}

.post_title--red {
  color: #FF0000;
}

/* ============
201904.renewal
 ============*/
/* renewal common*/
body {
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック',sans-serif;
}

.home img {
  vertical-align: middle;
  max-width: 100%;
}

.home li {
  list-style-type: none;
}

.no-link {
  pointer-events: none;
}

.header_navi__contact {
  background-color: rgba(0, 0, 0, 0.3);
}

/*===
top 
===*/
.home .header {
  position: absolute;
  background: none;
}

@media only screen and (max-width: 767px) {
  .home .header {
    position: static;
    background-color: #3280BB;
  }
}

/* mv */
.home .top_title {
  height: auto;
  padding-top: 70px;
  background-image: url(/wp-content/uploads/2019/05/mv_bg_pc.jpg);
  background-size: cover;
  background-position: center center;
}

@media only screen and (max-width: 767px) {
  .home .top_title {
    padding: 0 0 calc(44*100vw/750);
    background: url(/wp-content/uploads/2019/05/mv_bg_sp.jpg) top center no-repeat #F0F0F0;
    background-size: cover;
  }
}

.mv-inner {
  width: 1020px !important;
  position: relative;
  padding-bottom: 414px;
}

@media only screen and (max-width: 767px) {
  .mv-inner {
    width: 100% !important;
    padding-bottom: 0;
  }
}

.top_title img {
  position: static;
  width: auto;
}

.top_title img.top_copy {
  top: 0;
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  .top_title img.top_copy {
    width: calc(534*100vw/750);
    padding: calc(110*100vw/750) 0 calc(104*100vw/750);
  }
}

.mv-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  bottom: -58px;
  width: 1020px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .mv-bnr {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: static;
    width: 100%;
    padding: 0 calc(30*100vw/750);
  }
}

.mv-bnr__item {
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  margin: 0 30px 30px 0;
}

.mv-bnr__item:nth-of-type(3n) {
  margin-right: 0;
}

.mv-bnr__item:nth-last-of-type(-n+3) {
  margin-bottom: 0;
}

.mv-bnr__item a:hover {
  opacity: .8;
}

@media only screen and (max-width: 767px) {
  .mv-bnr__item {
    margin: 0 0 calc(20*100vw/750);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .mv-bnr__item:nth-last-of-type(-n+3) {
    margin-bottom: calc(20*100vw/750);
  }
}

/* contents */
.home .contents_wide {
  background: #F0F0F0;
  padding: 62px 0;
}

.home .contents_wide--top {
  padding-top: 100px;
  border-bottom: 1px solid #fff;
}

.home .contents_wide--company {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .home .contents_wide {
    padding: calc(80*100vw/750) 0;
  }
  .home .contents_wide--top {
    padding-top: calc(120*100vw/750);
  }
  .home .contents_wide > div > div {
    margin: 0 calc(30*100vw/750);
  }
}

.home .contents-ttl {
  font-size: 3.2rem;
  font-weight: normal;
  text-align: center;
  margin: 0 0 30px;
}
.contents-ttl2{
  font-size: 3.2rem;
  font-weight: normal;
  text-align: center;
  margin: 50px 0 0;
}
@media only screen and (max-width: 767px) {
  .home .contents-ttl .contents-ttl2 {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: calc(50*100vw/750);
  }
}

.home ul.main_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0;
  margin: 0 0 30px;
}

.home ul.main_list li {
  float: none;
  height: auto !important;
  padding: 0;
  margin: 0 20px 30px 0;
}

.home ul.main_list li:nth-of-type(4n) {
  margin-right: 0;
}

.home ul.main_list li:nth-last-of-type(-n+4) {
  margin-bottom: 0;
}

.home ul.main_list li:hover {
  background: transparent;
}

.home .list_title_main > div > div.date_tags span.red{
  color: #D80000!important;
}

@media only screen and (max-width: 767px) {
  .home ul.main_list li {
    height: auto !important;
    margin: 0 0 calc(30*100vw/750);
  }
  .home ul.main_list li:nth-last-of-type(-n+4) {
    margin-bottom: calc(30*100vw/750);
  }
  .home ul.main_list li:last-of-type {
    margin-bottom: 0;
  }
  .home ul.main_list li .list_title_main > div > div.date_tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home ul.main_list li .list_title_main > div > div.date_tags span {
    display: block;
    font-size: 1.4rem;
  }
  .home ul.main_list li .list_title_main > div > p {
    font-size: 1.6rem;
    line-height: 1.6875;
  }
}

.contents-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 266px;
  color: #333;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 21px 0;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin: 0 auto;
}

.contents-btn:hover {
  color: #fff;
  background-color: #3F88CB;
  border-color: #3F88CB;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .contents-btn {
    width: 100%;
  }
}

.home .top_tags {
  padding-top: 0;
  background: #F0F0F0;
  margin-bottom: 40px;
}

.home .top_tags ul li a {
  background: #fff;
}

.home .top_tags ul li a:hover {
  background-color: #3F88CB;
}

.top_seminar {
  background: #fff;
  padding: 0;
  border: 1px solid #ccc;
}

.top_seminar-ttl {
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  padding: 17px 0 15px;
  border-bottom: 1px solid #ccc;
  margin: 0;
}

.top_seminar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .top_seminar ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: calc(30*100vw/750);
  }
}

.top_seminar ul li {
  float: none;
  width: 470px;
  height: auto;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .top_seminar ul li {
    width: 100%;
  }
  .top_seminar ul li:first-of-type {
    margin-bottom: calc(30*100vw/750);
  }
  .top_seminar ul li p {
    font-size: 1.6rem;
  }
  .top_seminar ul li p.sminar_date,
  .top_seminar ul li p.sminar_address {
    font-size: 1.4rem;
  }
}

.company-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.company-bnr__item {
  margin-right: 30px;
}

.company-bnr__item:last-of-type {
  margin-right: 0;
}

.company-bnr__item a:hover {
  opacity: .8;
}

@media only screen and (max-width: 767px) {
  .company-bnr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .company-bnr__item {
    margin: 0 0 calc(20*100vw/750);
  }
}

.access-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .access-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.access-list__item {
  width: 495px;
}

@media only screen and (max-width: 767px) {
  .access-list__item {
    width: 100%;
  }
}

.access-list__item iframe {
  width: 495px;
  height: 299px;
}

@media only screen and (max-width: 767px) {
  .access-list__item iframe {
    width: 100%;
    height: calc(300*100vw/750);
  }
}

.access-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 18px;
}

.access-map {
  margin-bottom: 15px;
}

.access-txt {
  font-size: 1.5rem;
  line-height: 1.6875;
}

.top-recruit {
  padding: 104px 0 64px;
  background: url(/wp-content/uploads/2019/05/top_recruit_bg_pc.jpg) center no-repeat;
}

@media only screen and (max-width: 767px) {
  .top-recruit {
    padding: calc(138*100vw/750) calc(30*100vw/750) calc(128*100vw/750);
    background-image: url(/wp-content/uploads/2019/05/top_recruit_bg_sp.jpg);
    background-size: cover;
  }
}

.top-recruit__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 310px;
  height: 272px;
  padding: 65px 0 40px;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .top-recruit__inner {
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
  }
}

.top-recruit-ttl, .top-recruit-txt {
  line-height: 1;
  text-align: center;
}

.top-recruit-ttl {
  font-size: 3.2rem;
  font-weight: normal;
  margin: 0 0 26px;
}

@media only screen and (max-width: 767px) {
  .top-recruit-ttl {
    font-size: 3rem;
    font-weight: bold;
  }
}

.top-recruit-txt {
  font-size: 1.4rem;
  margin-bottom: 36px;
}

@media only screen and (max-width: 767px) {
  .top-recruit-txt {
    font-size: 1.6rem;
  }
}

.top-recruit .contents-btn {
  width: 220px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
  .top-recruit .contents-btn {
    width: 100%;
  }
}

/*===
product_services 
===*/
.contents-ps li {
  list-style-type: none;
}

.contents-ps img {
  max-width: 100%;
  vertical-align: bottom;
}

.ps-ttl {
  font-size: 3rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.ps-txt {
  font-size: 1.6rem;
  line-height: 1.6875;
  margin: 0 0 25px;
}

.ps-wrapper--02 {
  background: url(/wp-content/uploads/2019/05/texture_bg.png);
}

@media only screen and (max-width: 767px) {
  .ps-wrapper--02 {
    background-size: calc(19*100vw/750);
  }
}

.ps-wrapper--02 .ps-inner {
  padding: 230px 0 140px 457px;
  background: url(/wp-content/uploads/2019/05/ps_02_img.png) center left no-repeat;
  background-size: 470px;
}

@media only screen and (max-width: 767px) {
  .ps-wrapper--02 .ps-inner {
    padding: calc(60*100vw/750) calc(30*100vw/750) calc(830*100vw/750);
    background-position: bottom calc(80*100vw/750) center;
    background-size: calc(750*100vw/750);
  }
}

.ps-wrapper--03 {
  border-bottom: 1px solid #CCCCCC;
}

@media only screen and (max-width: 767px) {
  .ps-wrapper--03 {
    border: none;
  }
  .ps-wrapper--03 .ps-inner {
    padding-bottom: 0;
  }
}

.ps-wrapper--04 .ps-inner {
  padding-bottom: 0;
}

.ps-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1020px;
  padding: 50px 0 60px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .ps-inner {
    padding: calc(60*100vw/750) calc(30*100vw/750);
  }
}

.lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lineup__item {
  width: 320px;
  margin: 0 30px 25px 0;
}

@media only screen and (max-width: 767px) {
  .lineup__item {
    width: 100%;
    margin: 0 0 calc(28*100vw/750);
  }
}

.lineup__item:nth-of-type(3n) {
  margin-right: 0;
}

.lineup__item:nth-last-of-type(-n+3) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .lineup__item:nth-last-of-type(-n+3) {
    margin: 0 0 calc(28*100vw/750);
  }
}

.lineup-img {
  margin-bottom: 12px;
}

.lineup-img a:hover {
  opacity: .8;
}

.lineup-ttl, .lineup-txt {
  font-size: 1.6rem;
}

.lineup-ttl {
  line-height: 1.333;
  margin: 0 0 5px;
}

.lineup-ttl a {
  color: #0159B2;
}

.lineup-txt {
  line-height: 1.6875;
}

.sol-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .sol-list {
    margin: 0 calc(-30*100vw/750);
  }
}

.sol-list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 500px;
  border: 1px solid #ccc;
  margin: 0 20px 20px 0;
}

.sol-list__item:nth-of-type(2n) {
  margin-right: 0;
}

.sol-list__item:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sol-list__item {
    width: 100%;
    margin: 0;
    border: none;
  }
  .sol-list__item:first-of-type {
    border-top: 1px solid #ccc;
  }
}

.sol-ttl {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  padding: 17px 15px 17px 60px;
  background: left 10px center  no-repeat #2B80C0;
  background-size: 39px;
  margin: 0;
}

.sol-ttl--01 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_01.png);
}

.sol-ttl--02 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_02.png);
}

.sol-ttl--03 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_03.png);
}

.sol-ttl--04 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_04.png);
}

.sol-ttl--05 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_05.png);
}

.sol-ttl--06 {
  background-image: url(/wp-content/uploads/2019/05/sol_icon_06.png);
}

@media only screen and (max-width: 767px) {
  .sol-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: calc(120*100vw/750);
    color: #333;
    line-height: 1.25;
    padding: 0 calc(100*100vw/750) 0 calc(120*100vw/750);
    background-color: #fff;
    background-position: center left calc(30*100vw/750);
    background-size: calc(65*100vw/750);
    border-bottom: 1px solid #ccc;
  }
  .sol-ttl:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(30*100vw/750);
    width: calc(41*100vw/750);
    height: calc(21*100vw/750);
    background: url(/wp-content/uploads/2019/05/sol_icon_arrow.png);
    background-size: cover;
  }
  .sol-ttl.active:after {
    -webkit-transform: translateY(-50%) scale(-1, -1);
    transform: translateY(-50%) scale(-1, -1);
  }
}

.sol-detail {
  padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
  .sol-detail {
    display: none;
    padding: calc(25*100vw/750) 0;
    border-bottom: 1px solid #ccc;
  }
}

.sol-detail__ttl, .sol-detail__txt {
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .sol-detail__ttl, .sol-detail__txt {
    padding: 0 calc(20*100vw/750) 0 calc(30*100vw/750);
  }
}

.sol-detail__ttl {
  line-height: 1;
  margin-bottom: 8px;
}

.sol-detail__ttl a {
  color: #0159B2;
}

.sol-detail__txt {
  font-size: 1.6rem;
  line-height: 1.6875;
  padding-bottom: 10px;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 10px;
}

.sol-detail__txt:last-of-type {
  padding-bottom: 0;
  border: none;
  margin-bottom: 0;
}

.ob-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .ob-bnr {
    display: block;
  }
}

.ob-bnr--top {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .ob-bnr--top {
    margin: 0;
  }
}

.ob-bnr__item a:hover {
  opacity: .8;
}

@media only screen and (max-width: 767px) {
  .ob-bnr__item {
    margin-bottom: calc(20*100vw/750);
  }
}

/*===
recruit
===*/
.post-type-archive-recruit ul.main_list li {
  height: auto !important;
}

/* career only .ver */
.recuit_select_inner {
  float: none;
  border: none;
  margin: 0 auto;
}

.recuit_select_inner h2 {
  display: none;
}

.recuit_select_inner.noborder {
  display: none;
}

/* ============
201911.renewal
 ============*/
 .header_navi__contact {
  margin-right: 1px;
}

.header_navi__contact:last-of-type {
  margin-right: 0;
}

.list_title h1.ttl {
  line-height: 1.3333;
}

.list_title p.subttl {
  line-height: 1.5;
}

/* download */
p.list_title__txt {
  line-height: 1.7142;
}

.contents-download img {
  max-width: 100%;
  vertical-align: bottom;
}

.contents-download li {
  list-style-type: none;
}

.contents-download .ps-inner {
  padding-bottom: 0;
}

.contents-download .dlc-item {
  margin-bottom: 85px;
}

.contents-download .dlc-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .contents-download .dlc-item {
    margin-bottom: calc(80*100vw/750);
  }
}

/* asean common*/
.asia-relation {
  margin-bottom: 84px !important;
}

.asia-relation .info-ttl {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 13px 30px 12px;
  background: #2B80C0;
  margin: 0;
}

.asia-relation .info-list {
  padding: 23px 30px 27px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.asia-relation .info-list__item {
  list-style-type: none;
  color: #0159B2;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 17px;
}

.asia-relation .info-list__item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .asia-relation {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: calc(60*100vw/750) calc(30*100vw/750);
    margin-bottom: calc(40*100vw/750) !important;
  }
  .asia-relation .info-ttl,
  .asia-relation .info-list {
    padding: calc(30*100vw/750);
  }
  .asia-relation .info-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
}

.asean.contents_wide .article {
  padding-bottom: 60px;
}

.asean.contents_wide .asean-contents-inner {
  margin: 0;
}

.asean.contents_wide h2.saiyouh2 {
  padding: 50px 0 20px;
}

@media only screen and (max-width: 767px) {
  .asean.contents_wide h2.saiyouh2 {
    display: block;
    padding: 25px 0 20px;
  }
}

.asean.contents_wide .aseanright {
  padding-top: 25px;
}

.asean.contents_wide .aseanright p {
  padding-bottom: 0;
  margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
  .asean.contents_wide .infogram-embed {
    margin: 10px;
  }
  .asean.contents_wide h3 {
    margin: 20px 10px 0;
  }
}

.asean-growth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .asean-growth {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    padding: 0 10px;
  }
}

.aseanright {
  float: none;
}

/* china_asean_ec */
.asean-wrapper {
  max-width: 1020px;
  padding: 60px 0;
  margin: 0 auto;
}

.asean-wrapper img {
  max-width: 100%;
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  .asean-wrapper {
    padding: calc(60*100vw/750) calc(30*100vw/750);
  }
}

.asean-ttl {
  font-size: 29px;
  font-weight: bold;
  margin: 0 0 32px;
}

.asean-ttl img {
  vertical-align: middle;
}

.asean-mv {
  margin-bottom: 28px;
}

.asean-txt {
  font-size: 16px;
  line-height: 1.6875;
  margin-bottom: 40px;
}

.asean-wrapper .lineup__item {
  list-style-type: none;
}

.asean-wrapper .lineup-ttl {
  color: #333;
}

.contents_wide > .asean-download-list {
  margin-bottom: 84px;
}

@media only screen and (max-width: 767px) {
  .contents_wide > .asean-download-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: calc(60*100vw/750) calc(30*100vw/750);
    margin-bottom: 0;
  }
  .contents_wide > .asean-download-list .siryo_tittle {
    margin: 5px 0 0;
  }
  .contents_wide > .asean-download-list .tagtitle {
    margin-top: 0;
  }
}

.asean.contents_wide p.siryo_tittle {
  padding-bottom: 7px;
}

.check-bg {
  background: url(/wp-content/uploads/2019/11/operation_bg.png);
}

ul.main_list--asean li:hover {
  background: none;
}

.operation-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.operation-list__item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .operation-list__item {
    display: block;
  }
}

.operation-img {
  width: 320px;
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .operation-img {
    width: 100%;
    margin-right: 0;
  }
}

.operation-main {
  width: 670px;
}

@media only screen and (max-width: 767px) {
  .operation-main {
    width: 100%;
    padding: 15px 0 0;
  }
}

.operation-tag {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.operation-ttl {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  padding: 0;
  background: none;
  margin: 0 0 14px;
}

.support-service__box {
  padding-top: 20px;
  border-top: 1px solid #ccc;
  margin-bottom: 43px;
}

.support-service__box:last-of-type {
  margin-bottom: 0;
}

.support-service-ttl {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  background: none;
  margin: 0 0 15px;
}

.support-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.support-service-list__item {
  margin-right: 3%;
  list-style-type: none;
}

.support-service-list__item:last-of-type {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .support-service-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .support-service-list__item {
    width: calc(320*100vw/750);
    margin: 0 calc(30*100vw/750) calc(60*100vw/750) 0;
  }
  .support-service-list__item:nth-of-type(2) {
    margin-right: 0;
  }
  .support-service-list__item:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}

.support-service-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.support-service-menu__item {
  list-style-type: none;
}

@media only screen and (max-width: 767px) {
  .support-service-menu {
    display: block;
    width: calc(640*100vw/750);
    margin: 0 auto;
  }
  .support-service-menu__item {
    margin-bottom: calc(60*100vw/750);
  }
  .support-service-menu__item:last-of-type {
    margin-bottom: 0;
  }
}

.article .infogram-embed iframe {
  max-width: 100%;
}

/* 202010 recruit renewal*/
.recruit-wrapper {
  max-width: 1020px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .recruit-wrapper {
    padding: 0 20px;
  }
}

.recruit-top {
  padding: 50px 0;
  background: #EBF2FA;
}

.recruit-top .recruit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruit-top-left {
  width: 540px;
}

.recruit-top-right {
  width: 480px;
}

.recruit-top-ttl {
  margin: 0 0 18px;
}

.recruit-top-txt {
  font-size: 1.8rem;
  line-height: 1.7222;
}

.recruit-top-txt:first-of-type {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .recruit-top {
    padding: 35px 0;
  }
  .recruit-top .recruit-wrapper {
    display: block;
  }
  .recruit-top-left, .recruit-top-right {
    width: 100%;
  }
  .recruit-top-left {
    margin-bottom: 30px;
  }
  .recruit-top-txt:first-of-type {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .recruit-movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .recruit-movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.recruit-contents {
  padding: 70px 0 90px;
}

@media only screen and (max-width: 767px) {
  .recruit-contents {
    padding: 35px 0;
  }
}

.recruit-interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .recruit-interview {
    margin-bottom: 60px;
  }
}

.recruit-interview__item {
  width: 320px;
  margin: 0 30px 30px 0;
  list-style-type: none;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}

.recruit-interview__item:nth-of-type(3n) {
  margin-right: 0;
}


@media only screen and (max-width: 767px) {
  .recruit-interview__item {
    width: 100%;
    margin-right: 0;
  }
  .recruit-interview__item:last-of-type {
    margin-bottom: 0;
  }
}

.recruit-interview__item a {
  color: #333;
  text-decoration: none;
}

.recruit-interview__item a .interview-img img {
  max-width: 100%;
  vertical-align: middle;
}

.recruit-interview__item a .interview-txt {
  padding: 15px 20px;
}

.recruit-interview__item a .interview-txt .bold {
  display: inline-block;
  font-weight: bold;
}

.recruit-interview__item a .interview-txt .green-logo {
  display: inline-block;
  padding-left: 15px;
}

.recruit-interview__item a:hover .interview-txt {
  text-decoration: underline;
}

.recruit-interview__item a:hover .interview-txt .bold {
  text-decoration: none;
}

.recruit-interview__item a:hover .interview-img {
  opacity: .8;
}

.recruit-list-ttl {
  width: 90px;
  font-size: 2.0rem;
  text-align: center;
  padding: 0 15px 20px;
  border-bottom: 1px solid #707070;
  margin: 0 auto 50px;
}

@media only screen and (max-width: 767px) {
  .recruit-list-ttl {
    padding-bottom: 15px;
    margin-bottom: 50px;
  }
}

.recruit-list-txt {
  color: #FF0000;
  font-size: 2.0rem;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .recruit-list-txt {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
}

.recruit-business-ttl {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .recruit-business-ttl {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}

.recruit-business-list__item {
  line-height: 1.6875;
  background: #F6F6F6;
  list-style-type: none;
  margin-bottom: 20px;
}

.recruit-business-list__item:last-of-type {
  margin-bottom: 0;
}

.recruit-business-list__item a {
  display: block;
  padding: 15px 20px;
  color: #0A59B2;
}

.recruit-business-list__item .bold {
  font-weight: bold;
}

.recruit-business-list__item .green-logo {
  display: inline-block;
  padding-left: 15px;
}
/* 新規プロダクトページ*/
@media only screen and (max-width: 767px) {
	.submit-logo1{
	max-width: 150px;	
	margin: 30px 50px 40px 0px;
	}
	.submit-text1 {
	font-size: 14pt;
	font-weight: bold;
   }
	.submit-text2 {
	font-size: 13pt;
   }
	.submit-img1{
	width: 300px;
}
	.submit-text3 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 50px;
}
	.submit-img1 {
	width: 100px !important;
	}
}
@media only screen and (max-width: 767px) {
  .contents-btn2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 266px;
  color: #333;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 21px 0;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin: 0 auto;
	float: center;
}

.contents-btn2:hover {
  color: #fff;
  background-color: #3F88CB;
  border-color: #3F88CB;
  text-decoration: none;
}

	.contents-btn2 {
    width: 100%;
	}
	  .contents-btn2 {
  width: 220px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  }

	   }

/* 新規アセアンページ*/
@media only screen and (max-width: 767px) {
	.submit-logo2{
	max-width: 150px;	
	margin: 30px 50px 10px 0px;
	}
	.submit-text4 {
	font-size: 15pt;
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 50px;
}
	.submit-text5 {
	font-size: 14pt;
	margin-top: 10pt;
	margin-bottom: 40px;
	font-weight: bold;
	color: #444;
}
		.submit-img2{
	width: 300px;
	margin: 40px 0px 20px 40px;
}
	.submit-img2 {
	width: 100px !important;
	}
}
/*新規トップフッターSNSボタン*/
@media only screen and (max-width: 767px) {
.share_btn{
  margin: 15px 0 0 0;
}
.share_btn2 a{
  display:inline-block;
  line-height:50px;
  height:50px;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:14px;
  font-size:1.4rem;
  width:20%;
  text-indent:-9999px;
}
.share_btn2 a:hover{
  opacity:0.9;
}
.share_facebook,
.share_twitter,
.share_note,
.share_youtube,
  box-sizing:border-box;
  padding:0 0 0 50px;	
}
.share_facebook{
  background-color:#2F4F96;
  background-image:url(img/share_facebook.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_twitter{
  background-color:#00ABEC;
  background-image:url(img/share_twitter.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_youtube{
  background-color:#FF0000;
  background-image:url(img/share_youtube.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_note{
  background-color:#3EC8B3;
  background-image:url(img/share_note.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.top_social_btn2{
  padding:10px 0 10px 0;
  text-align:center;

}
.top_social_btn2 .share_gplus{
  display:block!important;
}
.top_social_btn2 > div{
	}
}
/* china_asean_ec 2022.08.20追加*/
#asean_wrapper .asean-top {
  max-width: 1020px;

}
#asean_wrapper .asean-mv img {
  width: 100%;
}
#asean_wrapper p {
  font-size: 16px;
  line-height: 1.6875;
  margin-bottom: 0;
}
#asean_wrapper h2 {
  text-align: center;
  font-size: 1.8em;
	margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.3;
}
#asean_wrapper h3 {
  text-align: center;
  font-size: 1.6em;
  margin: 0 auto 1.3em auto;
  color: rgb(31, 136, 213);
}
#asean_wrapper h4 {
  font-size: 1.2em;
  margin: 0 auto 0.5em auto;
  padding: 0;
  background: none;
  text-align: center;
}
#asean_wrapper .asean-ttl_h {
  color: #444444;
  font-size: 0.9em;
}
#asean_wrapper .asean-ttl_h::after {
  content: "\A";
  white-space: pre;
}
#asean_wrapper li {
  list-style: none;
}
#asean_wrapper section {
 padding: 3em 20px 5em 20px;
}
#asean_wrapper .asean-mega-tokucho {
  max-width: 100%;
  background-color: #EBF2FA;
}
#asean_wrapper .asean-mega-tokucho p {
  font-size: 15px;
  margin-bottom: 0;
}
#asean_wrapper .asean-mega-tokucho h2 {
  text-align: center;
  margin: 0 auto 1.8em auto;
}
#asean_wrapper .asean-mega-tokucho ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}
#asean_wrapper .asean-mega-tokucho ul img {
  margin-bottom: 1em;
}
#asean_wrapper .asean-mega-tokucho li {
    width: 100%;
    margin-bottom: 10%;
  }
  #asean_wrapper .asean-mega-tokucho li:nth-of-type(3) {
    margin-bottom: 0;
  }
  #asean_wrapper .asean-mega-tokucho img {
    margin: 0 auto;
    display: block;
  }

#asean_wrapper .asean-mega-kinou ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}
#asean_wrapper .asean-mega-kinou li {
  width: 496px;
  margin-bottom: 2.5em;
}
#asean_wrapper .asean-mega-kinou li:nth-child(5) {
margin-bottom: 2.5em;
}
	
	#asean_wrapper .asean-mega-kinou li:nth-child(6) {
 margin-bottom: 0;
}

#asean_wrapper .asean-mega-kinou img {
  margin-bottom: 1.5em;
  width: 100%;
}

#asean_wrapper .asean-mega-osirase dl {
  border-bottom: solid 1px #DDDDDD;
  display: flex;
  margin: 0 0 1.5em 0;
  padding-bottom: 1.5em;
}
#asean_wrapper .asean-mega-osirase dl:nth-of-type(1) {
  border-top: solid 1px #DDDDDD;
  padding-top: 1.5em;
}
#asean_wrapper .asean-mega-osirase dd {
  margin-right: 2em;
}
#asean_wrapper .asean-mega-osirase dt {
  margin-right: 20px;
}
#asean_wrapper .inlist_tags {
  border: solid 1px red;
  background-color: red;
  color: white !important;
  padding: 3px;
  font-size: 12px;
}
#asean_wrapper #asean-mega-otoiawase {
 margin: 0 auto;
}