/*
Theme Name: eAサイトテーマ
*/

@charset "UTF-8";
/*
code by ninjin
designed by Kazuhiko Harada
directed by attrip
*/
*{
  margin:0;
  padding:0;
}
html, body{
  height:100%;
  width:100%;
}
html{
  font-size: 62.5%;
}
body{
  font-size: 16px;
  font-size: 1.6rem;
  font-family:メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック',sans-serif;
  background-color:#FFFFFF;
  letter-spacing:0.07rem;
}

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;
}
.top_seminar2 {
    margin: 40px 0px 0px 0px;
    padding-bottom: 100px;
    margin-bottom: 190px;
}

.kanren_single.top_seminar {
    background-color: white;
    padding: 0px;
    margin-bottom: 190px;
    padding-bottom: 100px;
}


img.attachment-240x126.size-240x126.wp-post-image {
    margin: 0;
    padding: 0;
    width: 240px;
    /* height: auto; */
    height: 134px;
    max-height: 134px;
    border: 1px #F6F6F6 solid;
}
ul.sanretsu {
    width: 760px;
    padding: 0;
    padding: 0px !important;
    margin: 0px !important;
}
li.samnailsan {
    width: 239px;
    display: inline-block;
    vertical-align: top;
    height: 280px;
    padding: 10px 0px 20px 0 !important;
    overflow: hidden;
}
ul.sanretsu a {
    color: #444444;
}
.single img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 240px;
    border: solid 1px #F3F3F3;
    height: auto;
    max-height: 126px;
    overflow: hidden;
    max-width: 240px;
    text-align: center;
    vertical-align: top;
    margin-top: 20px;
}
li.samnailsan img {
       width: 240px;
    overflow: hidden;
    max-height: 126px;
}
ul.sanretsu :nth-child(2) {
    padding: 11px 13px 0 13px !important;
}

ul.sanretsu :nth-child(5) {
    padding: 11px 13px 0 13px !important;
}
img.attachment-big-thumbnail.size-big-thumbnail.wp-post-image {
    margin: 0px auto;
}

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;
  margin:0;
}
.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:45px 0 0 0;
}
hr.border3px{
  border-top:solid 3px #CCCCCC;
}

/* placeholder */

/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #ddd;
}
 
/* Firefox */
::-moz-placeholder{
    color: #ddd;
}
 
/* Firefox 18以前 */
:-moz-placeholder{
    color: #ddd;
}
 
/* IE */
:-ms-input-placeholder{
    color: #ddd;
}
/* 大感謝寒中見舞い */
.daikanshyabox {
    margin: 0px 30px 30px 30px;
    line-height: 33px;
}
img.daikansyaimg {
    float: left;
    padding: 0px 15px 0px 0px !important;
    margin: 19px 0px 0px -7px !important;
}

.daikansyatext {
    margin: -28px 0px 0 0 !important;
    font-size: 14px;
}
.daikanshya {
    box-sizing: border-box;
    padding: 0 30px 15px 30px !important;
    border: solid 1px #DDDDDD;
    margin: 0px 30px 0 30px;
}
.daikansyatext2 {
    text-align: right;
    font-size: 12px;
    line-height: initial;
}
.daikansyatext3 {
    text-align: right;
    font-size: 12px;
    line-height: initial;
    margin-top: 10px;
}
p.daikanshyapaddingleft {
    padding-left: 128px;
    font-size: 12px !important;
}
img.aligncenter.size-full.wp-image-25238 {
    margin: 52px 0 -90px 0px;
}

p.daikansyaservice {
    padding-left: 35px;
}
input.katyumimaibotan.wpcf7-form-control.wpcf7-submit {
    width: 700px;
    background-color: #00af7a;
    border-radius: 9px;
}

/* 資料ダウンロードページ */
.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;
}

/* 全体設定 */
.header,
.pankuzu,
.top_title,
.top_tags,
.top_seminar,
.top_seminar2,
.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;
}

.header > div,
.pankuzu > div,
.top_title > div,
.top_tags > div,
.top_seminar > div,
.top_seminar2 > 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:1080px;
  margin:0 auto 0 auto;
}


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

.header > div > div,
.pankuzu > div > div,
.top_title > div > div,
.top_tags > div > div,
.top_seminar > div > div,
.top_seminar2 > 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{
  margin:0 30px 0 30px;
}

.contents_narrow > div, .related_product > div, .related_post > div {
    width: 760px;
    margin: 0 auto 0 auto;
}

/* ヘッダー */
.header{
  height:70px;
  border-bottom:solid 1px rgba(255,255,255,0.1);
  background-color:#3379B2;
  /* background-image:url(img/background.svg); */
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right top;
  background-size:1920px auto;
	position: fixed;
z-index: 9999;
top: 0;
}
.header > div > div{
  position:relative;
}


.logo{
  display:inline-block;
  height:70px;
}
.logo img{
  width:120px;
  height:auto;
  margin:22px 0 0 0;
}
.header_navi{
  list-style-type:none;
  position:absolute;
  top:0;
  /* right:95px; */
  right:55px;
}
.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(0,0,0,0.1);
}
.header_social{
  list-style-type:none;
  position:absolute;
  top:15px;
  right:0;
  height:40px;
  border-left:solid 2px rgba(255,255,255,0.4);
  /* border-right:solid 2px rgba(255,255,255,0.4); */
  padding:0 5px;
}
.header_social li{
  display:inline-block;
  float:left;
}
.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,
.single-form .pankuzu,
.author .pankuzu{
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right -71px;
  background-size:1920px auto;
}
.archive.tag .pankuzu,
.archive.author .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,
.archive.author .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,
.single-form .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;
}
.archive.author .pankuzu > div > div > ul li{
  background-image:url(img/pankuzu_arrow.png);
}
.archive.author .pankuzu > div > div > ul li:last-child{
  background-image:none;
}
.pankuzu > div > div > ul li a,
.archive.tag .pankuzu > div > div > ul li a,
.archive.author .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;
}
.archive.author .pankuzu > div > div > ul li:first-child a{
  margin:0 5px 0 0;
}
/* テーブルのボーダー */
tr.border {
    border: #5d5d55 solid 1px;
}
td.border {
    border: #5d5d55 solid 1px;
width: 137px;
}
td.border2 {
padding: 7px;
width: 590px;
}

td.border p {
        margin: 0 10px 0 5px;
}
td.border2 p {
        margin: 0 10px 0 5px;
}
.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,
.single-form .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:#3379B2;
  /* background-image:url(img/background.svg); */
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right -70px;
  background-size:1920px auto;
  height:380px;
}
.top_title > div > div{
  position:relative;
}
.top_title img{
  width:90px;
  height:auto;
  position:absolute;
  right:0;
  top:40px;
}
.top_title img.top_copy{
  width:690px;
  height:auto;
  position:relative;
  display:block;
  margin:0 auto 0 auto;
  padding:60px 0 0 0;
}
.error_copy{
  width:350px;
  height:auto;
  position:relative;
  display:block;
  margin:0 auto 0 auto;
  padding:60px 0 0 0;
}
.top_title p{
  text-align:center;
  color:#FFFFFF;
}

