@charset "UTF-8";
/* ==================================
  TOP
================================== */
.m_container {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
width: 100%;
}
.m_container .m_container_item {
position: relative;
width: 25%;
text-align: center;
line-height: 1;
overflow: hidden;
}
.m_container .m_container_item .e_link {
position: relative;
display: block;
padding: 3rem 2rem 4rem;
}
.m_container .m_container_item .e_link:hover {
text-decoration: none;
opacity: 1;
}

.m_container .m_container_item .e_link:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(238,51,0,.5);
opacity: 0;
transition: opacity .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover:before {
opacity: 1;
transition: opacity .3s ease-in-out;
}

.m_container .m_container_item .e_container_ttl_en {
position: relative;
z-index: 2;
color: #999999;
font-family: Helvetica, Arial, "sans-serif";
font-size: 1.4rem;
font-weight: bold;
transition: all .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover .e_container_ttl_en {
transform: scale(1.2);
}
.m_container .m_container_item .e_container_ttl_num {
position: relative;
z-index: 2;
color: #FFF;
font-family: Helvetica, Arial, "sans-serif";
font-size: 2.4rem;
font-weight: bold;
margin-top: 1rem;
transition: all .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover .e_container_ttl_num {
transform: scale(1.2);
}
.m_container .m_container_item .e_container_txt {
position: relative;
z-index: 2;
color: #FFF;
font-size: 2rem;
font-weight: bold;
margin-top: 2.5rem;
line-height: 1.4;
transition: all .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover .e_container_txt {
transform: scale(1.2);
}
.m_container .m_container_item .e_container_txt_en {
color: #999999;
font-family: Helvetica, Arial, "sans-serif";
font-size: 1.4rem;
font-weight: bold;
margin-top: .7rem;
transition: all .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover .e_container_txt_en {
transform: scale(1.2);
}
.m_container .m_container_item .e_container_arw {
position: absolute;
z-index: 2;
right: 3rem;
bottom: 2rem;
transition: all .3s ease-in-out;
}
.m_container .m_container_item .e_link:hover .e_container_arw {
right: 2rem;
}
@media only screen and (max-width: 1460px) {
.m_container .m_container_item .e_container_ttl_en {
font-size: 1.1vw;
}
.m_container .m_container_item .e_container_ttl_num {
font-size: 1.7vw;
}
.m_container .m_container_item .e_container_txt {
font-size: 1.4vw;
}
.m_container .m_container_item .e_container_txt_en {
font-size: 1.1vw;
}
}

.m_container .m_container_item.m_container_item_phase_01 .e_link {
background: #545555 url(../imgs/common/bg_phase_01.jpg) no-repeat center center / 100% auto;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_01 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_01.jpg) no-repeat center center / 120% auto;
}
.m_container .m_container_item.m_container_item_phase_02 .e_link {
background: #545555 url(../imgs/common/bg_phase_02.jpg) no-repeat center center / 100% auto;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_02 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_02.jpg) no-repeat center center / 120% auto;
}
.m_container .m_container_item.m_container_item_phase_03 .e_link {
background: #545555 url(../imgs/common/bg_phase_03.jpg) no-repeat center center / 100% auto;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_03 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_03.jpg) no-repeat center center / 120% auto;
}
.m_container .m_container_item.m_container_item_phase_04 .e_link {
background: #545555 url(../imgs/common/bg_phase_04.jpg) no-repeat center center / 100% auto;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_04 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_04.jpg) no-repeat center center / 120% auto;
}

.m_container .m_container_item.m_container_item_phase_02 {
transition-delay: .3s;
}
.m_container .m_container_item.m_container_item_phase_03 {
transition-delay: .6s;
}
.m_container .m_container_item.m_container_item_phase_04 {
transition-delay: .9s;
}

@media only screen and (max-width: 1460px) {
.m_container .m_container_item.m_container_item_phase_01 .e_link {
background: #545555 url(../imgs/common/bg_phase_01.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_01 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_01.jpg) no-repeat center center /  auto 120%;
}
.m_container .m_container_item.m_container_item_phase_02 .e_link {
background: #545555 url(../imgs/common/bg_phase_02.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_02 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_02.jpg) no-repeat center center /  auto 120%;
}
.m_container .m_container_item.m_container_item_phase_03 .e_link {
background: #545555 url(../imgs/common/bg_phase_03.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_03 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_03.jpg) no-repeat center center /  auto 120%;
}
.m_container .m_container_item.m_container_item_phase_04 .e_link {
background: #545555 url(../imgs/common/bg_phase_04.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_phase_04 .e_link:hover {
background: #545555 url(../imgs/common/bg_phase_04.jpg) no-repeat center center / auto 120%;
}
}

.m_container.m_container_case {
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.m_container.m_container_case .m_container_item .e_link {
height: 100%;
padding-bottom: 30.4rem;
box-sizing: border-box;
}
.m_container.m_container_case .m_container_item .e_link:before {
background: rgba(255,255,255,.3);
}
.m_container.m_container_case .m_container_item .e_container_txt {
margin-top: 5.5rem;
}
.m_container .m_container_item.m_container_item_case_01 {
width: 75%;
}


.m_container.m_container_case .m_container_item .e_link {
padding-bottom: 20.9vw;
}
.m_container .m_container_item.m_container_item_case_01 .e_link {
background: #7e808a url(../imgs/common/bg_case_01.jpg) no-repeat right center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_01 .e_link:hover {
background: #7e808a url(../imgs/common/bg_case_01.jpg) no-repeat right center / auto 120%;
}
.m_container .m_container_item.m_container_item_case_02 .e_link {
background: #0073aa url(../imgs/common/bg_case_02.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_02 .e_link:hover {
background: #0073aa url(../imgs/common/bg_case_02.jpg) no-repeat center center / auto 120%;
}
.m_container .m_container_item.m_container_item_case_03 .e_link {
background: #2141ca url(../imgs/common/bg_case_03.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_03 .e_link:hover {
background: #2141ca url(../imgs/common/bg_case_03.jpg) no-repeat center center / auto 120%;
}
.m_container .m_container_item.m_container_item_case_04 .e_link {
background: #b2b4b4 url(../imgs/common/bg_case_04.jpg) no-repeat left center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_04 .e_link:hover {
background: #b2b4b4 url(../imgs/common/bg_case_04.jpg) no-repeat left center / auto 120%;
}
.m_container .m_container_item.m_container_item_case_05 .e_link {
background: #797979 url(../imgs/common/bg_case_05.jpg) no-repeat center center / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_05 .e_link:hover {
background: #797979 url(../imgs/common/bg_case_05.jpg) no-repeat center center / auto 120%;
}
.m_container .m_container_item.m_container_item_case_06 .e_link {
background: #b8a49a url(../imgs/common/bg_case_06.jpg) no-repeat right bottom / auto 100%;
transition: all .3s ease-in-out;
}
.m_container .m_container_item.m_container_item_case_06 .e_link:hover {
background: #b8a49a url(../imgs/common/bg_case_06.jpg) no-repeat right bottom / auto 120%;
}



.l_cnts.l_top_cnts {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width: 100%;
margin-top: 10rem;
}
.l_cnts.l_top_cnts .m_top_link {
width: -webkit-calc(50% - 1rem);
width: calc(50% - 1rem);
background: url(../imgs/common/bg_top_link.jpg) no-repeat left bottom;
margin-right: 1rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list {
display: table;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li {
display: table-cell;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li .e_link {
display: block;
padding: 5.8rem 3rem .8rem;
color: #4b494e;
font-weight: bold;
border-right: 1px solid #e0e7d8;
transition: all .3s ease-in-out;
}
@media only screen and (max-width: 1150px) {
.l_cnts.l_top_cnts .m_top_link .e_list .e_li .e_link {
padding: 5.8rem 1.8vw .8rem;
}
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li:first-child .e_link {
border-left: 1px solid #e0e7d8;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li .e_link:hover {
text-decoration: none; 
color: #ee3300;
opacity: 1;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_business .e_link {
background: url(../imgs/svg/ico_baloon_off.svg) no-repeat center top .8rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_business .e_link:hover {
background: url(../imgs/svg/ico_baloon_on.svg) no-repeat center top .8rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_corp .e_link {
background: url(../imgs/svg/ico_dot_off.svg) no-repeat center top .8rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_corp .e_link:hover {
background: url(../imgs/svg/ico_dot_on.svg) no-repeat center top .8rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_contact .e_link {
background: url(../imgs/svg/ico_mail_off.svg) no-repeat center top .8rem;
}
.l_cnts.l_top_cnts .m_top_link .e_list .e_li.e_li_contact .e_link:hover {
background: url(../imgs/svg/ico_mail_on.svg) no-repeat center top .8rem;
}



.l_cnts.l_top_cnts .m_top_web_marketing {
width: 50%;
max-width: 560px;
margin: 0 auto;
}
.l_cnts.l_top_cnts .m_top_web_marketing .e_txt {
max-width: 520px;
margin: 3rem auto 0;
}
.l_cnts.l_top_cnts .m_top_web_marketing .e_link_archive {
max-width: 520px;
margin: 6rem auto;
text-align: right;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide {
margin-top: 3rem;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .m_slide_item {
margin: 0 2rem;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .m_slide_item a {
display: block;
color: #333333;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .m_slide_item a:hover {
text-decoration: none;
/*color: #FFF;*/
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .m_slide_item .e_list_cat a:hover {
color: #FFF;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-prev,
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-next {
width: 17px;
height: 26px;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-prev {
left: -3%;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-next {
right: -3%;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-prev::before {
content: "";
display: block;
width: 17px;
height: 26px;
background: url(../imgs/svg/arw_slide_l.svg) no-repeat left center;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .slick-next::before {
content: "";
display: block;
width: 17px;
height: 26px;
background: url(../imgs/svg/arw_slide_r.svg) no-repeat right center;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .e_ttl_lv3 {
margin-top: 2.5rem;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .e_img {
position: relative;
width: 100%;
height: 157px;
overflow: hidden;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .e_img img {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: auto;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .e_txt {
margin-top: 1.5rem;
}
.l_cnts.l_top_cnts .m_top_web_marketing .m_slide .e_list_cat {
margin-top: 1rem;
}

.m_case_search {
width: 100%;
/*margin-top: 2rem;*/
background: #FFF;
padding: 10rem 0 4rem;
}
.m_case_search .e_ttl_lv2 + .e_txt {
max-width: 560px;
margin: 3rem auto 0;
}
.m_case_search_cnts {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
margin: 8rem 0 0;
}
.m_case_search_cnts .m_case_search_item {
width: 25%;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
box-sizing: border-box;
}
.m_case_search_cnts .m_case_search_item:nth-child(4n) {
border-right: none;
}
.m_case_search_cnts .m_case_search_item .e_link {
display: none;
color: #333333;
border-top: 1px solid #eeeeee;
}
.m_case_search_cnts .m_case_search_item .e_link:first-child {
display: block;
}
.m_case_search_cnts .m_case_search_item .e_link:hover {
text-decoration: none;
opacity: 1;
}
.m_case_search_cnts .m_case_search_item .e_ttl_lv3 {
padding: 2.4rem 1rem;
border-bottom: 1px solid #eeeeee;
color: #666666;
text-align: center;
}
.m_case_search_cnts .m_case_search_item .e_link:hover .e_ttl_lv3 {
color: #ee3300;
}
.m_case_search_cnts .m_case_search_item .e_img {
position: relative;
width: 100%;
max-width: 240px;
height: 160px;
margin: 4rem auto 3rem;
text-align: center;
overflow: hidden;
border: 2px solid #FFF;
}
.m_case_search_cnts .m_case_search_item .e_link:hover .e_img {
border: 2px solid #ee3300;
}
.m_case_search_cnts .m_case_search_item .e_img img {
position: absolute;
display: block;
width: 100%;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.m_case_search_cnts .m_case_search_item .e_ttl_lv4 {
max-width: 240px;
margin: 0 auto;
padding: 0 1rem;
font-weight: bold;
}
.m_case_search_cnts .m_case_search_item .e_txt {
max-width: 240px;
margin: 1.6rem auto 4rem;
padding: 0 1rem;
font-size: 1.4rem;
}

.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_li {
border-top: 1px solid #eeeeee;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .cat-item {
border-top: 1px solid #eeeeee;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .cat-item:last-child {
border-bottom: 1px solid #eeeeee;
margin-bottom: -1px;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-top: none;
border-bottom: none;
padding: 1.2rem 4rem;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .cat-item a {
color: #333333;
font-size: 1.2rem;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .cat-item a:hover {
color: #ee3300;
text-decoration: none;
opacity: 1;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num a {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-top: none;
border-bottom: none;
padding: 1.2rem 4rem;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link .s_txt {
font-size: 1.4rem;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num a .s_txt {
font-size: 1.4rem;
}
@media only screen and (max-width: 1500px) {
.m_case_search_cnts .m_case_search_item .e_list_cat_num a {
padding: 1.2rem 2vw;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link {
padding: 1.2rem 2vw;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link .s_txt {
font-size: 1.2rem;
}
}

.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link .s_num {
border: 2px solid #333333;
width: 30px;
height: 30px;
border-radius: 50%;
box-sizing: border-box;
color: #666666;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
line-height: 26px;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num a .s_num {
border: 2px solid #333333;
width: 30px;
height: 30px;
border-radius: 50%;
box-sizing: border-box;
color: #666666;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
line-height: 26px;
}



.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link:hover .s_txt {
color: #ee3300;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num .e_link:hover .s_num {
color: #ee3300;
border: 2px solid #ee3300;
}
.m_case_search_cnts .m_case_search_item .e_list_cat_num a:hover .s_num {
color: #ee3300;
border: 2px solid #ee3300;
}

.e_list_case_link  {
margin-top: 4rem;
letter-spacing: -.3em;
}
.e_list_case_link .e_li {
width: 100%;
max-width: 240px;
display: inline-block;
letter-spacing: normal;
text-align: center;
}
.e_list_case_link .e_li .e_link {
display: block;
padding: 5.8rem 3rem .8rem;
color: #4b494e;
font-weight: bold;
border-right: 1px solid #e0e7d8;
transition: all .3s ease-in-out;
}
.e_list_case_link .e_li .e_link:hover {
text-decoration: none;
color: #ee3300;
opacity: 1;
}
.e_list_case_link .e_li.e_li_case .e_link {
background: url(../imgs/svg/ico_cube_off.svg) no-repeat center top 1.8rem;
}
.e_list_case_link .e_li.e_li_case .e_link:hover {
background: url(../imgs/svg/ico_cube_on.svg) no-repeat center top 1.8rem;
}
.e_list_case_link .e_li.e_li_theme .e_link {
background: url(../imgs/svg/ico_window_off.svg) no-repeat center top 1.8rem;
}
.e_list_case_link .e_li.e_li_theme .e_link:hover {
background: url(../imgs/svg/ico_window_on.svg) no-repeat center top 1.8rem;
}

/*-----------------------------------------------------
CASE 背景指定
-----------------------------------------------------*/
.l_feelshonan {
background-image: url(../imgs/case/feelshonan/bg_feelshonan.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_japansensor {
background-image: url(../imgs/case/japansensor/bg_japansensor.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_sanseido {
background-image: url(../imgs/case/sanseido/bg_sanseido.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_caname {
background-image: url(../imgs/case/caname/bg_caname.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_hiroshima {
background-image: url(../imgs/case/hiroshima/bg_hiroshima.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_nho {
background-image: url(../imgs/case/nho/bg_nho.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_yamanami {
background-image: url(../imgs/case/yamanami/bg_yamanami.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_soka {
background-image: url(../imgs/case/soka/bg_soka.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_hokusyu {
background-image: url(../imgs/case/hokusyu/bg_hokusyu.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_ishinomaki {
background-image: url(../imgs/case/ishinomaki/bg_ishinomaki.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_nrscorp {
background-image: url(../imgs/case/nrscorp/bg_nrscorp.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_nemulog {
background-image: url(../imgs/case/nemulog/bg_corne.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_saitama {
background-image: url(../imgs/case/saitama/bg_saitama.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}
.l_labojapan {
background-image: url(../imgs/case/labojapan/bg_labojapan.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
}

.l_feelshonan .area_lead_wide {
margin-bottom: 130px;
}
.l_japansensor .area_lead_wide {
margin-bottom: 130px;
}
.l_sanseido .area_lead_wide {
margin-bottom: 130px;
}
.l_caname .area_lead_wide {
margin-bottom: 130px;
}
.l_hiroshima .area_lead_wide {
margin-bottom: 130px;
}
.l_nho .area_lead_wide {
margin-bottom: 130px;
}
.l_yamanami .area_lead_wide {
margin-bottom: 130px;
}
.l_soka .area_lead_wide {
margin-bottom: 130px;
}
.l_hokusyu .area_lead_wide {
margin-bottom: 130px;
}
.l_ishinomaki .area_lead_wide {
margin-bottom: 130px;
}
.l_nrscorp .area_lead_wide {
margin-bottom: 130px;
}
.l_nemulog .area_lead_wide {
margin-bottom: 130px;
}
.l_saitama .area_lead_wide {
margin-bottom: 130px;
}
.l_labojapan .area_lead_wide {
margin-bottom: 130px;
}

.area_body_corne {
background: #fff url(../imgs/case/nemulog/image_01.jpg) 0 170px no-repeat / 100% auto;
}


.image_case img {
width: 100%;
}
.l_case .area_lead .slogan {
font-size: 4.8rem;
}

.area_body_corne {
background: #fff;
}
.area_body_corne .module_case:nth-of-type(3) {
margin: 20px -60px 60px;
background: #fff url(../imgs/case/nemulog/image_01.jpg) no-repeat left center / 100% auto;
}
.area_body_corne .module_case:nth-of-type(3) .module_case_inr {
padding: 10px 60px 470px;
}
@media only screen and (max-width: 1280px) {
.area_body_corne .module_case:nth-of-type(3) .module_case_inr {
padding: 10px 60px 30vw;
}
}
.area_body_corne .module_case:nth-of-type(3) .module_case_inr .module_case_cnts {
margin-left: 33.3%;
}

.area_body.area_body_corne .module.module_case_mt {
margin-top: -120px;
}
@media only screen and (max-width: 1280px) {
.area_body.area_body_corne .module.module_case_mt {
margin-top: -12vw;
}
}


/*-----------------------------------------------------
 事業内容
-----------------------------------------------------*/
.l_cms .unit_description h2,
.l_srm .unit_description h2,
.l_sns .unit_description h2,
.l_security .unit_description h2,
.l_quality .unit_description h2 {
font-size: 24px;
margin: 30px 0 55px;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
line-height: 1.5;
}
.sns_dl01 dd {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
}

.l_business .m_sec_business {
margin-bottom: 10rem;
}
.l_business .m_sec_business .m_ttl_business {
color: #FFF;
text-align: center;
padding: 4rem 1rem;
}
.l_business .m_sec_business .m_ttl_business .e_ttl {
font-size: 3rem;
font-weight: bold;
}
.l_business .m_sec_business .m_ttl_business .e_ttl_cap {
color: #999999;
font-size: 1.4rem;
font-weight: bold;
font-family: Helvetica, Arial, "sans-serif";
}
.l_business .m_sec_business.m_sec_business_01 .m_ttl_business {
background: url(../imgs/business/bg_sec_01.jpg) no-repeat center center / 100% auto;
}
.l_business .m_sec_business.m_sec_business_02 .m_ttl_business {
background: url(../imgs/business/bg_sec_02.jpg) no-repeat center center / 100% auto;
}
.l_business .m_sec_business.m_sec_business_03 .m_ttl_business {
background: url(../imgs/business/bg_sec_03.jpg) no-repeat center center / 100% auto;
}
.l_business .m_sec_business.m_sec_business_04 .m_ttl_business {
background: url(../imgs/business/bg_sec_04.jpg) no-repeat center center / 100% auto;
}

.l_business .m_sec_business .e_ttl_lv4 {
margin: 3rem auto;
color: #ee3300;
font-size: 2.4rem;
font-weight: bold;
}
.l_business .m_sec_business .e_ttl_lv5 {
margin: 3rem auto;
color: #333333;
font-size: 2rem;
font-weight: bold;
}
.l_business .m_sec_business .e_img {
margin-top: 3rem;
text-align: center;
}
.l_business .m_sec_business .e_list_disc {
line-height: 2;
}
.l_business .m_sec_business .detail {
line-height: 21px;
margin-bottom: .8rem;
}

.m_sec_business .m_business_def_cnts {
display: flex;
flex-wrap: wrap;
}
.m_sec_business .m_business_def_cnts .e_def_list {
width: calc(50% - 10px);
background: #f8faf5;
margin-top: 2rem;
margin-right: 2rem;
padding: 2rem;
box-sizing: border-box;
}
.m_sec_business .m_business_def_cnts .e_def_list:nth-child(1),
.m_sec_business .m_business_def_cnts .e_def_list:nth-child(2) {
margin-top: 0;
}
.m_sec_business .m_business_def_cnts .e_def_list:nth-child(2n) {
margin-right: 0;
}
.m_sec_business .m_business_def_cnts .e_def_list .e_def_list_ttl {
margin-top: 0;
}
.m_sec_business .m_business_def_cnts .e_def_list .e_def_list_cnts strong {
color: #ee3300;
font-size: 2.4rem;
padding: 0 .5rem;
}

/*-----------------------------------------------------
 事業内容 - CMS
-----------------------------------------------------*/
.m_sec_cms {
margin-top: 10rem;
}



/*-----------------------------------------------------
 事業内容 - SNS
-----------------------------------------------------*/
.m_sec_sns {
margin-top: 10rem;
}
.m_sec_sns .e_ttl_lv4 {
font-size: 2.4rem;
font-weight: bold;
color: #151a1d;
}
.m_sec_sns .e_img {
margin-top: 3rem;
text-align: center;
}
.l_cms .hd_orange {
font-size: 24px;
padding: 14px 0;
}
.l_cms .list_cms {
text-align: center;
letter-spacing: -.3em;
}
.l_cms .list_cms li {
max-width: 200px;
letter-spacing: normal;
margin: 0 1rem;
}

.m_sns_flow {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.m_sns_flow .m_sns_flow_item {
width: 48%;
margin-left: 4%;
margin-top: 6rem;
}
.m_sns_flow .m_sns_flow_item:nth-child(2n+1) {
margin-left: 0;
}
.m_sns_flow .m_sns_flow_item:nth-child(1) {
margin-top: 0;
}
.m_sns_flow .m_sns_flow_item:nth-child(2) {
margin-top: 0;
}
.m_sns_flow .m_sns_flow_item ol {
text-align: center;
background: #f8faf5;
padding: 1rem;
margin-top: 1.5rem;
}
.m_sns_flow .m_sns_flow_item ol li {
position: relative;
padding-top: 5rem;
margin-top: 1.5rem;
}
.m_sns_flow .m_sns_flow_item ol li:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
display: block;
width: 20px;
height: 20px;
border-top: 2px solid #ee3300;
border-right: 2px solid #ee3300;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.m_sns_flow .m_sns_flow_item ol li:first-child {
padding-top: 0;
margin-top: 0;
}
.m_sns_flow .m_sns_flow_item ol li:first-child:before {
content: none;
}
.m_sns_flow .m_sns_flow_item ol li:last-child {
font-weight: bold;
color: #ee3300;
font-size: 1.8rem;
}
.m_sns_flow .m_sns_flow_item h4 {
background: #ee3300;
color: #FFF;
font-weight: bold;
padding: 1rem;
text-align: center;
}


/*-----------------------------------------------------
 事業内容 - SRM
-----------------------------------------------------*/
.hd_grey_srm {
margin-bottom: 0;
}
.m_sec_srm {
margin-top: 10rem;
}
.m_sec_srm .e_ttl_lv3 {
font-size: 2.4rem;
font-weight: bold;
color: #ee3300;
}
.m_sec_srm .e_ttl_lv4 {
font-size: 2.4rem;
font-weight: bold;
color: #151a1d;
}
.m_sec_srm .e_txt {
margin-top: 3rem;
line-height: 1.6;
}
.m_sec_srm .e_img {
margin-top: 3rem;
text-align: center;
}

.srm_movie {
width: 100%;
max-width: 516px;
margin-top: 3rem;
}
.srm_movie .mark {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.srm_movie .mark iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.m_sec_srm .list_srm {
margin: 3rem 0 0;
font-size: 2.2rem;
list-style-position: outside;
text-indent: 0;
padding-left: 1.5em;
}
.m_sec_srm .list_srm strong {
color: #ee3300;
}
.list-srm-list {
letter-spacing: -.3em;
}
.list-srm-list li {
position: relative;
display: inline-block;
margin-right: 2rem;
margin-bottom: 0;
padding-left: 1em;
font-size: 1.6rem;
letter-spacing: normal;
line-height: 1.6;
}
.list-srm-list li:before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 3px;
border-left: 2px solid #333333;
border-bottom: 2px solid #333333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.m_srm_local_example {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 3rem;
}
.m_srm_local_example .e_src_local_example {
width: calc(25% - 13.5px);
margin-left: 1.8rem;
}
.m_srm_local_example .e_src_local_example:first-child {
margin-left: 0;
}
@media only screen and (max-width: 1200px) {
.m_srm_local_example .e_src_local_example {
width: calc(50% - 9px);
margin-top: 1.8rem;
}
.m_srm_local_example .e_src_local_example:nth-child(1),
.m_srm_local_example .e_src_local_example:nth-child(2) {
margin-top: 0;
}
.m_srm_local_example .e_src_local_example:nth-child(2n+1) {
margin-left: 0;
}
}

.m_srm_local_example .e_src_local_example .e_local_ttl {
background: #151a1d;
font-size: 2rem;
font-weight: bold;
line-height: 38px;
text-align: center;
color: #FFF;
}
.m_srm_local_example .e_src_local_example .e_local_cnts {
position: relative;
margin: 0 1.5rem;
padding-left: 1rem;
}
.m_srm_local_example .e_src_local_example .e_local_cnts:before {
content: "";
position: absolute;
top: 11px;
left: 0;
display: block;
background: #151a1d;
width: 3px;
height: 3px;
border-radius: 50%;
}
.m_srm_local_example .e_src_local_example .e_local_ttl + .e_local_cnts {
margin-top: 1.5rem;
}



/*-----------------------------------------------------
 会社情報
-----------------------------------------------------*/
.area_body .address {
margin-left: 0;
}
.area_body .oracle_mark .mark {
float: right;
max-width: 200px;
margin-left: 50px;
}

/*-----------------------------------------------------
 採用情報
-----------------------------------------------------*/
.area_body .staff .list_staff li {
width: 46%;
}

/*-----------------------------------------------------
 品質基本方針
-----------------------------------------------------*/
.l_quality .m_security_msa {
margin-bottom: 30px;
}
.l_quality .m_security_msa .e_security_msa_img {
max-width: 200px;
float: left;
margin-right: 30px;
}
.l_quality .m_security_msa .m_security_def_list {
width: calc(100% - 230px);
float: left;
}
.l_quality .m_security_msa .m_security_def_list .e_security_def_list_ttl {
clear: both;
float: left;
width: 30%;
font-weight: bold;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
.l_quality .m_security_msa .m_security_def_list .e_security_def_list_cnts {
float: left;
width: 70%;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
@media screen and (max-width: 900px) {
.l_quality .m_security_msa .e_security_msa_img {
float: none;
margin: 0 auto;
text-align: center;
}
.l_quality .m_security_msa .m_security_def_list {
float: none;
width: 100%;
margin-top: 15px;
}
}

/*-----------------------------------------------------
 情報セキュリティ基本方針
-----------------------------------------------------*/
.l_security .subtitle {
margin-top: 40px;
}
.l_security .txt_right{
margin-bottom: 40px;
}
.l_security .unit_description ul{
list-style-type: disc;
margin-left: 30px;
}
.l_security .m_security_msa {
margin-bottom: 30px;
}
.l_security .m_security_msa .e_security_msa_img {
max-width: 200px;
float: left;
margin-right: 30px;
}
.l_security .m_security_msa .m_security_def_list {
width: calc(100% - 230px);
float: left;
}
.l_security .m_security_msa .m_security_def_list .e_security_def_list_ttl {
clear: both;
float: left;
width: 30%;
font-weight: bold;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
.l_security .m_security_msa .m_security_def_list .e_security_def_list_cnts {
float: left;
width: 70%;
border-top: 1px solid #eeeeee;
padding: 15px 0;
}
@media screen and (max-width: 900px) {
.l_security .m_security_msa .e_security_msa_img {
float: none;
margin: 0 auto;
text-align: center;
}
.l_security .m_security_msa .m_security_def_list {
float: none;
width: 100%;
margin-top: 15px;
}
}



/* ==================================
　最新ウェブマーケティング
================================== */
.m_postarea .lead {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.l_cnts.m_archive .m_postarea {
float: none;
width: 100%;
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li {
width: calc(25% - 30px);
margin-right: 40px;
padding: 0;
border: none;
}
.webmarke_top .m_postarea > .e_list > .e_li:nth-child(4n) {
margin-right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb {
position: relative;
overflow: hidden;
min-height: 156px;
}
.webmarke_top .m_postarea > .e_list > .e_li .e_thumb img {
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .3s ease-in-out;
left: 0;
right: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li:hover {
opacity: 1;
}
.webmarke_top .m_postarea > .e_list > .e_li:hover .e_thumb img {
transform: translateY(-50%) scale(1.2);
}
.m_archive .m_postarea .lead {
color: #333333;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
margin-top: 2.5rem;
border-left: none;
padding: 0;
}
.webmarke_top .m_postarea > .e_list > .e_li a {
color: #333333;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.webmarke_top .m_postarea > .e_list > .e_li a:hover {
color: #333333;
text-decoration: none;
}
.webmarke_top .m_postarea .e_tags .tag a:hover {
color: #FFF;
}

/* ==================================
　テーマ別事例
================================== */
.m_single .m_postarea_contents .entry .e_content h2 {
margin-top: 5rem;
font-size: 24px;
}
.m_single .m_postarea_contents .entry .e_content h3 {
margin-top: 5rem;
font-weight: bold;
}
.m_single .m_postarea_contents .entry .e_content h4 {
margin-top: 5rem;
color: #ee3300;
font-size: 2.4rem;
font-weight: bold;
}
.m_single .m_postarea_contents .entry .e_content p {
margin-top: 2rem;
}
.m_single .m_postarea_contents .entry .e_content ul {
margin-top: 2rem;
padding-left: 1.5em;
list-style: disc;
}
.m_single .m_postarea_contents .entry .e_content ol {
margin-top: 2rem;
padding-left: 1.5em;
list-style: decimal;
}
.m_single .m_postarea_contents .entry .e_content table {
margin-top: 2rem;
width: 100%;
}
.m_single .m_postarea_contents .entry .e_content table th {
font-weight: bold;
padding: .5rem .8rem;
border: 1px solid #eee;
}
.m_single .m_postarea_contents .entry .e_content table td {
border: 1px solid #eee;
padding: .5rem .8rem;
}
.m_single .m_postarea_contents .entry ul.list_check {
list-style: none;
padding-left: 0;
}
.m_single .m_postarea_contents .entry ul.list_check li {
padding-left: 35px;
background: url(../imgs/common/icon_check_gray.svg) no-repeat 0 0.4em;
}
.m_single .m_postarea_contents .two_item {
margin-top: 1rem;
letter-spacing: -.4em;
}
.m_single .m_postarea_contents .two_item div {
display: inline-block;
width: 45%;
margin: 0 2%;
letter-spacing: normal;
}
.m_single .m_postarea_contents .entry .e_content table p:first-child {
margin-top: 0;
}
.m_single .m_postarea_contents .entry .e_content table ul:first-child {
margin-top: 0;
}
.m_single .m_postarea_contents .entry .e_content p.e_table_scroll {
display: none;
margin-top: .5rem;
font-size: 1.4rem;
}

/* SNSボタン用 */
#share{
	width:100%;
	margin:auto;
/*	text-align:center;*/
	padding:10px 0 10px 0;
	clear:both;
}
#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

#share_top {
	width:100%;
	margin:auto;
/*	text-align:center;*/
	padding:10px 0 10px 0;
	clear:both;
}
#share_top ul{
	height:auto;
}
#share_top li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share_top li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share_top li.share-twitter:hover{
	background:#83c3f3;
}
#share_top li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share_top li.share-facebook:hover{
	background:#4c70ba;
}
#share_top li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share_top li.share-google:hover{
	background:#e47365;
}
#share_top li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share_top li.share-hatena:hover{
	background:#4888d4;
}
#share_top li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share_top li.share-pocket:hover{
	background:#f26f7f;
}
#share_top li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share_top li.share-line:hover{
	background:#2bd92b;
}
#share_top a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share_top a:hover{
	text-decoration:none;
	color:#ffffff;
}

#share_bottom {
	width:100%;
	margin:auto;
/*	text-align:center;*/
	padding:10px 0 10px 0;
	clear:both;
}
#share_bottom ul{
	height:auto;
}
#share_bottom li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share_bottom li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share_bottom li.share-twitter:hover{
	background:#83c3f3;
}
#share_bottom li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share_bottom li.share-facebook:hover{
	background:#4c70ba;
}
#share_bottom li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share_bottom li.share-google:hover{
	background:#e47365;
}
#share_bottom li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share_bottom li.share-hatena:hover{
	background:#4888d4;
}
#share_bottom li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share_bottom li.share-pocket:hover{
	background:#f26f7f;
}
#share_bottom li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share_bottom li.share-line:hover{
	background:#2bd92b;
}
#share_bottom a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share_bottom a:hover{
	text-decoration:none;
	color:#ffffff;
}



/* ==================================
　フォーム用
================================== */
.table_form td input[type="email"] {
border: 1px solid #bbb;
padding: 15px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.error {
display: block;
color: #e30;
padding: 30px;
background-color: #fdeae5;
margin-top: 15px;
}



/* ==================================
　ホワイトペーパー用
================================== */
.m_single_frame .m_sec {
margin-top: 10rem;
}
.m_single_frame .m_sec .e_ttl_lv3 {
font-size: 24px;
margin: 30px 0 55px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
line-height: 1.5;
}
.m_single_frame .m_sec .m_white_paper {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
}
.m_single_frame .m_sec .m_white_paper .e_img {
width: 40%;
}
.m_single_frame .m_sec .m_white_paper .m_list {
margin-left: 5rem;
}
.m_single_frame .m_sec .m_white_paper .m_list .e_list {
font-size: 1.8rem;
line-height: 2.4;
}
.m_single_frame .m_sec .m_white_paper .m_list .e_list dt {
font-weight: bold;
}
.m_single_frame .m_sec .m_white_paper .m_list .e_list dd {
font-weight: bold;
}
.m_single_frame .m_sec .m_white_paper .m_list .e_txt_more {
color: #ee3300;
text-align: center;
font-size: 3rem;
font-weight: bold;
margin-top: 2rem;
}

.m_single_frame .m_dl_sec {
margin-top: 10rem;
}
.m_single_frame .m_dl_sec .e_ttl_lv3 {
background: #000;
color: #FFF;
font-size: 24px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
line-height: 1.5;
padding: .8rem 3rem;
}
.m_single_frame .m_dl_sec .m_form {
background: #f8faf5;
padding: 5rem 8rem;
}
.m_single_frame .m_dl_sec .m_form .m_form_input {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width: 100%;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
margin-bottom: 3rem;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form.e_form_half {
width: 45%;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form.e_form_half + .e_form_half {
margin-left: 10%;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form:first-child {
margin-top: 0;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_ttl {
font-size: 2rem;
width: 100px;
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_cnts {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
}
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_cnts input[type=text],
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_cnts input[type=tel],
.m_single_frame .m_dl_sec .m_form .m_form_input .e_form .e_form_cnts input[type=email] {
width: 100%;
font-size: 1.8rem;
padding: .5rem .8rem;
box-sizing: border-box;
}
.m_single_frame .m_dl_sec .m_form .e_btn {
position: relative;
margin-top: 5rem;
background: #333333;
min-height: 7rem;
}
.m_single_frame .m_dl_sec .m_form .e_btn:before {
content: "";
position: absolute;
z-index: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 100%;
height: 0;
background: #ee3300;
transition: height .3s ease-in-out;
}
.m_single_frame .m_dl_sec .m_form .e_btn:hover:before {
height: 100%;
}
.m_single_frame .m_dl_sec .m_form .e_btn input[type=submit] {
position: relative;
display: block;
width: 100%;
z-index: 2;
background: none;
cursor: pointer;
color: #FFF;
font-size: 1.8rem;
font-weight: bold;
padding: 2rem 0;
}



/* ==================================
　DEMO用
================================== */
.m_postarea.m_demo {
width: 100%;
box-sizing: border-box;
}