/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
/***** inner *****/
.inner {
padding: 50px 20px;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:inline-block!important;
}

/***** BOX *****/
/* グレー */
.box {
padding: 15px 20px;
}


/***** ボタンエリア *****/
.btnarea {
margin: 30px auto;
}


/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
.container {
}

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/*************** ■共通パーツ ***************/
/***** パンくず *****/
.breadcrumb {
font-size:1.2rem;
}
.breadcrumb .inner {
padding:11px 20px;
}
.breadcrumb ul li::after {
margin:0 .5em;
}

/***** 導入前のご相談 *****/
.consultation {
}
/*** タブメニュー ***/
.consultation .tab_menu ul li {
font-size: 1.1rem;
padding: 1em .25em;
line-height: 1.3;
flex-wrap: wrap;
}
.consultation .tab_menu ul li i {
display:none;
}
.consultation .inner {
padding:50px 20px 50px 20px
}

/*** 製品・サービス導入をご検討中のお客様 ***/
/* リード */
.consultation .consultation_lead {
margin:0 auto 30px auto;
font-size:1.4rem;
}
.consultation .consultation_lead .consultation_title {
font-size:2.8rem;
margin-bottom: .5em;
}
.consultation .consultation_lead .btnarea {
}
.consultation .consultation_lead .btnarea a.btnC {
font-size:1.4rem;
}
.consultation .consultation_lead .btnarea a.btnC i {
font-size:1.4rem;
}

/* ご相談メニュー */
.consultation .consultation_menu {
}
.consultation .consultation_menu ul {
display:block;
}
.consultation .consultation_menu ul li {
width:100%;
max-width:100%;
padding:0 0;
margin: 0 auto 1.5em auto;
display: flex;
align-items: center;
}
.consultation .consultation_menu ul li a {
display: flex;
align-items: center;
}
.consultation .consultation_menu ul li .consultation_menu_ic {
width:80px;
height:80px;
margin:0 20px 0 0;
padding:0;
}
.consultation .consultation_menu ul li .consultation_menu_ic .allow {
bottom:6px;
font-size:1.2rem;
width:20px;
height:20px;
}
.consultation .consultation_menu ul li .consultation_menu_txt {
width:calc(100% - 100px);
font-size:1.4rem;
text-align:left;
}
.consultation .consultation_menu ul li .consultation_menu_txt .consultation_menu_title {
font-size:1.4rem;
}
/*** 製品をご利用のお客様 ***/

/***** ニュース一覧 *****/
.news_list {
}
.news_list ul {
margin:0 auto;
}
.news_list ul li {
padding:20px 0;
flex-wrap:wrap;
}
.news_list ul li:after {
display:none;
}
.news_list ul li .news_list_date {
}
.news_list ul li .news_list_category {
}
.news_list ul li .news_list_title {
width:100%;
margin: .5em 0 0 0;
}

/***** ページネーション *****/
.pagination ul {
justify-content: space-between;
}
.pagination ul li {
margin:0 ;
font-size:1.4rem;
}
.pagination ul li a i {
font-size:1.2rem;
}


/***** Coming Soon *****/
.comingsoon .inner {
padding:100px 20px;
}
.comingsoon .comingsoon_title {
font-size:2.4rem;
}


/***** 送信完了 *****/
.thankyou .inner {
padding:100px 20px;
}
.thankyou .thankyou_title {
font-size:2.4rem;
}

/***** 採用情報ナビ *****/
.recruit_navi {
}
.recruit_navi.move_position {
margin-top: -40px;
}
.recruit_navi .inner {
padding:20px 20px;
}
.recruit_navi .inner > ul > li {
font-size:1.2rem;
}
.recruit_navi .inner > ul > li.entry {
width:auto;
}
.recruit_navi .inner > ul > li.hamburger {
width:auto;
}
.recruit_navi .inner > ul > li .dropdownmenu {
display:none;
}
.recruit_navi .inner > ul > li .dropdownmenu.visible {
display:block;
}
.recruit_navi .inner > ul > li .dropdownmenu ul li {
font-size:1.2rem;
}

/***** 採用情報エントリーバナー *****/
.recruit_entry {
}
.recruit_entry .inner {
}

.recruit_entry .recruit_entry_title {
font-size:2.4rem;
}
.recruit_entry ul {
display:block;
max-width:480px;
}
.recruit_entry ul li {
width: 100%;
margin-bottom:30px;
}
.recruit_entry ul li:last-child {
margin-bottom:0;
}


/*************** ■TOPページ ***************/
.toppage {
}

/***** ページヘッダー *****/
.toppage .pageheader {
}
.toppage .pageheader {
background:#F8F8F8 url(../images/toppage_pageheader_bg.png) no-repeat top 50px center;
background-size:340px auto;
}
.toppage .pageheader .inner {
padding:30px 20px 30px 20px;
}
.toppage .pageheader .page_title {
font-size:3.2rem;
}

.toppage .pageheader .about_us {
display:block;
padding:20px;
}
.toppage .pageheader .about_us .about_us_txt {
width:100%;
margin:0 auto 20px auto;
}
.toppage .pageheader .about_us .about_us_txt dl {
display:block;
}
.toppage .pageheader .about_us .about_us_txt dl dt {
width:100%;
}
.toppage .pageheader .about_us .about_us_txt dl dd {
width:100%;
font-size:1.2rem;
}
.toppage .pageheader .about_us .about_us_cta {
width:100%;
}
.toppage .pageheader .about_us .about_us_cta .btnarea .btnA ,
.toppage .pageheader .about_us .about_us_cta .btnarea .btnB {
font-size:1.6rem;
width: 220px;
}
.toppage .pageheader .about_us .about_us_cta .btnarea .btnA i ,
.toppage .pageheader .about_us .about_us_cta .btnarea .btnB i {
font-size:1.4rem;
}

/***** TOP NEWS *****/
.toppage .top_news {
}
.toppage .top_news .inner {
display:block;
}

.toppage .top_news .top_news_title {
width:fit-content;
font-size:3.2rem;
text-align:center;
margin:0 auto 1em auto;
}
.toppage .top_news .news_list {
width:100%;
}
.toppage .top_news .news_list ul {
margin-bottom:20px;
}
.toppage .top_news .btnarea {
justify-content: center;
}
.toppage .top_news .btnarea a.btnC {
font-size:1.4rem;
}
.toppage .top_news .btnarea a.btnC i {
font-size:1.4rem;
}

/***** TOP サービス・製品 *****/
.toppage .top_service {
}

/*** ヘッダー ***/
.toppage .top_service .top_service_header {
}
.toppage .top_service .top_service_header .inner {
padding:50px 20px ;
}
.toppage .top_service .top_service_header .page_title {
font-size:3rem;
display:block;
}
.toppage .top_service .top_service_header .page_title .en {
font-size:1.6rem;
margin:1em 0 0 0;
}

.toppage .top_service .top_service_header .slogan {
font-size:1.2rem;
}


/*** サービス・製品一覧 ***/
.toppage .top_service_list {
}
.toppage .top_service_list .inner {
width:480px;
}

.toppage .top_service_list ul {
display:block;
}
.toppage .top_service_list ul li {
width:100%;
padding: 0;
margin:0 auto 50px auto;
font-size:1.4rem;
}
.toppage .top_service_list ul li .top_service_list_logo a ,
.toppage .top_service_list ul li .top_service_list_logo span {
padding:20px;
}
.toppage .top_service_list ul li .top_service_list_logo a .top_service_list_type {
}
.toppage .top_service_list ul li .top_service_list_logo a .top_service_list_img {
}

.toppage .top_service_list .btnarea {
justify-content:center;
margin: 0 auto;
}
.toppage .top_service_list .btnarea a.btnC {
font-size:1.4rem;
}
.toppage .top_service_list .btnarea a.btnC i {
font-size:1.4rem;
}

/***** ピックアップ *****/
.toppage .pickup {
}