.error_title{
  background-color:#3379B2;
  /* background-image:url(img/background.svg); */
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right -70px;
  background-size:1920px auto;
  height:420px;
}
.error_title p{
  text-align:center;
  font-size:24px;
  font-size:2.4rem;
  color:#FFFFFF;
  padding:60px 0 0 0;
}
.error_title a{
  text-align:center;
  font-size:18px;
  font-size:1.8rem;
  color:#FFFFFF;
  display:block;
  margin:45px 0 0 0;
}
.data_driven{
  padding:20px 0 0 0;
  font-size:48px;
  font-size:4.8rem;
}
.data_driven_sub{
  font-size:16px;
  font-size:1.6rem;
}
.top_omotenasi{
  font-size:24px;
  font-size:2.4rem;
  font-weight:bold;
  padding:120px 0 0 0;
}
.top_omotenasi_sub{
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  margin:10px 0 0 0;
}
.product_slide{
  height:180px;
  overflow:hidden;

}

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

.top_tags ul{
  list-style-type:none;
}
.top_tags ul li{
  float:left;
}
.top_tags ul li a{
  font-size:14px;
  font-size:1.4rem;
  display:inline-block;
  line-height:40px;
  padding:0 20px;
  color:#666666;
  border:solid 1px #DDDDDD;
  margin:0 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:60px 0 0 0;
}
.top_seminar p{
  line-height:1;
  font-size:20px;
  font-size:2rem;
  font-weight:bold;
  color:#444444;
text-align: left;
}
.top_seminar ul{
  list-style-type:none;
  margin:10px 0 0 0;
}
.top_seminar ul li{
  display:block;
  margin:20px 0 0 0;
  width:510px;
    height: 110px;
  float:left;
}
.top_seminar ul li:hover{
  opacity:0.9;
}
.top_seminar ul li a{
  display:block;
}
.top_seminar ul li a:hover .list_title_seminar p:first-child{
  text-decoration:underline;
}

.top_seminar2{
  padding:30px 0 30px 0;
  background-color:#EBF2FA;
  margin:60px 0 0 0;
}
.top_seminar2 p{
  line-height:1;
  font-size:20px;
  font-size:2rem;
  font-weight:bold;
  color:#444444;
}
.top_seminar2 ul{
  list-style-type:none;
  margin:10px 0 0 0;
}
.top_seminar2 ul li{
  display:block;
  margin:20px 0 0 0;
  width:510px;
  float:left;
}
.top_seminar2 ul li:hover{
  opacity:0.9;
}
.top_seminar2 ul li a{
  display:block;
}
.top_seminar2 ul li a:hover .list_title_seminar p:first-child{
  text-decoration:underline;
}
.list_thumbnail_seminar{
  width:160px;
  height:90px;
  overflow:hidden;
  float:left;
  margin:0 -180px 0 0;
  background-image:url(img/thumbnail_noimage.png);
  background-size:160px 90px;
  background-repeat:no-repeat;
}
.list_title_seminar{
  float:right;
  width:100%;

}
.list_title_seminar > div{
  padding:0 0 0 180px;
}
.list_title_seminar > div > p{
  color:#444444;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.4;
  font-weight:bold;
  padding:0 20px 0 0;
  text-align:left;
}
.list_title_seminar > div > p.sminar_date{
  font-size:14px;
  font-size:1.4rem;
  font-weight:normal;
  margin:10px 0 0 0;
  color:#666666;
}
.list_title_seminar > div > p.sminar_address{
  font-size:14px;
  font-size:1.4rem;
  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:160px;
  height:auto;
}


.top_information{
  padding:50px 0 50px 0;
}
.top_information p{
  text-align:center;
  color:#444444;
  font-size:20px;
  font-size:2rem;
  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:14px;
  font-size:1.4rem;
  color:#444444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
.top_information ul li a span{
  width:160px;
  display:inline-block;
  box-sizing:border-box;
}
.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;
}
a.uderlineno {
    text-decoration: blink;
}

/* コンテンツ 760px */
h1.post_title{
  color:#333333;
  font-size:30px;
  font-size:3rem;
  line-height:1.4;
  margin:60px 0 0 0;
}
.single-services h1.post_title{
  text-align:center;
}
h2{
  font-size:24px;
  font-size:2.4rem;
  color:#444444;
  line-height:1.6;
  margin:45px 0 0 0;
}
.matome_box h2{
  text-align:center;
  font-size:18px;
  font-size:1.8rem;
  margin:0 0 0 0;
  line-height:1.8;
  color:#444444;
}
h3{
  font-size:20px;
  font-size:2rem;
  color:#444444;
  line-height:1.6;
  margin:45px 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/03/h4.gif) no-repeat left center;
    background-position: 1px 1px;
}

.date_author{
  color:#666666;
  font-size:14px;
  font-size:1.4rem;
  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;
}
p.tag {
    height: 20px;
    overflow: hidden;
}
p.margin-10 {
    margin: -10px !important;
}

.article{
  margin:0 0 0 0;
}
.company .article{
  padding:0 0 0 0;
}
.article,
.article p{
  font-size:16px;
  font-size:1.6rem;
  color:#666666;
  line-height:1.8;
}
.article p,
.article img + p,
.article a img + p{
  margin:45px 0 0 0;
}
.article p img,
.article p a img{
    padding: 0px 0 25px 0;
    max-width: 720px;
    height: auto;
    display: block;
}
.article h2 + p,
.article h3 + p,
.matome_box h2 + p{
  margin:13px 0 0 0;
}
.article p + p,
.article ul + p,
.article ol + p{
  margin:20px 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,
.article h2 + dl,
.article h3 + dl{
  margin:13px 0 0 0;
}
.article a{
  color:#0059B2;
  font-weight:normal;
}
.single .article img,
.single .article a img{
  max-width:760px;
  height:auto;
  display:block;
  margin:34px auto 0 auto;
}
.article img.logo_img{
  margin:45px 0 0 0;
}
.article iframe{
    /* width: 760px; */
    max-width: 760px;
    /* height: 320px; */
    border: none;
}
.article p.wp-caption-text{
  width:640px;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.6;
  color:#666666;
  margin:20px auto 0 auto;
}
.article ul{
  list-style-type:disc;
  padding:0 0 0 22px;
  margin:20px 0 0 0;
}
.article ol{
  list-style-type:circled-decimal;
  padding:0 0 0 28px;
  margin:20px 0 0 0;
}
.article ul li, .article ol li {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    font-weight: bold;
    padding: 4px 0;
    font-weight: normal
 line-height:1.9;
}
blockquote{
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  line-height:1.6;
  background-image:url(img/quote.png);
  background-repeat:no-repeat;
  background-size:32px 25px;
  background-position:45px top;
  padding:15px 0 0 85px;
  margin:45px 0 0 0;
}
blockquote p{
  margin:0!important;
}
#toc_container{
  border:solid 5px #99BDE6;
  background-color:#EBF2FA;
  padding:25px 30px 25px 30px;
  margin:45px 0 0 0;
  width:100%;
  box-sizing:border-box;
  font-size:14px;
  font-size:1.4rem;
}
.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:14px;
  font-size:1.4rem;
  line-height:2;
}

.matome_box{
  background-color:#EBF2FA;
  border:dashed 1px #99BDE6;
  box-sizing:border-box;
  padding:30px 30px 25px 30px;
  color:#666666;
  position:relative;
  font-size:16px;
  font-size:1.6rem;
  margin:45px 0 0 0;
}

