@charset "UTF-8";
/* ==================================
  TOP
================================== */
.m_container {
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.m_container .m_container_item {
width: 50%;
}
.m_container .m_container_item .e_link {
padding: 1.5rem 1rem 4rem;
}
.m_container .m_container_item .e_container_ttl_en {
font-size: 4vw;
}
.m_container .m_container_item .e_container_ttl_num {
font-size: 5vw;
}
.m_container .m_container_item .e_container_txt {
font-size: 3.5vw;
}
.m_container .m_container_item .e_container_txt_en {
font-size: 3vw;
}
.m_container .m_container_item .e_container_arw {
right: 1rem;
bottom: 1rem;
}
.m_container .m_container_item .e_link:hover .e_container_arw {
right: 1rem;
}
.m_container.m_container_case .m_container_item .e_link {
padding-bottom: 50.9vw;
}
.m_container .m_container_item.m_container_item_phase_03 {
transition-delay: 0s;
}
.m_container .m_container_item.m_container_item_phase_04 {
transition-delay: .3s;
}
.m_container .m_container_item.m_container_item_case_01 {
width: 50%;
transition-delay: 0s;
}
.m_container .m_container_item.m_container_item_case_02 {
transition-delay: .3s;
}
.m_container .m_container_item.m_container_item_case_03 {
transition-delay: 0s;
}
.m_container .m_container_item.m_container_item_case_04 {
transition-delay: .3s;
}
.m_container .m_container_item.m_container_item_case_05 {
transition-delay: 0s;
}
.m_container .m_container_item.m_container_item_case_06 {
transition-delay: .3s;
}

.l_cnts.l_top_cnts .m_top_web_marketing {
order: 2;
width: 100%;
margin-top: 5rem;
}
.l_cnts.l_top_cnts .m_top_link {
order: 1;
width: 100%;
background: none;
margin-right: 0;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li .e_link {
border-top: 1px solid #e0e7d8;
box-sizing: border-box;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li:last-child .e_link {
border-bottom: 1px solid #e0e7d8;
}
.m_case_search {
order: 3;
width: 100%;
margin-top: 0;
padding: 5rem 0 4rem;
}
.m_case_search .e_ttl_lv2 + .e_txt {
margin: 3rem 2rem 0;
}
.m_case_search_cnts .m_case_search_item {
width: 100%;
margin-top: 4rem;
}
.m_case_search_cnts .m_case_search_item:nth-of-type(2) {
margin-top: 4rem;
}
.e_list_case_link .e_li .e_link {
border-right: none;
border-bottom: 1px solid #e0e7d8;
}
.e_list_case_link .e_li:last-child .e_link {
border-bottom: none;
}
.m_case_search_cnts .m_case_search_item .e_link {
height: auto!important;
}
.m_case_search_cnts .m_case_search_item .e_ttl_lv4 {
height: auto!important;
}

/*-----------------------------------------------------
CASE 
-----------------------------------------------------*/
.body_case_sanseido {
background-size: 100% auto;
}

.area_showcase .list_showcase li {
width: 100%;
height: auto!important;
}
.area_showcase .list_showcase li:nth-of-type(3n) {
margin-right: 0;
}
.area_showcase .list_showcase li:nth-of-type(2n) {
margin-right: 0;
}
.l_case .area_lead .slogan {
font-size: 5.5vw;
}

.area_body_corne .module_case {
margin: 20px 0 60px;
}
.area_body_corne {
background: #FFF;
}
@media only screen and (max-width: 640px) {
.area_body_corne {
margin-top: 3rem;
}
}
.area_body_corne .module_case:nth-of-type(3) {
background: url(../imgs/case/nemulog/image_01.jpg) no-repeat;
background-size: cover;
padding: 10px;
}
.area_body_corne .module_case:nth-of-type(3) .module_case_inr {
padding: 10px 60px;
}
.area_body_corne .module_case:nth-of-type(3) .module_case_inr .module_case_cnts {
margin-left: 0;
}

@media only screen and (max-width: 640px) {
.area_body_corne .module_case:nth-of-type(3) {
margin: 20px -10px 60px;
background: #fff url(../imgs/case/nemulog/image_01.jpg) no-repeat;
background-size: cover;
}
.area_body_corne .module_case:nth-of-type(3) .module_case_inr {
padding: 10px 0;
}
}
.area_body.area_body_corne .module.module_case_mt {
margin-top: 0;
}



/*-----------------------------------------------------
 最新ウェブマーケティング
-----------------------------------------------------*/
.webmarke_top .m_postarea > .e_list > .e_li {
width: 100%;
margin-right: 0;
padding: 30px 10px;
border-top: 1px solid #EEE;
margin-bottom: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(2n-1) {
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(4n) {
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(3n) {
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li, .webmarke_top .m_postarea > .e_list > .e_li:nth-child(4n) {
width: 100%;
margin-right: 0;
padding: 30px 10px;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(2n) {
margin-right: 0;
}	
.webmarke_top .m_postarea > .e_list > .e_li:first-child {
padding-top: 0;
border-top: none;
}
.m_archive .m_postarea .lead {
height: auto!important;
font-size: 1.6rem;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb {
float: left;
max-width: 70px;
min-height: auto;
margin-bottom: 1.5rem;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb img {
position: static;
transform: translateY(0);
}
.webmarke_top .m_postarea > .e_list > .e_li:hover .e_thumb img {
transform: translateY(0);
}
.webmarke_top .m_postarea .lead {
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px);
box-sizing: border-box;
clear: none;
margin-top: 0;
margin-left: 8rem;
padding-top: 1rem;
}
.webmarke_top .m_postarea .e_txt {
clear: both;
}
.m_postarea .e_tags {
float: none;
margin-bottom: 0;
padding: 5px 0 0;
}
.m_postarea .e_tags .tag a {
font-size: 1rem;
line-height: 2.4;
}
.m_postarea .e_tags .tag:before {
content: none;
}
.m_postarea .e_list .e_li .m_underbtn {
display: none;
}
.m_postarea .e_tags .tag:hover {
border: 2px solid #666666;
}
.webmarke_top .m_postarea .e_tags .tag a:hover {
color: #333;
}

/*-----------------------------------------------------
 事業内容
-----------------------------------------------------*/
.l_business .m_sec_business .m_ttl_business .e_ttl {
font-size: 4.8vw;
}
.l_business .m_sec_business .e_ttl_lv4 {
font-size: 5.5vw;
}


.m_sec_business .m_business_def_cnts {
display: block;
}
.m_sec_business .m_business_def_cnts .e_def_list {
width: 100%;
}
.m_sec_business .m_business_def_cnts .e_def_list:nth-child(2) {
margin-top: 2rem;
}


/*-----------------------------------------------------
 事業内容 - SRM
-----------------------------------------------------*/
.m_srm_local_example .e_src_local_example .e_local_ttl {
font-size: 1.8rem;
line-height: 32px;
}
.m_srm_local_example .e_src_local_example .e_local_cnts {
margin: 0 .5rem;
}

/*-----------------------------------------------------
 会社情報
-----------------------------------------------------*/
body.l_company {
background-color: #f8faf5;
background-image: url(../imgs/company/bg_dot.png);
background-repeat: no-repeat;
background-position: center top;
background-size: auto;
background-attachment: fixed;
}

@media only screen and (max-width: 640px) {
.area_body .oracle_mark  {
display: flex;
flex-wrap: wrap;
}
.area_body .oracle_mark .mark {
width: 100%;
order: 2;
float: none;
margin: 0 auto 3rem;
text-align: center;
}
.area_body .oracle_mark p {
order: 1;
}
}

/*-----------------------------------------------------
 採用情報
-----------------------------------------------------*/
@media only screen and (max-width: 640px) {
.area_body .staff .list_staff li {
width: 100%;
}
}

/* ==================================
　ホワイトペーパー用
================================== */
.m_single_frame .m_sec .m_white_paper {
display: block;
}
.m_single_frame .m_sec .m_white_paper .e_img {
width: 100%;
text-align: center;
}
.m_single_frame .m_sec .m_white_paper .e_img img {
width: 50%;
}
.m_single_frame .m_sec .m_white_paper .m_list {
margin-left: 0;
margin-top: 2.5rem;
}
.m_single_frame .m_dl_sec .e_ttl_lv3 {
font-size: 1.8rem;
padding: .8rem 1.5rem;
}
.m_single_frame .m_dl_sec .m_form {
padding: 1.5rem;
}
.m_single_frame .m_dl_sec .m_form .m_form_input {
display: block;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form.e_form_half {
width: 100%;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form.e_form_half + .e_form_half {
margin-left: 0;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_ttl {
font-size: 1.6rem;
width: 70px;
}.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_cnts {
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
}
.m_single_frame .m_dl_sec .m_form .e_btn {
min-height: 4rem;
}
.m_single_frame .m_dl_sec .m_form .e_btn input[type=submit] {
font-size: 1.6rem;
padding: 1rem 0;
}