/*** ヘッダー ***/
.toppage .pickup .pickup_header {
}
.toppage .pickup .pickup_header .inner {
padding:50px 20px 20px 20px;
}
.toppage .pickup .pickup_header .page_title {
font-size:3.2rem;
}
.toppage .pickup .pickup_header .page_title .jp {
font-size:1.6rem;
}

/*** ピックアップ一覧 ***/
.toppage .pickup .pickup_list {
}
.toppage .pickup .pickup_list .inner {
padding:30px 20px;
width:480px;
}
.toppage .pickup .pickup_list ul {
display:block;
margin:auto;
}
.toppage .pickup .pickup_list ul li {
width:100%;
padding:0 0 15px 0;
}
.toppage .pickup .pickup_list ul li .pickup_list_txt {
}
.toppage .pickup .pickup_list ul li .pickup_list_txt .pickup_list_title {
font-size:1.6rem;
margin:0 0 .5em 0;
}

/***** TOP ソリューション *****/
.toppage .top_solution {
}
.toppage .top_solution .inner {
width:480px;
}

.toppage .top_solution ul {
}
.toppage .top_solution ul li {
margin-bottom:20px;
}

.toppage .top_solution ul li a {
padding:15px 40px;
}
.toppage .top_solution ul li a:after {
width:18px;
height:18px;
background:url(../images/ic_allow-right_wh.svg) no-repeat center center;
background-size:18px 18px;
right:20px;
}
.toppage .top_solution ul li a .top_solution_txt {
font-size:1rem;
}
.toppage .top_solution ul li a .top_solution_txt .top_solution_title {
font-size:2.6rem;
}

/*************** ■サービス・製品 ***************/
.service-product {
}

/***** ページヘッダー *****/
.service-product .pageheader {
display:block;
}
.service-product .pageheader .inner {
padding:50px 20px;
}
.service-product .pageheader .page_title {
font-size:2rem;
}

/***** サービス *****/
.service-product .service {
}
.service-product .service .inner {
width:480px;
}

.service-product .service .page_title {
font-size:3.2rem;
font-weight:800;
display:block;
}
.service-product .service .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}
.service-product .service .service_slogan {
font-size:2rem;
}

.service-product .service ul {
}
.service-product .service ul li {
margin:0 auto 20px auto;
}
.service-product .product ul li a ,
.service-product .product ul li span {
padding:20px;
}
.service-product .service ul li .service_catch {
font-size:1.4rem;
display: block;
margin:0 auto 20px auto;
}
.service-product .service ul li .service_catch .service_type {
margin: 0 auto 1em auto;
display: block;
width: fit-content;
}
.service-product .service ul li .service_wrap {
display: block;
}
/*service_block1*/
.service-product .service ul li .service_wrap .service_block1 {
width:100%;
padding:0 ;
}
.service-product .service ul li .service_wrap .service_block1 .service_logo {
margin:20px auto;
}
.service-product .service ul li .service_wrap .service_block1 .service_ex {
font-size:1.6rem;
margin:0 auto 20px auto;
}
.service-product .service ul li .service_wrap .service_block1 dl div dt {
font-size:1.4rem;
}
.service-product .service ul li .service_wrap .service_block1 dl div dd {
font-size:1.4rem;
}
/*service_block2*/
.service-product .service ul li .service_wrap .service_block2 {
width:100%;
}


/***** 製品 *****/
.service-product .product {
}
.service-product .product .inner {
width:480px;
}
.service-product .product .page_title {
font-size:3.2rem;
font-weight:800;
display:block;
}
.service-product .product .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}
.service-product .product .product_slogan {
font-size:2rem;
}

.service-product .product ul {
}
.service-product .product ul li {
margin:0 auto 20px auto;
padding:20px;
}
.service-product .product ul li .product_catch {
font-size:1.4rem;
display: block;
margin:0 auto 20px auto;
}
.service-product .product ul li .product_catch .product_type {
margin: 0 auto 1em auto;
display: block;
width: fit-content;
}
.service-product .product ul li .product_wrap {
display: block;
}
/*product_block1*/
.service-product .product ul li .product_wrap .product_block1 {
width:100%;
padding:0 ;
}
.service-product .product ul li .product_wrap .product_block1 .product_logo {
margin:20px auto;
}
.service-product .product ul li .product_wrap .product_block1 .product_ex {
font-size:1.6rem;
margin:0 auto 20px auto;
}
/*product_block2*/
.service-product .product ul li .product_wrap .product_block2 {
width:100%;
}
.service-product .product ul li .product_wrap .product_block2 dl div dt {
font-size:1.4rem;
}
.service-product .product ul li .product_wrap .product_block2 dl div dd {
font-size:1.4rem;
}

/*************** ■サービス・製品＞AtoZ portal 共通 ***************/
.atozportal_title {
font-size:2.4rem;
}

/***** 特徴 *****/
.atozportal_feature {
}
.atozportal_feature .inner {
}

.atozportal_feature .inner > ul > li {
margin:20px auto;
padding:20px;
display:block;
}
.atozportal_feature .inner > ul > li .atozportal_feature_img {
margin:0 auto 20px auto;
}
.atozportal_feature .inner > ul > li .atozportal_feature_txt {
width:100%;
padding-left:0;
font-size:1.4rem;
}
.atozportal_feature .inner > ul > li .atozportal_feature_txt .atozportal_feature_title {
font-size:1.8rem;
}
.atozportal_feature .inner > ul > li .atozportal_feature_txt .atozportal_feature_title small {
font-size:1.4rem;
}
.atozportal_feature .inner > ul > li .atozportal_feature_txt .atozportal_feature_subtitle {
font-size:1.6rem;
}

/***** 機能 *****/
.atozportal_function {
}
.atozportal_function .inner {
}

.atozportal_function .inner > ul {
display:block;
}
.atozportal_function .inner > ul > li {
width:100%;
margin:20px auto;
padding:20px;
}
.atozportal_function .inner > ul > li *:last-child {
margin-bottom:0;
}
.atozportal_function .inner > ul > li .atozportal_function_title {
font-size:1.8rem;
}
.atozportal_function .inner > ul > li .atozportal_function_title small {
font-size:1.4rem;
}
.atozportal_function .inner > ul > li .atozportal_function_img {
margin:0 auto 20px auto;
}
.atozportal_function .inner > ul > li .atozportal_function_txt {
font-size:1.4rem;
}


/*************** ■サービス・製品＞AtoZ portal TOP ***************/
.atozportal {
}

/***** ページヘッダー *****/
.atozportal .pageheader {
}
.atozportal .pageheader .inner {
padding:50px 20px 20px 20px;
display:block;
}
.atozportal .pageheader .atozportal_pageheader_txt {
font-size:1.4rem;
}
.atozportal .pageheader .atozportal_pageheader_txt .page_title {
font-size:3.2rem;
margin:0 0 1em 0;
}
.atozportal .pageheader .atozportal_pageheader_txt ul {
flex-wrap:wrap;
width: 100%;
border-radius:10px;
margin:0 0 20px 0;
padding:2px;
}
.atozportal .pageheader .atozportal_pageheader_txt ul li {
font-size:1.2rem;
width:50%;
padding:2px;
}
.atozportal .pageheader .atozportal_pageheader_txt ul li a {
border-radius:10px;
}
.atozportal .pageheader .atozportal_pageheader_txt .atozportal_pageheader_subtitle {
font-size:1.8rem;
margin:0 0 .5em 0;
}

.atozportal .pageheader .atozportal_pageheader_img {
}

/***** 現場のDXが進まない理由をゼロに。運用まで完結する唯一のポータル。 *****/
.atozportal .atozportal_onlyone {
}
.atozportal .atozportal_onlyone .inner {
width:480px;
}

.atozportal .atozportal_onlyone ul li {
width:100%;
margin:0 auto 20px auto;
display:block;
}
.atozportal .atozportal_onlyone ul li *:last-child {
margin-bottom:0;
}
.atozportal .atozportal_onlyone ul li .atozportal_onlyone_img {
width:100%;
}
.atozportal .atozportal_onlyone ul li .atozportal_onlyone_txt {
width:100%;
font-size:1.4rem;
padding:20px;
}
.atozportal .atozportal_onlyone ul li .atozportal_onlyone_txt .atozportal_onlyone_title {
font-size:1.8rem;
}