dl.interview dt{
  float:left;
  clear:both!important;
  width:80px;
  font-weight:bold;
  font-size:18px;
  font-size:1.8rem;
  color:#444444;
  margin:45px 0 0 0;
}
dl.interview dd{
  float:left;
  width:680px;
  margin:45px 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:110px;
  height:110px;
  overflow:hidden;
  float:left;
  margin:0 -130px 0 0;
}
.list_thumbnail_another img{
  margin:0!important;
}
.list_title_another{
  float:right;
  width:100%;

}
.list_title_another > div{
  padding:0 0 0 130px;
}
.list_title_another > div > p{
  color:#666666;
  font-size:14px;
  font-size:1.4rem;
  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:18px;
  font-size:1.8rem;
  font-weight:bold;
  color:#444444;
}
p.wantedly_title{
  color:#444444;
  font-size:20px;
  font-size:2rem;
  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:5px 8px;
  background-size:45px 45px;
  display:block;
  color:#FFFFFF;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  width:240px;
  margin:20px auto 0 auto!important;
  padding:0 0 0 60px;

}
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:290px;
  margin:30px auto 0 auto!important;
  text-align:center;

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

#seminar .article dl dt{
  clear:both;
  float:left;
  width:220px;
  font-weight:bold;
  font-size:14px!important;
  font-size:1.4rem!important;
  color:#666666;
  line-height:1.8;
  padding:20px 0 20px 0;
  border-top:solid 1px #DDDDDD;

}

#seminar .article dl dd{
  float:none;
  width:540px;
  margin-left:220px;
  padding:20px 0 20px 0;
  border-top:0;
  font-size:14px!important;
  font-size:1.4rem!important;
  color:#666666;
  border-top:solid 1px #DDDDDD;
}
#seminar .article dl dd ul li,
#seminar .article dl dd p{
  font-size:14px!important;
  font-size:1.4rem!important;

}

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

}
#seminar .article dl dd p.seminar_contentes_subtitle{
  font-size:18px!important;
  font-size:1.8rem!important;
}
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;
}
#publishing dl{
  position: relative;
  border-top:solid 2px #CCCCCC;
  border-bottom:solid 1px #DDDDDD;
  margin:20px 0 0 0;
}

#publishing dl dt{
  clear:both;
  float:left;
  width:130px;
  font-weight:bold;
  font-size:16px;
  font-size:1.6rem;
  color:#666666;
  line-height:1.8;
  padding:25px 0 25px 0;
  border-top:solid 1px #DDDDDD;

}

#publishing dl dd{
  float:left;
  width:630px;
  padding:25px 0 25px 0;
  border-top:solid 1px #DDDDDD;
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
}
#publishing .article dl dd p{
  font-size:14px!important;
  font-size:1.4rem!important;

}

#publishing .article dl dd p b{
  margin:20px 0 0 0!important;
  display:block;
}
#publishing .article dl dd p.seminar_contentes_subtitle{
  margin:0;
  color:#444444;
  font-size:18px!important;
  font-size:1.8rem!important;
  line-height:1.6;
  font-weight:bold;

}
p.book_contents_subtitle{
  font-size:14px;
  font-size:1.4rem;
  line-height:1.7;
  color:#444444;
  margin:20px 0 0 0;
}
#publishing .article hr{
  margin:0;
}

.share_btn{
    margin: 40px 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;
}
.share_btn a:hover{
  opacity:0.9;
}
.share_facebook,
.share_twitter,
.share_gplus{
  width:182px;
  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:14px center;
}
.share_twitter{
  background-color:#00ABEC;
  background-image:url(img/share_twitter.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:14px center;
}
.share_youtube{
  background-color:#FF0000;
  background-image:url(img/share_youtube.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:14px center;
}
.share_note{
  background-color:#3EC8B3;
  background-image:url(img/share_note.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:14px center;
}
.share_gplus{
  background-color:#DA4938;
  background-image:url(img/share_gplus.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:14px center;
}
.share_hatena{
  width:72px;
  background-color:#008EDD;
  background-image:url(img/share_hatena.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_pocket{
  width:71px;
  background-color:#D24F59;
  background-image:url(img/share_pocket.png);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:center center;
}
.share_feedly{
  width:71px;
  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 > div{
  width:100%;
  /* margin:0 auto; */
}

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

.like_please{
  background-color:#EBF2FA;
  padding:30px 0 30px 0;
}
.like_please p{
  text-align:center;
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  color:#444444;
  line-height:1;
}
.writer_bottom{
  margin:30px 0 0 0;
  border:solid 1px #DDDDDD;
  padding:30px 30px 20px 30px;
}
.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:18px;
  font-size:1.8rem;
  display:block;
  padding:8px 0 5px 0;
}
.list_title_writer > div{
  padding:0 0 0 140px;
}
.list_title_writer > div > p{
  color:#666666;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.8;
  font-weight:normal;
}
.list_title_writer > div > p:first-child{
  color:#444444;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.4;
  font-weight:bold;
}
.list_title_writer .writer_description a{
  font-size:14px!important;
  font-size:1.4rem!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:110px;
  height:auto;
}

.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:110px;
  overflow:hidden;
  float:left;
  margin:0 -140px 0 0;
}
.list_title_writer_book{
  float:right;
  width:100%;

}
.list_title_writer_book a{
  color:#444444;
  font-weight:bold;
  font-size:18px;
  font-size:1.8rem;
  display:block;
  padding:8px 0 5px 0;
}
.list_title_writer_book > div{
  padding:0 0 0 140px;
}
.list_title_writer_book > div > p{
  color:#666666;
  font-size:14px;
  font-size:1.4rem;
  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:110px;
  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:50px 0 0 0;
  padding:15px;
}
.to_list_box a{
  display:inline-block;
  color:#333333;
  line-height:33px;
  padding:0 13px;
  font-size:14px;
  font-size:1.4rem;
}

/* サービス */
p.paddingbottom50 {
    padding-bottom: 50px;
}
p.paddingbottom30 {
    padding-bottom: 30px;
}
p.marginbottom-15 {
    margin-bottom: -15px !important;
    font-size: 17px !important;
}
.service_top_list1 p {
    margin: 0 0 10px 0px;
    color: #333333;
    font-size: 14px;
font-weight: normal;
}
.service_top_list2 p {
    margin: 0 0 10px 0px;
    color: #333333;
    font-size: 14px;
}
.service_top_list3 p {
    margin: 0 0 10px 0px;
    color: #333333;
    font-size: 14px;
}
p.service_setumei {
    margin: 25px 0 -25px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}
h2.service_website {
    padding: 40px 0 32px 0px !important;
}
.service_top_list1 a{
  display:block;
  width: 290px;
  float:left;
  box-sizing:border-box;
}
p.servicenarabi2banme {
}
p.servicenarabi3banme {
}
span.3retsuservice {
    border: solid 1px;
}
span.3retunone {
    border: solid 0px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.service_top_list1 span {
    display: block;
    width: 330px;
    margin: 0 5px 0 5px;
    float: left;
    box-sizing: border-box;
    height: 614px;
    border: solid 1px
}

.service_top_list1 {
  margin:45px 0 0 0;
}
service_top_list1 {
    display: block;
    width: 339px;
    margin: 0 1px 0 0;
    float: left;
    box-sizing: border-box;
}
.service_top_list1 a:hover{
  text-decoration:none!important;
}
.service_top_list1 a:hover{
  opacity:0.9;
}
p.servicee_setsumei2 {
    margin: 25px 0 -25px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}

.service_top_list1 h2{
  background-color:#3F88CB!important;
  color:#FFFFFF;
  text-align:center;
  font-size:20px;
  font-size:2rem;
  margin:0;
  padding:20px 0 20px 0;
  background-repeat:no-repeat;
  background-size:100px auto;
  background-position:center 25px;
}

.service_top_list1 div{
  color:#444444;
  line-height:1.8;
  padding:25px 19px;
  font-size:14px;
  height:400px;
}
hr.servicehr {
    margin-top: 20px;
}
li.servicechinalist {
    display: inline-block;
    font-size: 14px !important;
    width: 50%;
font-weight: unset !important;
    color: #333333 !important;
}
li.servicechinalist2 {
display: inline-block;
font-size: 14px !important;
width: 48%;
font-weight: unset !important;
vertical-align: top;
    color: #333333 !important;
}
ul.servicechaina {
    list-style-type: none;
    padding: initial;
}
p.service_setumei2 {
    margin: 40px 0 -30px 0px !important;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}

.service_top_list2 span {
    display: block;
    width: 500px;
    margin: 0 5px 0 5px;
    float: left;
    box-sizing: border-box;
    border: solid 1px;
    height: 350px;
}

.service_top_list2{
  margin:45px 0 0 0;
}
service_top_list2 {
    display: block;
    width: 339px;
    margin: 0 1px 0 0;
    float: left;
    box-sizing: border-box;
}
.service_top_list2 a:hover{
  text-decoration:none!important;
}
.service_top_list2 a:hover{
  opacity:0.9;
}
.service_top_list2 a:last-child{
  margin:0 0 0 0;
}

.service_top_list2 h2{
  background-color:#3F88CB!important;
  color:#FFFFFF;
  text-align:center;
  font-size:20px;
  font-size:2rem;
  margin:0;
  padding:20px 0 20px 0;
  background-repeat:no-repeat;
  background-size:100px auto;
  background-position:center 25px;
}

.service_top_list2 div{
  color:#444444;
  line-height:1.8;
  padding:25px 20px;
  font-size:14px;
}
.service_top_list3{
  margin:45px 0 0 0;
border: solid 1px;
}
service_top_list3 {
    display: block;
    width: 339px;
    margin: 0 1px 0 0;
    float: left;
    box-sizing: border-box;
}
.service_top_list3 a:hover{
  text-decoration:none!important;
}
.service_top_list3 a:hover{
  opacity:0.9;
}
.service_top_list3 a:last-child{
  margin:0 0 0 0;
}

.service_top_list3 h2{
  background-color:#3F88CB!important;
  color:#FFFFFF;
  text-align:center;
  font-size:20px;
  font-size:2rem;
  margin:0;
  padding:20px 0 20px 0;
  background-repeat:no-repeat;
  background-size:100px auto;
  background-position:center 25px;
}
ul.margin0 {
    margin: 0;
}
.service_top_list3 div{
  color:#444444;
  line-height:1.8;
  padding:25px 20px;
  font-size:14px;
}



/* 会社情報 */
.company_link_img{
  margin:45px 0 0 0;
}
.company_link_img a img{
  width:370px;
  height:180px;
  margin:0 0 0 20px;
}
.company_link_img a:hover {
  opacity: .8;
}
.company_link_img a:first-child img{
  margin:0;
}
/* 会社情報 test*/
.company_link_img1{
  margin:45px 0 0 0;
}
.company_link_img1 a img{
  width:370px;
  height:180px;
  float:left;
}
.company_link_img1 a:hover {
  opacity: .8;
}
.company_link_img1 a:first-child img{
  margin-right:20px;
}
.company_link{
  margin:40px 0 0 0;
}
.company_link a{
  display:inline-block;
  line-height:60px;
  text-align:center;
  border:solid 1px #DDDDDD;
  box-sizing:border-box;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  color:#444444;
  width:240px;
  float:left;
  margin:0 0 0 20px;
}
.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:170px;
  font-weight:bold;
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  line-height:1.8;
  padding:20px 0 20px 0;
  border-top:solid 1px #DDDDDD;

}

.post-type-archive-company .article dl dd{
  float:none;
  width:590px;
  margin-left:170px;
  padding:20px 0 20px 0;
  border-top:solid 1px #DDDDDD;
  font-size:14px;
  font-size:1.4rem;
  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:36px;
  font-size:3.6rem;
  border-top:none;
  line-height:1;
  padding:60px 0 40px 0;
  margin:0;
}
.single-company .article h2.ceomessage_h2{
  text-align:left;
  font-size:20px!important;
  font-size:2rem!important;
  border-top:none;
  line-height:1.7;
  margin:60px 0 0 0;
  padding:0;
}
.single-company .article h2.business_h2{
  text-align:left;
  font-size:30px;
  font-size:3rem;
  border-top:none;
  border-bottom:solid 1px #DDDDDD;
  line-height:1.7;
  margin:60px -130px 0 -130px;
  padding:0 0 50px 0;
  text-align:center;

}
.single-company .article h2.field_h2{
  text-align:left;
  font-size:24px;
  font-size:2.4rem;
  border-top:none;
  border-bottom:0;
  line-height:1.6;
  margin:60px -130px 0 -130px;
  padding:0 0 0 0;
  text-align:center;

}
.field_top_image{
  display:block!important;
  margin:0 -130px 0 -130px!important;
  border-bottom:solid 3px #CCCCCC;
  padding:0 0 5px 0;
}

h3.kyoten_h3{
  font-size:20px;
  font-size:2rem;
  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 130px 30px 130px;
  margin:30px -130px 0 -130px;
}
.kyoten_kokunai > div{
  box-sizing:border-box;

}
.kyoten_kokunai > div:first-child{
  border-right:solid 1px #DDDDDD;
  padding:10px 40px 10px 0;
  width:380px;
  float:left;
}
.kyoten_kokunai > div:nth-child(2){
  padding:10px 0 10px 30px;
  width:380px;
  float:left;
}
p.kyoten_place{
  font-size:32px;
  font-size:3.2rem;
  text-align:center;
  color:#333333;
  font-weight:bold;
  position:relative;
  margin:0!important;
}
p.kyoten_place span{
  font-size:13px;
  font-size:1.3rem;
  color:#555555;
  padding:0 0 0 10px;
  position:relative;
  top:-7px;
}
p.kyoten_explain{
  font-size:14px;
  font-size:1.4rem;
  color:#666666;
  margin:30px 0 0 0;
}

.kyoten_kaigai{
  border-bottom:solid 3px #CCCCCC;
  height:auto;
  padding:0 130px 30px 130px;
  margin:30px -130px 0 -130px;
}
div.kyoten_place_kaigai{
  text-align:center;
  margin:0 auto;
  width:100%;
  overflow:hidden;
  padding:0 0 0 0;
}
div.kyoten_place_kaigai > div{
  float:left;
  font-size:28px;
  font-size:2.8rem;
  font-weight:bold;
  color:#333333;
  width:380px;
  box-sizing:border-box;
}
div.kyoten_place_kaigai > div:nth-child(1){
  padding:0 0 0 0;
  border-right:solid 1px #DDDDDD;
}
div.kyoten_place_kaigai > div:nth-child(2){
  background-image:none!important;
  padding:0 0 0 0;
}
div.kyoten_place_kaigai > div span{
  font-size:13px;
  font-size:1.3rem;
  display:block;
}
.article .field_top_image img{
  width:1020px!important;
  height:auto!important;
  max-width: 1020px;
}
.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:320px;
  float:left;
}
.kyoten_shosai > div:nth-child(2){
  padding:10px 0 0 20px;
  width:440px;
  float:left;
}
.kyoten_shosai > div:first-child img{
  width:320px;
  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:14px;
  font-size:1.4rem;
  color:#666666;
}
.history_table{
  margin:60px 0 0 0;
}
.history_table tr{

}
.history_table td{
  padding:20px 0 20px 0;
  line-height:2.1;
  font-size:14px;
  font-size:1.4rem;
  border-top:solid 1px #DDDDDD!important;
}
.history_table tr td:nth-child(1){
  text-align:center;
  width:100px;
  font-weight:bold;
}
.history_table tr td:nth-child(2){
  background-color:#F3F3F3;
  width:60px;
  text-align:center;
  font-weight:normal;
  vertical-align:top;
}
.history_table tr td:nth-child(3){
  width:600px;
  text-align:left;
  padding-left:25px;
}
.history_table tr:last-child td{
  border-bottom:solid 1px #DDDDDD!important;

}

/* 沿革dl */
.c_sub01{
  padding: 45px 10px;
  margin-top:0;
  border-top:solid 1px #DDDDDD!important;
}
.year{
  width: 70px;
  float:left;
  font-weight:bold;
}
.month{
  float: right;
}
.month dl dt{
  width: 70px!important;
  float:left;
  /* background-color:#F3F3F3; */
  height:100%;
  font-weight:bold;
  text-align:right;
}
.month dl dd {
  width: 600px!important;
  float:left;
  padding:0 0 0 20px;
  box-sizing:border-box;
}


/* 採用トップ */

/* 採用トップここまで */

/* 採用情報 */

/* 採用情報 */
.recruit_select{
  background-color:#EBF2FA;
  padding:30px 0;
  text-align:center;
}
.recruit_select h2{
  font-size:20px;
  font-size:2rem;
  margin:0;
  color:#444444;  	
}
.recuit_select_inner{
  float:left;
  width:380px;
  box-sizing:border-box;
  border-right:solid 1px #A6C8E7;
  padding:10px 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(https://www.e-agency.co.jp/wp-content/themes/eamodify_merged/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:220px; 
  margin:15px auto 0 auto!important;
  padding:0 0 0 40px;	
}
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:40px 0 50px 0;
/*  margin:30px 0 0 0;*/
}
.recruit_wantedly h2{
  font-size:20px;
  font-size:2rem;
  font-weight:bold;
  text-align:center;
  margin:0;  	
}
.recruit_wantedly ul{
  list-style-type:none;	
}
.recruit_wantedly ul li{
  width:320px;
  height:300px;
  float:left;
  margin:20px 30px 0 0;
}
.recruit_wantedly ul li:nth-child(3n){
  margin:20px 0 0 0;
}
/* 関連記事 */
.related_post{
  padding:50px 0 70px 0;
}
.related_post p{
  line-height:1;
  font-size:20px;
  font-size:2rem;
  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;
  height:90px;
}
.list_thumbnail_related{
  width:160px;
  height:90px;
  overflow:hidden;
  float:left;
  margin:0 -180px 0 0;
  background-image:url(img/thumbnail_noimage.png);
  background-size:160px 90px;
  background-repeat:no-repeat;
  border:solid 1px #f3f3f3;
}
.list_title_related{
  float:right;
  width:100%;

}
.list_title_related > div{
  padding:0 0 0 180px;
}
.list_title_related > div > p{
  color:#444444;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.4;
  font-weight:normal;
    text-align: left;
padding-right: 10px;
}
.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:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.related_post ul li a div img{
  width:160px;
  height:auto;
  min-height:90px;
  display:block;
  margin:0 auto;
}


/* 関連商品 */
.related_product{
  background-color:#EBF2FA;
  margin:50px 0 0 0;
  padding:35px 0 30px 0;
}
.related_product p{
  line-height:1;
  font-size:20px;
  font-size:2rem;
  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:16px;
  font-size:1.6rem;
  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;
}
/* 記事内画像回り込み */
img.floatleft {
    float: left;
    padding: 0px 40px 40px 0 !important;
}

img.floatright {
    float: right;
    padding: 0px 0px 40px 40px !important;
}

/* コンテンツ 1020px */
.list_title{
  background-color:#3379B2;
  height:190px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  text-align:center;
  /* background-image:url(img/background.svg); */
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  background-position:right -130px;
  background-size:1920px auto;
}

.list_title h1{
  text-align:center;
  font-size:36px;
  font-size:3.6rem;
  line-height:1;
  color:#FFFFFF;
  padding:30px 5px 12px 5px;
  border-bottom:solid 1px #FFFFFF;
  display:inline-block;
}
.list_title p{
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  margin:15px 0 0 0;
  line-height:1;
  color:#FFFFFF;
}
.list_title a{
  color:#FFFFFF;
  text-decoration:underline;
}
.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;
  margin:40px 0 0 0;
}
.category-showcase ul.main_list{
  list-style-type:none;
  margin:40px 0 0 0;
}
ul.main_list li{
  display:block;
  margin:20px 0 0 0;
  height:180px!important;
}
ul.main_list li:hover{
  background-color:#EBF2FA;
}
ul.main_list li a{
  width:100%!important;
  height:180px!important;
}
ul.main_list li a:hover{
  text-decoration:none;
}
.list_thumbnail_main {
    /* width: 320px;*/
    /* height: 180px;*/
    width: 250px;
    height: 130px;
	 overflow: hidden;
    float: left;
    margin: 0 -350px 0 40px;
    position: relative;
    border: solid 1px #f3f3f3;
    box-sizing: border-box;
    /* background-image: url(img/thumbnail_noimage.png); */
    background-size: 320px 180px;
    background-repeat: no-repeat;
}

.list_thumbnail_main img{
  border:none;
}
.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 30px 0 350px;
  height:100%;
}
.list_title_main > div > p{
  color:#444444;
  font-size:20px;
  font-size:2rem;
  line-height:1.4;
  font-weight:normal;
  height:auto;
}
ul.main_list li a:hover .list_title_main > div > p{
  text-decoration:underline;
}
.list_title_main > div > p.seminar_date{
  display:block;
  margin:10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  color:#666666!important;
}


.list_title_main > div > p.seminar_date_event{
  display:block;
  font-size: 1.4rem;
  color:#666666!important;
font-size: 13px;
        text-decoration: none;
}

.list_title_main > div > div.date_tags{
  line-height:1.8!important;
  padding:0 0 10px 0;
}

.list_title_main > div > div.date_tags span{
  color:#D80000;
  font-size:12px;
  font-size:1.2rem;
  display:inline;
  margin:0 0 0 10px;
}
.list_title_main > div > div.date_tags span:nth-child(1){
  color:#666666!important;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 0!important;
}
.list_title_main > div > div.date_tags span.inlist_tags{
  color:#D80000!important;
}
ul.main_list li a div img {
  height:auto;
  max-width: 250px;
  min-width: 130px;
  min-height: 126px;
  box-sizing:border-box;
/*   margin: -23px auto;*/
  margin: 0px auto;
  display:block;
}

.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{
  margin: 30px 15px 0 0;
  width: 240px;
  height: 235px!important;
  float:left;
  padding:0 0 10px 0;
  display:inline-block;
  vertical-align:top;
}
.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: 240px;
  height: 126px;
  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: 16px;
  /* font-size: 1rem; */
  line-height:1.4;
  font-weight:normal;
  height:100%;
  overflow: hidden; /*文字数を3行で丸める処理が*/
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;/*ここまでだよ*/
}
.home .list_title_main > div > div.date_tags,
.post-type-archive-recruit .list_title_main > div > div.date_tags{
  line-height:1.8!important;
  padding:12px 0 10px 0;
}

.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;
  border:solid 1px #F3F3F3;

  width:320px;
  height:auto;

  min-width:320px;
  min-height:180px;
  box-sizing:border-box;
  /* border:solid 1px #F3F3F3; */
}