/***** AtoZ portalの種類 *****/
.atozportal .atozportal_type {
}
.atozportal .atozportal_type .inner {
width:480px;
}

.atozportal .atozportal_type ul {
display:block;
}
.atozportal .atozportal_type ul li {
width:100%;
padding: 20px;
}


/*************** ■サービス・製品＞AtoZ portal 下階層 ***************/
.atozportal_lv2 {
}

/***** ページヘッダー *****/
.atozportal_lv2 .pageheader {
}
.atozportal_lv2 .pageheader .inner {
padding:50px 20px 20px 20px;
display:block;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_txt {
font-size:1.4rem;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_txt .page_title {
font-size:3rem;
margin:0 0 1em 0;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_txt .atozportal_pageheader_subtitle {
font-size:1.8rem;
margin:0 0 1.5em 0;
}

.atozportal_lv2 .pageheader .atozportal_pageheader_txt ul {
margin:0 0 30px 0;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_img {
}

/***** 導入する利点 *****/
.atozportal_lv2 .atozportal_advantage {
}
.atozportal_lv2 .atozportal_advantage .inner {
}
.atozportal_lv2 .atozportal_advantage ol li {
font-size:1.6rem;
}

/***** 機能 *****/
.atozportal_lv2 .atozportal_function .inner {
padding:0 20px 50px 20px;
}
.atozportal_lv2 .atozportal_function .inner > ul > li {
width:100%;
}
.atozportal_lv2 .atozportal_function .btnarea {
margin-top: 50px;
}
.atozportal_lv2 .atozportal_function .btnarea .btnB {
font-size:1.6rem;
padding:.75em 2em;
}
/*academic*/
.atozportal_lv2.academic .atozportal_function .inner > ul > li {
width:100%;
}




/*************** ■サービス・製品＞利用規約／契約約款一覧 ***************/
.terms {
}

/***** ページヘッダー *****/
.terms .pageheader {
}
.terms .pageheader .inner {
}
.terms .pageheader .page_title {
font-size:2.4rem;
}

/***** 利用規約／契約約款一覧ナビ *****/
.terms .terms_navi {
}
.terms .terms_navi .inner {
padding:0 20px 50px 20px;
}

.terms .terms_navi .terms_navi_title {
font-size:2rem;
}


/*************** ■サービス・製品＞利用規約／契約約款一覧＞AtoZ portal サービス利用規約 ***************/
.terms_detail {
}

/***** ページヘッダー *****/
.terms_detail .pageheader {
}
.terms_detail .pageheader .inner {
}
.terms_detail .pageheader .page_title {
font-size:2.4rem;
}
.terms_detail .pageheader .page_lead {
font-size:1.4rem;
line-height: 2;
}

/***** AtoZ portal サービス利用規約コンテンツ *****/
.terms_detail .terms_detail_cont {
}
.terms_detail .terms_detail_cont .inner {
font-size:1.4rem;
padding:0 20px 50px 20px;
}

.terms_detail .terms_detail_cont .terms_detail_block {
padding:50px 20px 20px 20px;
margin:0 auto 30px auto;
}

.terms_detail .terms_detail_cont .terms_detail_title {
font-size:2rem;
}
.terms_detail .terms_detail_cont .terms_detail_subtitle {
font-size:1.6rem;
}

/*************** ■サービス・製品＞KUAS with Linkedin Leaning ***************/
.kuas {
}

/***** ページヘッダー *****/
.kuas .pageheader {
}
.kuas .pageheader .inner {
padding:30px 20px 30px 20px;
}
.kuas .pageheader .kuas_pageheader_txt {
font-size:1.6rem;
}
.kuas .pageheader .kuas_pageheader_txt .kuas_pageheader_logo {
}
.kuas .pageheader .kuas_pageheader_txt .page_title {
font-size:3.4rem;
}
.kuas .pageheader .kuas_pageheader_txt .page_title small {
font-size:1.4rem;
padding: .4em 1.5em;
}

.kuas .pageheader .kuas_pageheader_img {
}

/***** KUAS with Linkedin Leaning とは？ *****/
.kuas .kuas_about {
}
/*** Aパート ***/
.kuas .kuas_about .kuas_about_A {
}
.kuas .kuas_about .kuas_about_A .inner {
padding:20px;
}
.kuas .kuas_about .kuas_about_A .kuas_about_title {
font-size:3rem;
}
.kuas .kuas_about .kuas_about_A .kuas_about_title small {
font-size:1.6rem;
}

/*** Bパート ***/
.kuas .kuas_about .kuas_about_B {
}
.kuas .kuas_about .kuas_about_B .inner {
padding:30px 20px 50px 20px;
}

.kuas .kuas_about .kuas_about_B .kuas_about_title {
font-size:2rem;
}

/* リード */
.kuas .kuas_about .kuas_about_B .kuas_about_lead {
font-size:1.6rem;
margin:0 auto 30px auto
}

/* コンテンツ&サービス */
.kuas .kuas_about .kuas_about_B .contents-service {
padding:20px 20px;
}

.kuas .kuas_about .kuas_about_B .contents-service .contents-service_head {
margin:0 auto 20px auto;
}
.kuas .kuas_about .kuas_about_B .contents-service .contents-service_head small {
font-size:1.6rem;
}
.kuas .kuas_about .kuas_about_B .contents-service .contents-service_head .contents-service_title {
font-size:2.4rem;
}

.kuas .kuas_about .kuas_about_B .contents-service .contents-service_case {
}
.kuas .kuas_about .kuas_about_B .contents-service .contents-service_case .contents-service_case_title {
font-size:1.6rem;
padding: .3em 2em .3em 1.5em;
min-width: auto;
}
.kuas .kuas_about .kuas_about_B .contents-service .contents-service_case .contents-service_case_list {
border:2px solid;
padding:20px;
display:block;
}
.kuas .kuas_about .kuas_about_B .contents-service .contents-service_case .contents-service_case_list ul.dotlist {
margin-bottom:0;
font-size:1.4rem;
}

/*コンテンツ*/
.kuas .kuas_about .kuas_about_B .contents-service .contents {
margin-bottom:30px;
}
/*サービス*/
.kuas .kuas_about .kuas_about_B .contents-service .service .contents-service_case .contents-service_case_list ul.dotlist {
width:100%;
}

/* Way? */
.kuas .kuas_about .kuas_about_B .way {
margin: 90px auto 50px auto;
}
.kuas .kuas_about .kuas_about_B .way .way_title {
padding:15px 20px 15px 0;
margin: 0 20px -35px 0;
}
.kuas .kuas_about .kuas_about_B .way .way_title .way_title_txt {
font-size:2rem;
margin-right:20px;
padding-left: 1.5em;
}
.kuas .kuas_about .kuas_about_B .way .way_title .way_title_logo {
width:100%;
}

.kuas .kuas_about .kuas_about_B .way .kuas_recurrent {
padding:30px 20px;
}
.kuas .kuas_about .kuas_about_B .way .kuas_recurrent .kuas_recurrent_title {
font-size:1.6rem;
}
.kuas .kuas_about .kuas_about_B .way .kuas_recurrent .kuas_recurrent_img {
}
.kuas .kuas_about .kuas_about_B .way .kuas_recurrent .kuas_recurrent_txt {
font-size:1.4rem;
}

.kuas .kuas_about .kuas_about_B .way .kuas_kyotouniv {
padding:30px 20px;
}
.kuas .kuas_about .kuas_about_B .way .kuas_kyotouniv .kuas_kyotouniv_logo {
margin: 0 auto 40px auto;
}
.kuas .kuas_about .kuas_about_B .way .kuas_kyotouniv .kuas_kyotouniv_img {
}
.kuas .kuas_about .kuas_about_B .way .kuas_kyotouniv .kuas_kyotouniv_txt {
font-size:1.4rem;
}
.kuas .kuas_about .kuas_about_B .way .kuas_kyotouniv .kuas_kyotouniv_txt .kuas_kyotouniv_title {
font-size:1.6rem;
}

/* Linked in Learning */
.kuas .kuas_about .kuas_about_B .linked-in-learning {
padding:30px 20px;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_logo {
margin:0 auto 10px auto;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_title {
font-size:1.6rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead {
margin:0 auto 30px auto;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead .linked-in-learning_lead_title {
font-size:1.6rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead .linked-in-learning_lead_img {
margin:0 auto 20px auto;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead dl {
display:block;
margin:0 auto;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead dl div {
width:100%;
max-width: 100%;
margin: 0 0 20px 0;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead dl div dt {
font-size:1.6rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead dl div dd {
font-size:1.4rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_lead .note {
font-size:1.2rem;
}

.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature {
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl {
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl div {
margin: 0 auto 30px auto;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl dt {
font-size:2rem;
padding:0;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl dt small {
font-size:1.4rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl dt .number {
font-size:3.2rem;
}
.kuas .kuas_about .kuas_about_B .linked-in-learning .linked-in-learning_feature dl dd {
font-size:1.4rem;
}


/*************** ■サービス・製品＞Liferay ***************/
.liferay {
}

.liferay .liferay_title {
font-size:2rem;
}

/***** ページヘッダー *****/
.liferay .pageheader {
display:block;
}
.liferay .pageheader .inner {
padding:50px 20px;
}
.liferay .pageheader .page_title {
font-size:2rem;
}
.liferay .pageheader .page_lead {
font-size:1.4rem;
}

/***** 導入 *****/
.liferay .liferay_about {
}
.liferay .liferay_about .inner {
}
.liferay .liferay_about .liferay_about_title {
font-size:2.4rem;
padding:.2em 20px .35em 20px;
}
.liferay .liferay_about dl {
display: block;
}
.liferay .liferay_about dl dt {
margin:0 auto 1em auto;
width: 100%;
max-width: 350px;
}
.liferay .liferay_about dl dd {
font-size:1.4rem;
}
.liferay .liferay_about dl dd .liferay_about_subtitle {
font-size:1.8rem;
}

/***** このようなお悩みはありませんか？ *****/
.liferay .liferay_field {
}
.liferay .liferay_field .inner {
}
.liferay .liferay_field ul {
padding: 20px;
font-size:1.4rem;
display:block;
}
.liferay .liferay_field ul li {
padding: 10px 10px 10px 50px;
width:100%;
margin:0;
}
.liferay .liferay_field ul li:before {
left:10px;
}

/***** Liferayが選ばれる理由 *****/
.liferay .liferay_feature {
}
.liferay .liferay_feature .inner {
padding:0 20px 50px 20px;
font-size:1.4rem;
}
.liferay .liferay_feature .liferay_feature_title {
font-size:2rem;
}

.liferay .liferay_feature .liferay_feature_wrap {
width:480px;
}
.liferay .liferay_feature .liferay_feature_wrap .block {
width:100%;
margin:0 auto 20px auto;
}
.liferay .liferay_feature .liferay_feature_wrap .block .liferay_feature_block_title {
font-size:1.8rem;
margin-top:10px;
padding: .25em 20px;
}
.liferay .liferay_feature .liferay_feature_wrap .block .liferay_feature_block_title .number {
width:30px;
height:30px;
}

.liferay .liferay_feature .liferay_feature_wrap .block .liferay_feature_block_txt {
font-size:1.4rem;
margin:20px;
}
.liferay .liferay_feature .liferay_feature_wrap .block .liferay_feature_block_txt .liferay_feature_block_subtitle {
font-size: 1.6rem;
}

/***** エイジングについて *****/
.liferay .liferay_azing {
}
/*** Aパート ***/
.liferay .liferay_azing .liferay_azing_A {
}
.liferay .liferay_azing .liferay_azing_A .inner {
padding:20px;
}
.liferay .liferay_azing .liferay_azing_A .liferay_azing_title {
font-size:2.4rem;
}
.liferay .liferay_azing .liferay_azing_A .liferay_azing_title .en {
font-size:1.2rem;
}
/*** Bパート ***/
.liferay .liferay_azing .liferay_azing_B {
}
.liferay .liferay_azing .liferay_azing_B .inner {
}

/* Liferay オフィシャルパートナー */
.liferay .liferay_azing .liferay_azing_B .official_partner {
margin: 0 auto 50px auto;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_lead {
margin:0 auto 30px auto;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_lead dl {
display:block;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_lead dl dt {
margin:0 auto 1em auto;
width: 100%;
max-width: 350px;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_lead dl dd {
padding:0;
font-size:1.4rem;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_point {
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_point dl {
display:block;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_point dl div {
width:100%;
margin: 0 auto 20px auto;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_point dl dt {
font-size:1.6rem;
}
.liferay .liferay_azing .liferay_azing_B .official_partner .official_partner_point dl dt .number {
font-size:1.4rem;
}

/* 受賞実績 */
.liferay .liferay_azing .liferay_azing_B .award {
margin: 0 auto 50px auto;
}
.liferay .liferay_azing .liferay_azing_B .award dl {
display:block;
}
.liferay .liferay_azing .liferay_azing_B .award dl dt {
width:100%;
max-width:350px;
margin:0 auto 20px auto;
}
.liferay .liferay_azing .liferay_azing_B .award dl dd {
width:100%;
font-size:1.4rem;
padding:0 ;
}
.liferay .liferay_azing .liferay_azing_B .award dl dd .award_title {
font-size:1.8rem;
}

/* 導入実績 */
.liferay .liferay_azing .liferay_azing_B .casestudy {
margin: 0 auto ;
}
.liferay .liferay_azing .liferay_azing_B .casestudy ul li {
margin:10px;
}
.liferay .liferay_azing .liferay_azing_B .casestudy ul li img {
max-height: 40px;
}





/*************** ■ソリューション ***************/
.solution {
}

/***** ページヘッダー *****/
.solution .pageheader {
display:block;
}
.solution.it-consulting .pageheader {
}
.solution .pageheader .inner {
padding:50px 20px;
}
.solution .pageheader .page_title {
font-size:2rem;
}
.solution.it-consulting .pageheader .page_title ,
.solution.it-solution .pageheader .page_title {
font-size:3rem;
}
.solution .pageheader .page_lead {
font-size:1.4rem;
}

/***** ソリューションナビ *****/
.solution .solution_navi {
}
.solution .solution_navi .inner {
}

.solution .solution_navi ul {
width:480px;
max-width:100%;
}
.solution .solution_navi ul li {
margin:0 auto 20px auto;
}
.solution .solution_navi ul li a {
padding:30px;
display:block;
}
.solution .solution_navi ul li .solution_navi_img {
width:100%;
max-width:100%;
margin-bottom:20px;
}
.solution .solution_navi ul li .solution_navi_txt {
width:100%;
min-width:100%;
padding: 0 ;
font-size:1.4rem;
}
.solution .solution_navi ul li .solution_navi_txt .solution_navi_txt_title {
font-size:2.4rem;
font-weight:900;
line-height: 1;
display:block;
margin-bottom:.5em;
}
.solution .solution_navi ul li .solution_navi_txt .solution_navi_txt_title .en {
font-size:1.2rem;
margin: 1em 0 0 0;
display:block;
}
.solution .solution_navi ul li .solution_navi_txt *:last-child {
margin-bottom:0;
}

/***** 導入 *****/
.solution .solution_about {
}
.solution .solution_about .inner {
}
.solution .solution_about .solution_about_title {
font-size:2.4rem;
padding:.2em 4em .35em 20px;
}
.solution .solution_about .solution_about_txt {
padding:0 20px;
margin:0 0 50px 0;
font-size:1.4rem;
}
.solution .solution_about .solution_about_txt .solution_about_subtitle {
font-size:1.8rem;
}

/* solution_about_box */
.solution .solution_about .solution_about_box {
border:3px solid #F2F2F2;
padding:20px;
}
.solution .solution_about .solution_about_box .solution_about_box_lead {
width:100%;
font-size:1.6rem;
margin:0 0 20px 0;
}
.solution .solution_about .solution_about_box .solution_about_box_lead *:last-child {
margin-bottom:0;
}
.solution .solution_about .solution_about_box .solution_about_box_lead .solution_about_box_lead_title {
font-size:2.4rem;
}
.solution .solution_about .solution_about_box .solution_about_box_cont {
}
.solution .solution_about .solution_about_box .solution_about_box_cont dl {
font-size:1.4rem;
}

/***** このようなお悩みはありませんか？ *****/
.solution .solution_probrem {
}
.solution .solution_probrem .inner {
}
.solution .solution_probrem .solution_probrem_title {
font-size:2rem;
}
.solution .solution_probrem ul {
padding: 20px;
font-size:1.4rem;
}
.solution .solution_probrem ul li {
padding: 10px 10px 10px 50px;
}
.solution .solution_probrem ul li:before {
left:10px;
}

/***** ITコンサルティングの進め方 *****/
.solution .solution_approach {
}
/*** Aパート ***/
.solution .solution_approach .solution_approach_A {
}
.solution .solution_approach .solution_approach_A .inner {
font-size:1.4rem;
}
.solution .solution_approach .solution_approach_A .solution_approach_title {
font-size:2.4rem;
}
.solution .solution_approach .solution_approach_A .solution_approach_title small {
font-size:1.2rem;
}
.solution .solution_approach .solution_approach_A .solution_approach_img {
margin:50px auto 0 auto;
}
/*** Bパート ***/
.solution .solution_approach .solution_approach_B {
}
.solution .solution_approach .solution_approach_B .inner {
width:480px;
padding:20px;
}

.solution .solution_approach .solution_approach_B .block {
width:calc(100% - 20px);
}
.solution .solution_approach .solution_approach_B .block .solution_approach_block_title {
}
.solution .solution_approach .solution_approach_B .block .solution_approach_block_title small {
font-size:1.4rem;
margin:10px 20px;
}
.solution .solution_approach .solution_approach_B .block .solution_approach_block_title big {
font-size:1.8rem;
}
.solution .solution_approach .solution_approach_B .block ul {
font-size:1.4rem;
}
.solution .solution_approach .solution_approach_B .block ul li {
}

/***** エイジングが選ばれる理由 *****/
.solution .solution_feature {
}
/*** Aパート ***/
.solution .solution_feature .solution_feature_A {
}
.solution .solution_feature .solution_feature_A .inner {
padding:20px;
}
.solution .solution_feature .solution_feature_A .solution_feature_title {
font-size:2.4rem;
}
/*** Bパート ***/
.solution .solution_feature .solution_feature_B {
}
.solution .solution_feature .solution_feature_B .inner {
}
.solution .solution_feature .solution_feature_B ol {
}
.solution .solution_feature .solution_feature_B ol li {
padding:20px 0;
}
.solution .solution_feature .solution_feature_B ol li .solution_feature_number {
font-size:1.8rem;
line-height:30px;
width:30px;
height:30px;
}
.solution .solution_feature .solution_feature_B ol li .solution_feature_cont {
width:calc(100% - 50px);
font-size:1.4rem;
}
.solution .solution_feature .solution_feature_B ol li .solution_feature_cont *:last-child {
margin-bottom:0;
}
.solution .solution_feature .solution_feature_B ol li .solution_feature_cont .solution_feature_subtitle {
font-size:1.8rem;
}

/***** 必要なところから、必要な分だけ *****/
.solution .solution_case {
}
.solution .solution_case .inner {
font-size:1.4rem;
}
.solution .solution_case .solution_case_title {
font-size:2rem;
}

.solution .solution_case .solution_case_box {
padding:10px 0 ;
}
.solution .solution_case .solution_case_box .solution_case_box_title {
font-size:1.8rem;
padding:.25em 20px;
}
.solution .solution_case .solution_case_box dl {
font-size:1.4rem;
margin:20px 20px 0 20px;
}
.solution .solution_case .solution_case_box dl div {
}
.solution .solution_case .solution_case_box dl dt {
width: 170px;
}
.solution .solution_case .solution_case_box dl dd {
width:calc(100% - 170px);
padding: 0 0 0 1em;
}

/***** ソリューション領域 *****/
.solution .solution_field {
}
.solution .solution_field .inner {
font-size:1.4rem;
}
.solution .solution_field .solution_field_title {
font-size:2rem;
}

.solution .solution_field .solution_field_wrap {
width:480px;
}
.solution .solution_field .solution_field_wrap .block {
width:100%;
}
.solution .solution_field .solution_field_wrap .block .solution_field_block_title {
font-size:1.8rem;
margin-top:10px;
}
.solution .solution_field .solution_field_wrap .block ul {
font-size:1.4rem;
}
.solution .solution_field .solution_field_wrap .block ul li {
}

.solution .solution_field .solution_field_wrap .block .solution_field_block_txt {
font-size:1.4rem;
margin:20px;
padding:20px 0 0 0;
}
.solution .solution_field .solution_field_wrap .block .solution_field_block_txt .btnarea {
}
.solution .solution_field .solution_field_wrap .block .solution_field_block_txt .solution_field_block_subtitle {
font-size: 1.4rem;
padding: 0.5em 1em;
}
.solution .solution_field .solution_field_wrap .block .solution_field_block_txt p {
margin:0 1em .5em 1em;
}


/***** ご相談の流れ *****/
.solution .solution_flow {
}
.solution .solution_flow .inner {
font-size:1.4rem;
padding: 0 20px 50px 20px;
}
.solution .solution_flow .solution_flow_title {
font-size:2rem;
}

.solution .solution_flow ol {
display:block;
width:480px;
}
.solution .solution_flow ol li {
width:100%;
margin:0 0 30px 0;
}
.solution .solution_flow ol li:after {
content:"";
width:20px;
height:10px;
background:url(../images/ic_caret-down.svg) no-repeat center center;
background-size:20px 10px;
position:absolute;
right: 0;
left: 0;
top: auto;
bottom: -20px;
transform: translate(0);
margin: auto;
}
.solution .solution_flow ol li dl {
margin:0;
}
.solution .solution_flow ol li dl dt .solution_flow_head_free {
left:20px;
top:20px;
}
.solution .solution_flow ol li dl dt .solution_flow_head_number {
font-size:2.4rem;
}


/***** まずはお気軽にご相談ください *****/
.solution .solution_cta {
}
.solution .solution_cta .inner {
padding:50px 20px;
}

.solution .solution_cta .solution_cta_title {
font-size:2rem;
margin: 0 0 1.5em 0;
}

.solution .solution_cta .solution_cta_wrap {
}
.solution .solution_cta .solution_cta_wrap .inner {
padding:40px 20px;
width:480px;
display:block;
}
.solution .solution_cta .solution_cta_wrap .solution_cta_txt {
width:100%;
text-align:center;
font-size:1.6rem;
padding:0 ;
margin-bottom:30px;
}
.solution .solution_cta .solution_cta_wrap .solution_cta_txt .solution_cta_subtitle {
font-size:2rem;
margin-bottom:1em;
}
.solution .solution_cta .solution_cta_wrap .solution_cta_txt ul {
justify-content: center;
margin-bottom:1em;
}
.solution .solution_cta .solution_cta_wrap .solution_cta_txt ul li {
font-size:1.4rem;
margin:.5em;
}
.solution .solution_cta .solution_cta_wrap .solution_cta_img {
width:100%;
}



/*************** ■企業情報 ***************/
.company {
}
/***** ページヘッダー *****/
.company .pageheader {
display:block;
}
.company .pageheader .inner {
padding:50px 20px;
}
.company .pageheader .page_title {
font-size:2rem;
}

/***** 企業情報ナビ *****/
.company .company_navi {
}
.company .company_navi .inner {
}

.company .company_navi ul {
width:480px;
max-width:100%;
}
.company .company_navi ul li {
margin:0 auto 20px auto;
}
.company .company_navi ul li a {
padding:30px;
display:block;
}
.company .company_navi ul li .company_navi_img {
width:100%;
max-width:100%;
margin-bottom:20px;
}
.company .company_navi ul li .company_navi_txt {
width:100%;
min-width:100%;
padding: 0 ;
font-size:1.4rem;
}
.company .company_navi ul li .company_navi_txt .company_navi_txt_title {
font-size:2.4rem;
font-weight:900;
line-height: 1;
display:block;
margin-bottom:.5em;
}
.company .company_navi ul li .company_navi_txt .company_navi_txt_title .en {
font-size:1.2rem;
margin: 1em 0 0 0;
display:block;
}
.company .company_navi ul li .company_navi_txt *:last-child {
margin-bottom:0;
}


/*************** ■会社概要・アクセス ***************/
.company_lv2 {
}

/***** ページヘッダー *****/
.company_lv2 .pageheader {
}
.company_lv2 .pageheader .page_title {
font-size:3.2rem;
display:block;
}
.company_lv2 .pageheader .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}

/***** 会社概要・アクセスコンテンツ *****/
.company_lv2 .company_lv2_cont {
}
.company_lv2 .company_lv2_cont .inner {
padding:0 0 50px 0;
}

.company_lv2 .company_lv2_cont dl {
font-size:1.4rem;
}
.company_lv2 .company_lv2_cont dl > div {
padding:0 20px 30px 20px;
margin:0 0 30px 0;
}
.company_lv2 .company_lv2_cont dl dt {
width:100%;
padding:0 ;
margin:0 0 10px 0;
}
.company_lv2 .company_lv2_cont dl dd {
width:100%;
}
/* 拠点 */
.company_lv2 .company_lv2_cont dl dd dl.base {
}
.company_lv2 .company_lv2_cont dl dd dl.base > div {
padding:0 0 30px 15px;
}
.company_lv2 .company_lv2_cont dl dd dl.base dt {
padding:0 ;
width: 15%;
}
.company_lv2 .company_lv2_cont dl dd dl.base dd {
width: 85%;
}
.company_lv2 .company_lv2_cont dl dd dl.base dd .address {
}
.company_lv2 .company_lv2_cont dl dd dl.base dd .address .map {
margin-left:20px;
}
.company_lv2 .company_lv2_cont dl dd dl.base dd .address .map img {
width:24px;
max-width: 24px;
height:24px;
}
/* 横並びリスト */
.company_lv2 .company_lv2_cont dl dd ul.vertical li {
margin-right:1.5em;
}

/*************** ■企業理念 ***************/
.philosophy {
}

/***** ページヘッダー *****/
.philosophy .pageheader {
background:url(../images/philosophy_pageheader_bg_sp.png) no-repeat center center;
background-size:cover;
position: relative;
padding-bottom: 100px;
overflow: hidden;
}
/*.philosophy .pageheader:after {
content:"";
background:url(../images/philosophy_pageheader_bg_bottom_sp.png) no-repeat center center;
background-size: 768px 50px;
width: 768px;
height: 50px;
padding-top:0;
left: 50%;
transform: translateX(-50%);
}*/
.philosophy .pageheader .inner {
}

.philosophy .pageheader .page_title {
font-size:3.2rem;
display:block;
}
.philosophy .pageheader .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}

.philosophy .pageheader .slogan {
margin:50px auto;
}
.philosophy .pageheader .slogan dl {
}
.philosophy .pageheader .slogan dl dt {
font-size:1.6rem;
}
.philosophy .pageheader .slogan dl dd {
font-size:2rem;
font-weight:700;
}

.philosophy .pageheader .pageheader_bottom {
width: 768px;
height: 50px;
transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: 0;
overflow: hidden;
}
.philosophy .pageheader .pageheader_bottom .pc {
display:none;
}
.philosophy .pageheader .pageheader_bottom .sp {
display:block;
}

/***** メッセージ *****/
.philosophy .message {
}
.philosophy .message .inner {
}
.philosophy .message .message_title {
font-size:3.2rem;
margin-bottom:10px;
}
.philosophy .message .message_subtitle {
font-size:1.6rem;
}
.philosophy .message .message_40th_img img {
width:100px;
}

/***** MVV *****/
.philosophy .mvv {
}
.philosophy .mvv .inner {
padding:70px 20px 50px 20px;
}

.philosophy .mvv .mvv_wrap {
flex-wrap:wrap;
}
.philosophy .mvv .mvv_wrap .mvv_txt {
width:fit-content;
padding-right:0;
margin:0 auto;
order:1;
}
.philosophy .mvv .mvv_wrap .mvv_txt dl {
}
.philosophy .mvv .mvv_wrap .mvv_txt dl dt {
}
.philosophy .mvv .mvv_wrap .mvv_txt dl dd {
font-size:1.6rem;
}
.philosophy .mvv .mvv_wrap .mvv_txt dl dd .en {
}
.philosophy .mvv .mvv_wrap .mvv_img {
width:100%;
order:0;
text-align:center;
margin-bottom:30px;
}

/*************** ■沿革 ***************/
.history {
}

/***** ページヘッダー *****/
.history .pageheader {
}
.history .pageheader .inner {
padding:100px 20px 50px 20px;
}

.history .pageheader .page_title {
font-size:3.2rem;
display:block;
}
.history .pageheader .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}

/***** 沿革 *****/
.history .history_cont {
}
.history .history_cont .inner {
padding:0 20px 50px 20px;
}

.history .history_cont ul {
}
.history .history_cont ul li {
font-size:1.4rem;
font-weight:400;
padding:10px 0;
}
.history .history_cont ul li::after {
left: 65px;
}
.history .history_cont ul li .year {
font-size:1.4rem;
width:65px;
}
.history .history_cont ul li .year::after {
top:10px;
}
.history .history_cont ul li .month {
font-size:1.4rem;
width:60px;
padding:0 0 0 20px;
}
.history .history_cont ul li .detail {
width:calc(100% - 125px);
}


/*************** ■採用情報TOP ***************/
.recruit {
}

/***** 採用情報ナビ *****/

/***** ページヘッダー *****/
.recruit .pageheader {
}
.recruit .pageheader .inner {
display:block;
padding: 80px 20px 50px 20px;
}

.recruit .pageheader .recruit_pageheader_cont {
padding-right: 0;
}
.recruit .pageheader .recruit_pageheader_cont .page_title {
font-size: 2.4rem;
}
.recruit .pageheader .recruit_pageheader_cont .page_lead {
font-size: 1.4rem;
}
.recruit .pageheader .recruit_pageheader_cont .page_lead .recruit_pageheader_img {
margin:30px 0;
}

.recruit .pageheader .recruit_pageheader_nav {
margin-top:0;
}
.recruit .pageheader .recruit_pageheader_nav ul {
font-size:1.6rem;
}
.recruit .pageheader .recruit_pageheader_nav ul li a {
padding:0 .5em;
}

/***** メッセージ *****/
.recruit .recruit_message {
}
.recruit .recruit_message .inner {
font-size: 1.6rem;
padding: 0 20px 50px 20px;
}

.recruit .recruit_message .recruit_message_title {
font-size: 3.2rem;
display: block;
margin-bottom: 1em;
}
.recruit .recruit_message .recruit_message_title .en {
font-size: 1.2rem;
margin: 1em 0 0 0;
}

.recruit .recruit_message .recruit_message_subtitle {
font-size:2rem;
}

/***** ページヘッダー *****
.recruit .pageheader {
display:block;
}
.recruit .pageheader .inner {
padding:50px 20px;
}
.recruit .pageheader .page_title {
font-size:2rem;
}

/***** 採用情報ナビ *****
.recruit .recruit_navi {
}
.recruit .recruit_navi .inner {
}

.recruit .recruit_navi ul {
width:480px;
max-width:100%;
}
.recruit .recruit_navi ul li {
margin:0 auto 20px auto;
}
.recruit .recruit_navi ul li a {
padding:30px;
display:block;
}
.recruit .recruit_navi ul li .recruit_navi_img {
width:100%;
max-width:100%;
margin-bottom:20px;
}
.recruit .recruit_navi ul li .recruit_navi_txt {
width:100%;
min-width:100%;
padding: 0 ;
font-size:1.4rem;
}
.recruit .recruit_navi ul li .recruit_navi_txt .recruit_navi_txt_title {
font-size:2.4rem;
font-weight:900;
line-height: 1;
display:block;
margin-bottom:.5em;
}
.recruit .recruit_navi ul li .recruit_navi_txt .recruit_navi_txt_title .en {
font-size:1.2rem;
margin: 1em 0 0 0;
display:block;
}
.recruit .recruit_navi ul li .recruit_navi_txt *:last-child {
margin-bottom:0;
}

/***** エントリーはこちらから *****
.recruit .recruit_entry {
}
.recruit .recruit_entry .inner {
width:480px;
font-size:1.6rem;
}

.recruit .recruit_entry .recruit_entry_title {
font-size:2rem;
}
.recruit .recruit_entry ul {
display:block;
}
.recruit .recruit_entry ul li {
width:100%;
margin-bottom:20px;
}
.recruit .recruit_entry ul li a {
font-size:2.4rem;
padding:.75em;
}
.recruit .recruit_entry ul li a small {
font-size:1.2rem;
}
.recruit .recruit_entry ul li a i {
font-size:2rem;
}

/*************** ■採用情報 下階層 ***************/
.recruit_lv2 {
}

/***** 採用情報 下階層共通 *****/
/* タイトル */
.recruit_lv2 .recruit_lv2_title {
font-size:2.4rem;
padding: .2em 20px .35em 20px;
}
.recruit_lv2 .recruit_lv2_subtitle {
font-size:1.8rem;
}
/* アコーディオン */
.recruit_accordion {
}
.recruit_accordion dl {
}
.recruit_accordion dl div {
margin-bottom: 20px;
}
.recruit_accordion dl dt {
padding:15px 45px 15px 60px;
font-size:1.6rem;
}
.recruit_accordion dl dt:after {
content:"";
width:20px;
height:20px;
background-size:20px 20px;
right:15px;
}
.recruit_accordion dl .recruit_accordion_qa {
font-size:1.4rem;
left:15px;
width:30px;
}
.recruit_accordion dl dd {
padding:15px 15px 15px 60px;
font-size:1.4rem;
}

/***** ページヘッダー *****/
.recruit_lv2 .pageheader {
}
.recruit_lv2 .pageheader .inner {
padding: 80px 20px 50px 20px;
}
.recruit_lv2 .pageheader .page_title {
font-size:3.2rem;
display:block;
}
.recruit_lv2 .pageheader .page_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}

/***** 応募方法 *****/
.recruit_lv2 .how_to_entry {
}
.recruit_lv2 .how_to_entry .inner {
padding: 0 20px 50px 20px;
}

/***** 選考スケジュール *****/
.recruit_lv2 .schedule {
}
.recruit_lv2 .schedule .inner {
padding: 0 20px 50px 20px;
}

.recruit_lv2 .schedule ol {
}
.recruit_lv2 .schedule ol li .schedule_title {
font-size:1.8rem;
}

/***** よくあるご質問 *****/
.recruit_lv2 .recruit_faq {
}
.recruit_lv2 .recruit_faq .inner {
padding: 0 20px 50px 20px;
}


/***** 募集要項 *****/
.recruit_lv2 .requirements {
}
.recruit_lv2 .requirements .inner {
padding: 0 20px 50px 20px;
}

.recruit_lv2 .requirements .inner > dl {
margin-bottom:50px;
}
.recruit_lv2 .requirements .inner > dl > div {
display:block;
padding:20px;
}
.recruit_lv2 .requirements .inner > dl > div > dt {
width:100%;
margin-bottom: 1em;

}
.recruit_lv2 .requirements .inner > dl > div > dd {
width:100%;
font-size:1.4rem;
}

.recruit_lv2 .requirements .inner > dl > div > dd > dl {
}
.recruit_lv2 .requirements .inner > dl > div > dd > dl > div {
display:block;
}
.recruit_lv2 .requirements .inner > dl > div > dd > dl > div > dt {
width:100%;
margin-bottom: .5em;

}
.recruit_lv2 .requirements .inner > dl > div > dd > dl > div > dd {
width:100%;
}

/***** 新人研修 *****/
.recruit_lv2 .training {
}
.recruit_lv2 .training .inner {
}

.recruit_lv2 .training .training_lead {
margin-bottom:30px;
}



/* PC */
.recruit_lv2 .training .training_table_pc {
display:none;
}

/* SP */
.recruit_lv2 .training .training_table_sp {
display:block;
}

.recruit_lv2 .training .training_table_sp table {
width:100%;
height:100%;
}

.recruit_lv2 .training .training_table_sp table th {
/*width:80px;*/
min-width: 50px;
padding: 10px 10px 10px 0;
}
.recruit_lv2 .training .training_table_sp table .month {
display:block;
background:#000;
color:#fff;
/*width:60px;*/
font-size:1.6rem;
font-weight:700;
line-height:36px;
text-align: center;
margin:0 0 20px 0;
padding:0 .5em;
white-space: nowrap;
}
.recruit_lv2 .training .training_table_sp table .month:last-child {
margin-bottom:0;
}
.recruit_lv2 .training .training_table_sp table td {
/*width:170px;*/
height:100%;
padding: 10px 0 10px 10px;
vertical-align: top;
}
.recruit_lv2 .training .training_table_sp table td .training_table_wrap {
display:flex;
height: 100%;
}
.recruit_lv2 .training .training_table_sp table td .training_table_stage1 {
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: calc(100% - 36px);
color: #fff;
border-radius: 4px 4px 0 0;
font-size: 2rem;
font-weight: 700;
text-align: center;
position: relative;
background: #60AEF7;
}
.recruit_lv2 .training .training_table_sp table td .training_table_stage1:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 0;
border:70px solid transparent;
border-top:36px solid #60AEF7;
}

.recruit_lv2 .training .training_table_sp table td .training_table_stage2 {
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: calc(100% - 56px);
color: #fff;
border-radius: 4px 4px 0 0;
font-size: 2rem;
font-weight: 700;
text-align: center;
position: relative;
background:#177DED;
}
.recruit_lv2 .training .training_table_sp table td .training_table_stage2:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 0;
border:70px solid transparent;
border-top:36px solid #177DED;
}

.recruit_lv2 .training .training_table_sp table td .training_table_stage3 {
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: calc(100% - 4px);
color: #fff;
border-radius: 4px;
font-size: 2rem;
font-weight: 700;
text-align: center;
background:#1A5FA8;
}

.recruit_lv2 .training .training_table_sp table td ul {
flex:1;
margin-left:10px;
}
.recruit_lv2 .training .training_table_sp table td ul li {
font-size:1.4rem;
font-weight:500;
position:relative;
padding-left:1.5rem;
}
.recruit_lv2 .training .training_table_sp table td ul li:before {
content:"・";
color:#1B72E4;
position:absolute;
left:0;
}



/***** 社員インタビュー *****/
.recruit_lv2 .interview {
}
.recruit_lv2 .interview .inner {
padding: 0 20px 50px 20px;
}

/* interview_menu */
.interview .interview_menu {
}
.interview .interview_menu ul {
display: block;
margin:50px auto;
}
.interview .interview_menu ul li {
width:100% ;
margin-bottom:5px;
}
.interview .interview_menu ul li a {
font-size:1.4rem;
}

/* interview_block */
.interview .interview_block {
margin-bottom: 50px;
}
.interview .interview_block .interview_block_header {
margin-bottom: 30px;
}
.interview .interview_block .interview_block_header .number {
font-size:1.4rem;
}
.interview .interview_block .interview_block_header .occupation {
font-size:1.6rem;
}
.interview .interview_block .interview_block_header .profile .photo {
width:100px;
height:100px;
}
.interview .interview_block .interview_block_header .profile .data {
font-size:1.2rem;
}

.interview .interview_block .interview_block_title {
font-size: 2rem;
}
.interview .interview_block .interview_block_img {
margin-bottom:30px;
}

























/*************** ■データ保護の取り組み・プライバシーポリシー ***************/
.privacy {
}

/***** ページヘッダー *****/
.privacy .pageheader {
}
.privacy .pageheader .inner {
}
.privacy .pageheader .page_title {
font-size:2.4rem;
}
.privacy .pageheader .page_lead {
font-size:1.4rem;
line-height: 2;
}

/***** データ保護の取り組み・プライバシーポリシーコンテンツ *****/
.privacy .privacy_cont {
}
.privacy .privacy_cont .inner {
padding:0 20px 50px 20px;
}

/*** データ保護の取り組み・プライバシーポリシーナビ ***/
.privacy .privacy_cont .privacy_navi {
padding:20px;
}

.privacy .privacy_cont .privacy_navi .block {
margin:20px auto;
}

.privacy .privacy_cont .privacy_navi .privacy_navi_title {
font-size:1.8rem;
}
.privacy .privacy_cont .privacy_navi ul {
width:380px;
}
.privacy .privacy_cont .privacy_navi ul li {
width:calc(100% - 20px);
margin:10px;
font-size:1.4rem;
}
.privacy .privacy_cont .privacy_navi ul li .privacy_navi_img {
margin:0 auto 20px auto;
}
.privacy .privacy_cont .privacy_navi ul li .privacy_navi_img a {
padding: 40px;
}
.privacy .privacy_cont .privacy_navi ul li .privacy_navi_img a img {
width:60px;
height:60px;
}

.privacy .privacy_cont .privacy_navi ul li .privacy_navi_txt .privacy_navi_txt_title a {
font-size: 1.6rem;
}


/*************** ■プライバシーポリシー下階層 ***************/
.privacy_lv2 {
}

/***** ページヘッダー *****/
.privacy_lv2 .pageheader {
}
.privacy_lv2 .pageheader .inner {
}
.privacy_lv2 .pageheader .page_title {
font-size:2rem;
}

/***** プライバシーポリシー下階層ナビ *****/
.privacy_lv2 .privacy_lv2_navi {
}
.privacy_lv2 .privacy_lv2_navi .inner {
padding:50px 20px 0 20px;
}

/***** プライバシーポリシー下階層コンテンツ *****/
.privacy_lv2 .privacy_lv2_cont {
}
.privacy_lv2 .privacy_lv2_cont .inner {
font-size:1.4rem;
}

.privacy_lv2 .privacy_lv2_cont .privacy_lv2_title {
font-size:2rem;
}
.privacy_lv2 .privacy_lv2_cont .privacy_lv2_subtitle {
font-size:1.6rem;
}

.privacy_lv2 .privacy_lv2_cont .contact {
margin: 50px auto 0 auto;
}












/*************** ■ニュース ***************/
.news {
}

/***** ページヘッダー *****/
.news .pageheader {
display:block;
}
.news .pageheader .inner {
padding:50px 20px;
}
.news .pageheader .page_title {
font-size:2rem;
}

/***** ニュースアーカイブ *****/
.news .news_archive {
}
.news .news_archive .inner {
/*padding:0 20px 50px 20px;*/
}

/*.news .news_archive .news_archive_title {
font-size:3.2rem;
display:block;
}
.news .news_archive .news_archive_title .en {
font-size:1.2rem;
margin:1em 0 0 0;
}*/

/*** 検索エリア ***/
.news .news_archive .searcharea {
padding:20px;
margin:0 auto 30px auto;
}
/* キーワード */
.news .news_archive .searcharea .searcharea_keyword {
padding:10px;
}
.news .news_archive .searcharea .searcharea_keyword:before {
left:10px;
width:30px;
border:0;
}
.news .news_archive .searcharea .searcharea_keyword .input_keyword {
width:calc(100% - 70px);
padding:0 0 0 30px;
}
.news .news_archive .searcharea .searcharea_keyword .input_submit {
padding:0 0;
width:70px;
}
/* カテゴリー・公開年 */
.news .news_archive .searcharea .searcharea_filter {
}
.news .news_archive .searcharea .searcharea_filter dl {
display:block;
padding: 20px 0;
}
.news .news_archive .searcharea .searcharea_filter dl:last-child {
padding: 20px 0;
}
.news .news_archive .searcharea .searcharea_filter dl dt {
width:100%;
margin-bottom:.5em;
}
.news .news_archive .searcharea .searcharea_filter dl dd {
width:100%;
}
.news .news_archive .searcharea .searcharea_filter dl dd input[type="radio"] {
display:none;
}
.news .news_archive .searcharea .searcharea_filter dl dd label {
margin-right:1em;
font-size:1.4rem;
}
.news .news_archive .searcharea .searcharea_filter dl dd .radio_reset {
margin-right:1em;
font-size:1.4rem;
}

/*** 一覧 ***/

/***** ニュース記事 *****/
.news .news_post {
}
.news .news_post .inner {
padding:50px 20px 50px 20px;
}
/*** 記事 ***/
.news .news_post .news_post_wrap {
}
/* 記事ヘッダ */
.news .news_post .news_post_head {
}
.news .news_post .news_post_head .news_post_thmb {
margin:0 auto 30px auto;
}
.news .news_post .news_post_head .news_post_date {
}
.news .news_post .news_post_head .news_post_title {
font-size:2rem;
font-weight:700;
margin-bottom:2em;
}
/* 記事本文 */
.news .news_post .news_post_cont {
}

.news .news_post .news_post_cont .mt-be-columns {
display:block!important;
}
.news .news_post .news_post_cont .mt-be-columns .mt-be-column {
margin:0 auto 1em auto;
}


/*************** ■サイトマップ ***************/
.sitemap {
}

/***** ページヘッダー *****/
.sitemap .pageheader {
display:block;
}
.sitemap .pageheader .inner {
padding:50px 20px;
}
.sitemap .pageheader .page_title {
font-size:2rem;
}

/***** サイトマップコンテンツ *****/
.sitemap .sitemap_cont {
}
.sitemap .sitemap_cont .inner {
padding:30px 20px 50px 20px;
}


/*************** ■お問い合わせ ***************/
.inquiry {
}

/***** ページヘッダー *****/
.inquiry .pageheader {
display:block;
}
.inquiry .pageheader .inner {
padding:50px 20px;
}
.inquiry .pageheader .page_title {
font-size:2rem;
}

/***** お問い合わせフォーム *****/
.inquiry .contactform {
}
.inquiry .contactform .inner {
padding:20px 20px 50px 20px;
}



/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
/***** pagetop *****/
.footer .pagetop {
display:block;
bottom:20px;
}


}


/************************************************ 480px以下 ************************************************/
@media screen and (max-width: 480px){
/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
/* ************************************************ */
/**** main ****/
/* ************************************************ */

/*************** ■サービス・製品＞AtoZ portal 下階層 ***************/
/***** ページヘッダー *****/
.atozportal_lv2 .pageheader .atozportal_pageheader_txt ul {
display:block;
width:100%;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_txt ul li {
width:100%;
margin:0 auto .5em auto;
padding:.75em 1em;
}
.atozportal_lv2 .pageheader .atozportal_pageheader_txt ul li br {
display:none;
}


/*************** ■ソリューション ***************/

/***** 導入 *****/
/* solution_about_box */
.solution .solution_about .solution_about_box .solution_about_box_cont dl dt {
width: 100%;
}
.solution .solution_about .solution_about_box .solution_about_box_cont dl dd {
width:100%;
padding: .5em;
text-align: center;
}

/***** 必要なところから、必要な分だけ *****/
.solution .solution_case .solution_case_box dl div {
}
.solution .solution_case .solution_case_box dl dt {
width: 100%;
}
.solution .solution_case .solution_case_box dl dd {
width: 100%;
padding: .5em 1em 1em 1em;
}

}