.home ul.main_list li a div img, .post-type-archive-recruit ul.main_list li a div img {
    width: 240px;
    margin: 0 auto;
}

/* データチム */

.data_analytics_list > div{
  width:100%;
  height:100px;
  margin:0 0 0 0;
  padding:0 0 20px 0;
}
.data_analytics_list > div h2{
  font-size:20px;
  font-size:2rem;
  line-height:1.4;
  text-align:center;
  height:30px;
  margin:30px 0 0 0;
}
.data_analytics_list > div p{
  font-size:14px;
  font-size:1.4rem;
  height:auto;
}

.partner{
  box-sizing:border-box;
  padding:0 30px 0 30px;
  border:solid 3px #DDDDDD;
  margin:50px 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{
  position:absolute;
  width:100px;
  height:auto;
  right:0;
  top:15%;
}
.partner > div:nth-child(3) img{
  top:5%;
}
.partner > div > div{
  padding:0 130px 0 0;
}
.partner > div:nth-child(4) > div{
  padding:0 0 0 0;
}
.article .partner > div > div.partner_title{
  font-size:20px!important;
  font-size:2rem!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:16px!important;
  font-size:1.6rem!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:50px 0;
}
.category .toiawase{
  margin:80px 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:70px 0 0 0;
}
span.wpcf7-list-item-label {
    /* text-decoration: underline; */
    font-weight: normal;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
    display: block!important;
}
/*
.post-type-archive .toiawase{
  margin:0;
}
*/
.toiawase a{
  display:block;
  border:solid 3px #FFFFFF;
  line-height:60px;
  text-align:center;
  width:400px;
  margin:0 auto 0 auto;
  color:#FFFFFF;
  text-decoration:none;
  font-size:22px;
  font-size:2.2rem;
  font-weight:bold;
}
.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:14px;
  font-size:1.4rem;
  font-weight:normal;
  margin:17px 0 0 0;
}

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

}

p.kojindouibox {
    background-color: #FFFACD;
    width: 60%;
    height: 43px;
    text-align: center;
    margin: 0 auto !important;
    border: solid 1px #E8B335;
}
.toiawase_table td{
  padding:20px 0 20px 0;
  line-height:2.1;
  font-size:14px;
  font-size:1.4rem;
  border-top:0!important;
  vertical-align:top;
}
.toiawase_table tr td:nth-child(1){
  text-align:left;
  width:1100px;
  font-weight:bold;
  line-height: 2.1;
  padding:31px 0 0 0;
}
.toiawase_table tr td:nth-child(2){
  width:43px;
  text-align:center;
  font-weight:normal;
}
.toiawase_table tr td:nth-child(3){
  width:600px;
  text-align:left;
  padding-left:25px;
}

.toiawase_table tr td:nth-child(2) p,
p.hissu,
span.hissu{
  background-color:#D33F2A;
  font-weight:bold;
  font-size:12px;
  font-size:1.2rem;
  border-radius:3px;
  color:#FFFFFF;
  margin:10px 0 0 0;
  line-height:22px;
  width:43px;
  text-align:center;
  display:inline-block;
}
span.hissu{
  margin:0 0 0 10px;
}
.toiawaseform .article p.toiawaseform_title{
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  display:inline-block;
  margin:45px 15px 0 0;
}

.toiawaseform h3{
  margin:20px 0 0 0;
}

.toiawaseform .enq{
    height: 100px;
    width: 741px;
}

select.wpcf7-form-control.wpcf7-select {
    /* padding-top: 25px; */
    margin-top: 6px;
    height: 43px;
}

span.wpcf7-form-control-wrap.Sex select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 70px;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
textarea{
  line-height:45px;
  height:45px;
  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:470px;
}
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:290px;
	line-height:55px;
        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;
}
input[type="checkbox"]{
  display:inline-block;
  width:20px;
  height:auto;
}

/* CF7 4.8で反映されないのでコメントアウト
input[disabled="disabled"]{
  background-color:#CCCCCC;
}
*/

input[disabled=""] {
    background-color: #CCCCCC !important;
}

input[disabled="disabled"]:hover{
	opacity:1;
}
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;
}
.privacy_attention ul{
  margin: 0px 0px 0px 0px;
}
.privacy_attention ul li{
  list-style: none;
  font-size: 12px;
}
.submit_btn_area{
  text-align:center;
  padding:0 0 0 0;
}
.article p.toiawaseform_title{
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
}
label{
  display:block;
  cursor:pointer;
}
.doui label{
  display:inline;
}
/* フッター1 */
.footer1{
  border-top:solid 1px #DDDDDD;
  padding:35px 0 15px 0;
}
.toiawaseform .footer1{
  margin:70px 0 0 0;
}
.logo_sub{
  color:#444444;
  font-size:20px;
  font-size:2rem;
  text-align:center;
}
.logo_sub img{
  display:block;
  width:180px!important;
  height:auto;
}
.footer1 img{
  display:block;
  margin:15px auto 0 auto;
  width:120px;
  height:auto;
}
.footer1 ul{
  list-style-type:none;
  margin:40px auto 0 auto;
  display:block;
  text-align:center;
  height:13px;
  width:710px;
}
.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:12px;
  font-size:1.2rem;
  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:14px;
  font-size:1.4rem;
  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: 70px;
	right: 45px;
}
.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;}
.single_likebox{
  width:109px;
  margin:20px 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;
}


/* ページャー */
.pager_num{
  text-align:center;
  margin:50px 0 0 0;
  opacity:0.8;
}
.page-numbers{
  border-radius:0;
  background:#FFFFFF;
  margin:0 5px 0 0;

  color:#666666;
  text-align:center;
  font-size:13px;
  font-size:1.3rem;
  line-height:40px;
  font-weight:bold;
  display:inline-block;
  text-decoration:none;
  width:40px;
  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:30px;
  font-size:3rem;
  margin:60px 0 0 0;
  line-height:1.4;
}
h2.tagtitle{
  color:#666666;
  font-size:14px;
  font-size:1.4rem;
  font-weight:normal;
  margin:20px 0 0 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;
}
input.wpcf7-acceptance{
  width:15px!important;
  height:15px;
}
.doui{

}
.article a.hover_opacity:hover{
  text-decoration:none;
  opacity:0.7!important;
  display:block;
}

a.foot_logo:hover{
  text-decoration:none;
}

/* ABテストインハウス化支援用特別CSS */
.postid-15215 .list_title{
  background-image:none;
  background-color:#FFFFFF;
  height:auto;
  text-align:left;
}
.postid-15215 .list_title > div{
  width:800px;
}
.postid-15215 .list_title h1{
  color:#333333;
  margin:60px 0 0 0;
  text-align:left;
  font-size:30px;
  font-size:3rem;
  padding:0;
}
.postid-15215 .pankuzu{
  background-image:none;
}
.postid-15215 .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;
}
.postid-15215 .pankuzu > div > div > ul li:last-child{
  background-image:none;
}
.postid-15215 .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;
}
.page-id-8707 h1.post_title,
.page-id-21621 h1.post_title,
.page-id-16281 h1.post_title,
.page-id-16279 h1.post_title,
.page-id-21261 h1.post_title,
.page-id-21762 h1.post_title,
.page-id-21761 h1.post_title,
.page-id-4937 h1.post_title{
  text-align:center;
}

/* サイトマップ */
.page-id-517 hr{
  margin:20px 0 0 0;
}
.page-id-517 h2{
  margin:20px 0 0 0;
}

strong a{
  font-weight:bold!important;
}


.kojinjyouhou{
margin:30px 0 0 0;width:100%;height:120px;overflow:auto;scroll-x:none;font-size:12px;font-size:1.2rem;border:solid 1px #dddddd;box-sizing:border-box;padding:20px;background-color:#f3f3f3;
}

img.kao {
    width: 110px;
    height: 110px;
}
/* 中国・ASEAN トップ */
.textright_asean {
    height: 622px;
    width: 540px;
    float: right;
    margin: 0 !important;
}
.asean_select_inner {
    float: left;
    width: 385px;
    box-sizing: border-box;
    padding: 0px 0px 34px 0px;
    text-align: center;
    margin: 30px 0px 0px 90px;
    border: solid 1px #DDDDDD;
}
ul.logo_narabi {
    display: block;
    text-align: center;
}
ul.logo_narabi li {
    list-style: none;
    display: inline-block;
    padding: 0px 20px;
}
img.floatleft.aligncenter.wp-image-22423 {
    margin: 31px 0 -11px 147px;
    width: 306px;
}
img.floatright.aligncenter.wp-image-22423 {
    margin: 50px -35px;
}

.asean.contents_wide p {
    padding-bottom: 15px;
}
.aseanright {
    width: 567px;
    float: right;
    margin: 0 0 40px 0 !important;
}
p.fontbig {
    font-size: 18px !important;
    line-height: 21px;
}
li.yonasean {
    height: auto;
    display: inline-block;
    border: solid 1px #DDDDDD;
    margin: 0 6px;
    text-align: justify;
    padding: 0 6px !important;
    width: 233px;
    vertical-align: top;
}
p.aseantext {
    padding-bottom: 15px !important;
    font-weight: normal;
}

/* 中国・ASEAN 配下 */

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

li.china_check {
    list-style:  none;
    font-size: 20px !important;
}



.ig-logo img {
    display: none !important;
}

ul.sanbox p {
    font-size: 13px;
}
ul.yonretsu p {
    font-size: 13px;
}
ul.yonretsu li {
    height: 159px;
}
ul.logo_narabi {
    display: block;
    text-align: center;
    padding-top: 20px;
}
p.fontbig.fontblack {
    color: black;
}
.space30 {
    height: 30px;
}
.toiawase2 a:hover {
    background: #3F88CB !important;
    opacity: 0.9;
}

.recuit_select_inner2 {
    border: solid 1px #ddd;
    width: 480px;
    float: left;
    padding: 10px 0px;
    box-sizing: border-box;
    margin: 0px 26px;
    background: white;
}
h2.saiyouh2 {
    text-align: center;
    padding: 50px 0;
    font-size: 28px;
    font-weight: normal;
}
ul.sanbox li .fontbig {
    padding: 0 0 20px 0;
    margin-top: 29px;
}
.asean.contents_wide p {
    padding-bottom: 15px;
}

ul.yonretsu p {
    margin-top: 7px;
    padding-top: 20px;
    padding-bottom: 20px;
}

p.fontbig {
    font-size: 28px;
    text-align: center;
    font-weight: normal;
}
ul.yonretsu :nth-child(2) {
    padding: 0 14px;
    line-height: 21px;
}
ul.sanbox {
    text-align: center;
    padding-top: 20px;
}
ul.sanbox li {
    width: 288px;
    display: inline-block;
    border: solid 1px #DDDDDD;
    margin: 0 6px;
    text-align: left;
    vertical-align: top;
    height: 194px;
}
ul.sanbox li p {
    padding: 0 14px 14px 14px;
}
.asean.contents_wide {
  box-sizing: border-box;;
    padding: 0 10px;
}
img.mall {
    width: 100%;
}

h2{
    counter-increment: section;
    margin: 13px 0 3px;
}

.video-container {
    text-align: center;
	margin-top: 15px;
}

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

.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: 530px;
}

@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: 0px 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.6rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 18px;
}

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

.access-txt {
  font-size: 1.5rem;
  line-height: 1.6875;
	margin: 15px 0 30px;
}

.top-recruit {
  padding: 104px 0 64px;
  background: url(/wp-content/uploads/2024/06/top_recruit_bg_pc_01_01-01.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;
}
/* 新規プロダクトページ*/
.submit-logo1 {
	width: 250px;
	margin: 25px 50px 20px 0px;
	}
.submit-text1 {
	font-size: 15pt;
	font-weight: bold;
}
.submit-text2 {
	font-size: 11pt;
	margin-top: 25px;
	margin-bottom: 40px;
}
.submit-text3 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 40px;
}

.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: left;
}

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

@media only screen and (max-width: 767px) {
  .contents-btn2 {
    width: 100%;
	 float: left;
	}
	  .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);
  }
	   }
/* 新規アセアンページ*/
.recruit-top2 {
  padding: 35px 0;
  background: #EBF2FA;
}
.recruit-top2 .recruit-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

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

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

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

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

@media only screen and (max-width: 767px) {
  .recruit-top2 {
    padding: 35px 0;
  }
  .recruit-top2 {
    display: block;
  }
  .recruit-top2-left, .recruit-top2-right {
    width: 100%;
  }
  .recruit-top2-left {
    margin-bottom: 30px;
  }
  .recruit-top2-txt:first-of-type {
    margin-bottom: 20px;
  }
	.asean-ttl2 {
  font-size: 29px;
  font-weight: bold;
  margin: 13px 0px 30px 0px;
}

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

.submit-logo2 {
	width: 250px;
	margin: 40px 50px 10px 0px;
	}
.submit-text4 {
	font-size: 15pt;
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 40px;
}
.submit-text5 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20pt;
	margin-bottom: 40px;
	color: #444;
}
  }
/* フッターSNSボタン */
.single_likebox2{
  width:109px;
  margin:20px 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;
}
	.top_social_btn2{
  padding:10px 0 10px 0;
  text-align:center;

}
.top_social_btn2 > div{
  width:100%;
  /* margin:0 auto; */
}
.top_social_btn2 p{
  color:#666666!important;
  line-height:30px!important;
  display:inline-block!important;
  float:left;
  font-size:12px;
  font-size:1.2rem;
}
.top_social_btn2 a{
  width:40px;
  height:40px;
  overflow:hidden;
  border-radius:50%;
  background-size:15px auto;
  padding:0;
  background-position:center center;
  line-height:30px;
  display:inline-block;
  text-align:center;
  float:none;
  margin:0 0 0 20px;
}
.top_social_btn2{
  margin:0px 0 0 0;
}

/* china_asean_ec 2022.08.20追加*/
#asean_wrapper .asean-top {
  max-width: 1020px;
  padding: 60px 0 100px 0;
  margin: 0 auto;
}
#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-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 {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
#asean_wrapper .asean-mega-tokucho {
  max-width: 100%;
  background-color: #EBF2FA;
  padding: 50px 8%;
  margin-bottom: 100px;
}
#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: 300px;
}
#asean_wrapper .asean-mega-kinou {
  margin-bottom: 100px;
}
#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 {
  width: 496px;
  margin-bottom: 2.5em;
}

#asean_wrapper .asean-mega-kinou li:nth-child(n+5) {
 margin-bottom: 0;
}

#asean_wrapper .asean-mega-kinou img {
  margin-bottom: 1.5em;
  width: 100%;
}
#asean_wrapper .asean-mega-osirase {
  margin-bottom: 100px;
}
#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;
    padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #asean_wrapper {
    padding: calc(60*100vw/750) calc(30*100vw/750);
  }
	
	#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-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 li {
    width: 100%;
  }
}
 /*-- 202406トップリニューアル--*/

header {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  background-color: #3379B2;
}
body .home {
  overflow: hidden;
}
body .home .contents-ttl {
  font-weight: bold;
}
body .home .contents_wide {
  padding: 0 0 4em 0;
  margin-top: 0;
}
body .home .contents_wide--top {
  padding: 4em 0 4em 0;
}
body .home .contents_wide--company {
  background: #fff;
  padding: 0;
  margin-top: 3em;
	margin-bottom:3em;
}
.company-bnr_btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3%;
}
/* メインビジュアル動画 */
.video-wrapper {
  overflow: hidden;
  position: relative;
  /*padding-inline: calc((100vw - 1000px) / 2);*/
  width: 100%;
}
/* .video-wrapper::before {
  content: "";
  display: block;
  height: 70px;
}*/
/* オーバーレイ*/
.video-wrapper .video-bg {
  height: inherit;
  overflow: hidden;
  z-index: 100;
  position: relative;
  background-color: #000000;
}
/* video 要素 */
.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.video-wrapper .video-content {
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.top_copy {
  width: 40%;
  height: auto;
  display: block;
  margin: 0 auto 0 auto;
}
.pc_bk {
  display: none;
}
/* ３つのサービスのご案内 */
.service {
  background-color: #f0f0f0;
  padding: 3%;
}
.service a {
  color: #333333;
}
.service ul {
  display: flex;
  justify-content: space-between;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-end;
}
.service li {
  background-color: #ffffff;
  border: #CDCDCD 1px solid;
  width: 31.5%;
  border-radius: 6px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.service img {
  border-radius: 6px 6px 0 0;
  border-bottom: #CDCDCD 1px solid;
  width: 100%;
}
.service h3 {
  margin-top: 20px;
  text-align: center;
  font-size: 1.3em;
  border-bottom: #3F88CB solid 1px;
  margin-bottom: 5%;
  line-height: 130%;
  padding-bottom: 2%;
}
.blackline_btn {
  background-color: #ffffff;
  border: #333333 1px solid;
  border-radius: 100vh;
  text-align: center;
  padding: 2%;
  width: 60%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: 8%;
  font-weight: bold;
}
.blackline_btn:hover {
  background-color: #3F88CB;
  color: #ffffff;
}
.service li a:hover {
  text-decoration: none;
  color: #333333;
  opacity: 0.9;
}
.service li a:visited {
  color: #333333;
}
.service_inner {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5%;
  letter-spacing: 0.05rem;
}
.service_inner a {
  color: #333333;
}
/* 取り扱いプロダクト */
.product {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3%;
  padding-right: 3%;
  padding-left: 3%;
}
.product h3, .initiative h3 {
  margin-bottom: 2%;
  margin-top: 0;
  font-size: 2.5rem;
}
.product h5 {
  font-size: 1.1em;
}
.product a, .initiative a {
  color: #3F88CB;
  font-weight: bold;
  font-size: 16px;
}
.product .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 2% 0 4% 0;
}
.product .tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #3F88CB;
  display: block;
  order: -1;
}
.product .tab-label {
  background: #ffffff;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  flex: 1;
  border-top: #CDCDCD solid 1px;
  border-left: #CDCDCD solid 1px;
  border-right: #CDCDCD solid 1px;
  color: #333333;
}
.product .tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.product .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.product .tab-switch:checked + .tab-label {
  background: #3F88CB;
  color: #ffffff;
}
.product .tab-switch:checked + .tab-label + .tab-content {
  height: auto;
  overflow: auto;
  padding: 3% 0 0 0;
  opacity: 1;
  transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
.product input[type="radio"] {
  display: none;
}
.tab-content ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.tab-content li {
  width: 50%;
  margin-bottom: 1.8%;
}
/* これからの取り組み */
.initiative {
  margin-right: auto;
  margin-left: auto;
  max-width: 1020px;
  padding-bottom: 2%;
  padding-right: 3%;
  padding-left: 3%;
}
.initiative p {
  padding-left: 5%;
  padding-top: 1%;
}
.banner_top {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  max-width: 700px;
  padding-left: 3%;
  padding-right: 3%;
}
.banner_top img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 8%;
}
.banner_top a:hover {
  opacity: 0.8;
}
/* 丸矢印アイコン */
.arrow_circle {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  color: #000;
  vertical-align: top;
  text-decoration: none;
  font-size: 15px;
  top: 0;
}
.arrow_circle a {
  vertical-align: top;
}
.arrow_circle::before, .arrow_circle::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.arrow_bg::before {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #3F88CB;
}
.arrow_bg::after {
  left: 4px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*max-width: 767px
----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  body .home .contents_wide {
    padding: 0 0 4em 0;
  }
  body .home .contents_wide--top {
    border: none;
  }
  .company-bnr_btm {
    flex-direction: column;
  }
  .video-wrapper::before {
    height: 0;
  }
  body .home .contents-ttl {
    font-size: 2.5rem;
    margin: 0 0 4%;
  }
  body .service {
    padding: 5% 3% 3% 3%;
  }
  body .service ul {
    flex-direction: column;
    width: 100%;
  }
  body .service li {
    width: 100%;
    margin-bottom: 3%;
  }
  body .tab-content li {
    width: 100%;
    margin-bottom: 4%;
  }
  .pc_bk {
    display: block
  }
  body .video-wrapper {
    display: none;
  }
  body .tab-content ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
  }
  .product .tab-wrap {
    margin: 2% 0 6% 0;
  }
  .product h3, .initiative h3 {
    font-size: 2.2rem;
  }
  body .home .contents_wide--top {
    padding-top: 3em;
  }
  body .product .tab-switch:checked + .tab-label + .tab-content {
    padding: 5% 0 0 0;
  }
  
  body .pc_bk {
    position: relative;
  }
  body .pc_bk h1 {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 10000;
  }
  body .pc_bk h1 img {
    width: 70%;
  }
  .product {
    padding-top: 3em;
  }
  body .home .contents_wide--company {
    margin-top: 4em;
  }
	
	/* スマホキービジュアル */
	.sp_main{
		height: 350px;
		overflow: hidden;
		
	}
	
	/* スライダー全体 */
.slider{
  position: absolute;
 top: 0;
  left: 0;
  width: 100%;
  height: 350px;
}

/* スライダー画像 */
.slider .image{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
   height: 350px;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
	background-color: #000000;
 
}


.slider .image:nth-of-type(1){
  background-image: url("https://www.e-agency.co.jp/wp-content/uploads/2024/05/main_vi_sp_01.jpg");
}
.slider .image:nth-of-type(2){
  animation-delay: 10s;
  background-image: url("https://www.e-agency.co.jp/wp-content/uploads/2024/05/main_vi_sp_02.jpg");
}
.slider .image:nth-of-type(3){
  animation-delay: 20s;
  background-image: url("https://www.e-agency.co.jp/wp-content/uploads/2024/05/main_vi_sp_04.jpg");
}


.slider .image{
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-duration: 30s;
}
@keyframes change-img-anim-first {
  0% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.8;
  }
  36% {
    opacity: 0.8;
	  transform: scale(1.2);
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes change-img-anim {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  36% {
    opacity: 0.8;
	  transform: scale(1.2);
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
}