★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ Site origin 30pxマージン解除 ※案件によって使い分けてください。 ================================================================================ */ /* ================================================================================ 設定 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .m-cate_wrap_02 { position: relative; background-color: #f4f3f3; background:url(../img/recruit_main.jpg)center top no-repeat; background-size:100% auto;/*この場合は高さが自動設定*/ width: auto; height:38.4vw; margin: 0 auto; padding: 0; } .post-1728 .outer_wrap { margin: 0; padding: 0; } .post-1728 .inner_wrap { max-width: 1920px; width: 100%; margin: 0 auto; } .post-1728 #breadcrumb { display: none; } .post-1875 .outer_wrap,.post-1884 .outer_wrap,.post-1893 .outer_wrap{ margin: 0; padding: 0; } .post-1875 .inner_wrap,.post-1884 .inner_wrap,.post-1893 .inner_wrap{ max-width: 1920px; width: 100%; margin: 0 auto; } .post-1875 #breadcrumb,.post-1884 #breadcrumb,.post-1893 #breadcrumb{ display: none; } .bx-wrapper { background-color: #000 !important; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0.5vw 0 !important; margin-bottom: 0 !important; } .bx-wrapper .post_date { float: left; margin-left: 3vw; font-size: 0.95vw; } .bx-wrapper .post_icon_box { float: left; margin-right: 1vw; margin-left: 1vw; margin-top: -0.1vw; padding-top: 0.09vw; } .bx-wrapper .post_icon { color: #fff; padding: 0 1vw; font-size: 0.8vw; } .bx-wrapper .post_title { color: #ea5935; font-size: 0.95vw; } .bx-pager,.bx-controls-direction { display: none !important; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .m-cate_wrap_02 { position: relative; background-color: #f4f3f3; background:url(../img/sp_recruit_main.jpg)center top no-repeat; background-size:100% auto;/*この場合は高さが自動設定*/ width: auto; height:104vw; margin: 0 auto; padding: 0; } .post-1728 .outer_wrap,.post-1875 .outer_wrap,.post-1884 .outer_wrap,.post-1893 .outer_wrap{ margin: 0; padding: 0; } .post-1728 .inner_wrap,.post-1875 .inner_wrap,.post-1884 .inner_wrap,.post-1893 .inner_wrap{ max-width: 768px; width: 100%; margin: 0 auto; padding: 0; } .post-1728 #breadcrumb,.post-1875 #breadcrumb,.post-1884 #breadcrumb,.post-1893 #breadcrumb{ display: none; } .bx-wrapper { background-color: #000 !important; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0.5vw 0 !important; margin-bottom: 0 !important; } .bx-wrapper .post_date { /*float: left;*/ display: inline-block; vertical-align: top; margin-left: 3vw; font-size: 3vw; padding-top: 0.4vw; } .bx-wrapper .post_icon_box { /*float: left;*/ display: inline-block; vertical-align: top; margin-right: 2vw; margin-left: 2vw; margin-top: -0.5vw; width: auto; padding-top: 1.5vw; } .bx-wrapper .post_icon { color: #fff; padding: 0 1vw; font-size: 2.5vw; display: block; text-align: center; width: 14vw; } .bx-wrapper .post_title { color: #ea5935; font-size: 3vw; padding-top: 0.65vw; } .bx-pager,.bx-controls-direction { display: none !important; } .n-big_box { display: inline-block; vertical-align: top; } .post_box { font-size: 0; } } /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ここから各固定ページ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ メッセージ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top no-repeat; background-size: contain; height: 21.5vw; width: 100%; } .recruit_row_01 h2:first-letter{ color: #ea5935; } .recruit_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 3vw; letter-spacing: 0.05em; text-align: center; padding-top: 6.25vw; } .recruit_row_01 p { color: #ea5935; font-size: 1.65vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .recruit_row_02 { background: url(../img/recruit_row_02_bg.png) center top no-repeat; height: 36.4vw; background-size: cover; } .recruit_row_02 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 3.02vw; color: #fff; letter-spacing: 0.05em; text-align: center; padding: 8.15vw 0 0 29.6vw; text-shadow: 2px 2px 5px rgba(0,0,0,0.2), -2px 2px 5px rgba(0,0,0,0.2), 2px -2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(0,0,0,0.2); } .recruit_row_02 p { color: #fff; font-size: 1.51vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; letter-spacing: 0.05em; padding: 1.55vw 0 0 40.8vw; line-height: 1.85; text-shadow: 2px 2px 5px rgba(0,0,0,0.2), -2px 2px 5px rgba(0,0,0,0.2), 2px -2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(0,0,0,0.2); } .recruit_row_02 .read_more_btn img { width: 27vw; margin: 1.5vw 0 0 65vw; display: inline !important; } .recruit_row_02 .elementor-widget-image .elementor-image > a, .recruit_row_02 .elementor-widget-image .elementor-image figure > a { display: inline !important; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top no-repeat; background-size: cover; height: 33vw; width: 100%; } .recruit_row_01 h2:first-letter{ color: #ea5935; } .recruit_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 6vw; letter-spacing: 0.05em; text-align: center; padding-top: 8vw; } .recruit_row_01 p { color: #ea5935; font-size: 3vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .recruit_row_02 { background: url(../img/sp_recruit_row_02_bg.png) center top no-repeat; height: 165vw; background-size: cover; } .recruit_row_02 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 5vw; color: #fff; letter-spacing: 0.05em; text-align: center; padding: 12vw 0 0 0; text-shadow: 2px 2px 5px rgba(0,0,0,0.2), -2px 2px 5px rgba(0,0,0,0.2), 2px -2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(0,0,0,0.2); } .recruit_row_02 p { color: #fff; font-size: 4vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; letter-spacing: 0.05em; padding: 3vw 7vw; line-height: 1.85; text-shadow: 2px 2px 5px rgba(0,0,0,0.2), -2px 2px 5px rgba(0,0,0,0.2), 2px -2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(0,0,0,0.2); } .recruit_row_02 .read_more_btn img { width: 70vw; margin: 2vw 0 0 -16vw; display: inline !important; } .recruit_row_02 .elementor-widget-image .elementor-image > a, .recruit_row_02 .elementor-widget-image .elementor-image figure > a { display: inline !important; } } /* ================================================================================ 事業紹介 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* --プロモーションコンサルティング-- */ .recruit_row_03 { background: url(../img/promotion_consalting_bg.png) center top no-repeat; background-size: cover; height: 45.7vw; width: 100%; margin-top: -4vw !important; } .recruit_row_03 p { color: #fff; font-size: 1.3vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 15.7vw 0 0 4.4vw; line-height: 2.1; } .recruit_row_03 .promotion_consalting_img img { width: 33vw; margin: 11vw 0 0 0; } /* --プロモーショナルアプリケーション-- */ .recruit_row_04 { background: url(../img/promotional_application_bg.png) center top no-repeat; background-size: cover; height: 45.7vw; width: 100%; margin-top: -3.6vw !important; } .recruit_row_04 p { color: #fff; font-size: 1.3vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 15.7vw 0 0 6.4vw; line-height: 2.1; } .recruit_row_04 .promotional_application_img img { width: 33vw; margin: 11vw 0 0 0; margin-left: 3.1vw; } /* --ウェブサイトメイキング-- */ .recruit_row_05 { background: url(../img/website_making_bg.png) center top no-repeat; background-size: cover; height: 45.7vw; width: 100%; margin-top: -1.8vw !important; z-index: 1; } .recruit_row_05 p { color: #fff; font-size: 1.3vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 14.5vw 0 0 8.85vw; line-height: 2.1; } .recruit_row_05 .website_making_img img { width: 33vw; margin: 10vw 0 0 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* --プロモーションコンサルティング-- */ .recruit_row_03 { background: url(../img/sp_promotion_consalting_bg.png) center top no-repeat; background-size: cover; height: 191.45vw; width: 100%; margin-top: -1vw !important; } .recruit_row_03 p { color: #fff; font-size: 3.8vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 7vw 7vw 0; line-height: 1.7; } .recruit_row_03 .promotion_consalting_img img { width: 65vw; margin: 30vw 0 0 0; } /* --プロモーショナルアプリケーション-- */ .recruit_row_04 { background: url(../img/sp_promotional_application_bg.png) center top no-repeat; background-size: cover; height: 173.6vw; width: 100%; margin-top: -1vw !important; } .recruit_row_04 p { color: #fff; font-size: 3.8vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 7vw 7vw 0; line-height: 1.7; } .recruit_row_04 .promotional_application_img img { width: 65vw; margin: 30vw 0 0 0; } /* --ウェブサイトメイキング-- */ .recruit_row_05 { background: url(../img/sp_website_making_bg.png) center top no-repeat; background-size: cover; height: 171.08vw; width: 100%; margin-top: -1vw !important; z-index: 1; } .recruit_row_05 p { color: #fff; font-size: 3.8vw; font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; padding: 7vw 7vw 0; line-height: 1.7; } .recruit_row_05 .website_making_img img { width: 65vw; margin: 30vw 0 0 0; } } /* ================================================================================ 主要コンテンツ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_06 { background: url(../img/recruit_content_bg.jpg) center top repeat-y; background-size: contain; width: 100%; margin-top: -8vw !important; padding-bottom: 18vw !important; } .recruit_row_06 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 2.5vw; text-align: center; line-height: 1; letter-spacing: 0.1em; } .recruit_row_06 .h2_sub { color: #ea5935; font-size: 1vw; letter-spacing: 0.08em; font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .recruit_row_06 p { font-size: 1.3vw; font-family: dnp-shuei-mgothic-std, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .recruit_row_06 .philosophy_text { background: #efa598; width: 40vw; padding: 3vw; margin: 2vw auto 0; } .recruit_row_06 .csr_text { background: #efa598; width: 40vw; padding: 3vw 4vw; margin: 2vw auto 0; } .recruit_row_06 .daily_box { background: #efa598; width: 68.5vw; padding: 3vw 3vw 7vw 3vw!important; margin: 2vw auto 0 !important; } .recruit_row_06 .daily_content { background: #fff; padding: 1vw 7vw; width: 57vw; margin: 0 auto; } .recruit_row_06 .daily_content h4 { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; font-size: 1.3vw; letter-spacing: 0.1em; margin-bottom: 0.5vw; } .recruit_row_06 .daily_content p { font-size: 1.15vw; } .recruit_row_06 .daily_02, .recruit_row_06 .daily_03, .recruit_row_06 .daily_04, .recruit_row_06 .daily_05, .recruit_row_06 .daily_06 { margin-top: 2.7vw; } .recruit_row_06 .daily_02, .recruit_row_06 .daily_04, .recruit_row_06 .daily_06 { padding-left: 11.3vw; } .recruit_row_06 .salesman_box { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; padding: 2vw 0 2vw 9vw; } .recruit_row_06 .salesman_box img { position: absolute; width: 10vw; margin-left: -7vw; margin-top: -14vw; } .recruit_row_06 .salesman_box h3 { padding-left: 5vw; } .recruit_row_06 .salesman { font-size: 2.5vw; } .recruit_row_06 .sales_sub { font-size: 1vw; } .recruit_row_06 .daily_01 { background: url(../img/900.jpg) right top no-repeat; background-color: #fff; background-size: contain; } .recruit_row_06 .daily_02 { background: url(../img/1000.jpg) left top no-repeat; background-color: #fff; background-size: contain; } .recruit_row_06 .daily_03 { background: url(../img/1200.jpg) right top no-repeat; background-color: #fff; background-size: contain; } .recruit_row_06 .daily_04 { background: url(../img/200.jpg) left top no-repeat; background-color: #fff; background-size: 8.8vw; } .recruit_row_06 .daily_05 { background: url(../img/500.jpg) right top no-repeat; background-color: #fff; background-size: contain; } .recruit_row_06 .daily_06 { background: url(../img/19-00.png) 0vw -0.05vw no-repeat; background-color: #fff; background-size: 8.8vw; } .recruit_row_06 .daily_message { margin: 2.7vw auto 0 !important; padding: 1vw 3vw; } .recruit_row_06 .saiyo_message { margin: 0 auto; width: 45vw; } .recruit_row_06 .saiyo_message img { display: inline; margin-top: 7vw; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_06 { background: url(../img/recruit_content_bg.jpg) center top repeat-y; background-size: contain; width: 100%; margin-top: -8vw !important; padding-bottom: 18vw !important; } .recruit_row_06 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 6vw; text-align: center; line-height: 1; letter-spacing: 0.1em; } .recruit_row_06 .h2_sub { color: #ea5935; font-size: 3vw; letter-spacing: 0.08em; font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .recruit_row_06 p { font-size: 3.8vw; font-family: dnp-shuei-mgothic-std, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .recruit_row_06 .philosophy_text { background: #efa598; width: 90vw; padding: 7vw; margin: 2vw auto 0; } .recruit_row_06 .csr_text { background: #efa598; width: 90vw; padding: 7vw; margin: 2vw auto 0; } .recruit_row_06 .daily_box { background: #efa598; width: 90vw; padding: 3vw 3vw 7vw 3vw!important; margin: 2vw auto 0 !important; } .recruit_row_06 .daily_content { background: #fff; padding: 7vw 7vw; width: 75vw; margin: 0 auto; } .recruit_row_06 .daily_content h4 { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 600; font-style: normal; font-size: 4vw; letter-spacing: 0.1em; margin-bottom: 0.5vw; } .recruit_row_06 .daily_content p { font-size: 3.8vw; } .recruit_row_06 .daily_02, .recruit_row_06 .daily_03, .recruit_row_06 .daily_04, .recruit_row_06 .daily_05, .recruit_row_06 .daily_06 { margin-top: 5vw; } .recruit_row_06 .salesman_box { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; padding: 6vw 0 5vw 9vw; } .recruit_row_06 .salesman_box img { position: absolute; width: 25vw; margin-left: -4vw; margin-top: -14vw; } .recruit_row_06 .salesman_box h3 { padding-left: 21vw; } .recruit_row_06 .salesman { font-size: 6vw; } .recruit_row_06 .sales_sub { font-size: 3vw; } .recruit_row_06 .daily_01 { background: url(../img/9-00.png) 45vw 5vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_02 { background: url(../img/10-00.png) 0vw 17.5vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_03 { background: url(../img/12-00.png) 45vw 5vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_04 { background: url(../img/14-00.png) 0vw 5vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_05 { background: url(../img/17-00.png) 45.5vw 5vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_06 { background: url(../img/19-00.png) 0vw 6vw no-repeat; background-color: #fff; background-size: 30vw; } .recruit_row_06 .daily_message { margin: 5vw auto 0 !important; padding: 7vw; } .recruit_row_06 .saiyo_message { margin: 0 auto; width: 90vw; } .recruit_row_06 .saiyo_message img { display: inline; margin-top: 7vw; } } /* ================================================================================ 福利厚生 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_07 { position: relative; background: url(../img/recruit_content_bg_02.png) center bottom no-repeat; background-size: cover; width: 100%; height: 9.9vw; z-index: 1; } .recruit_row_07 .welfare_h2 h2 { position: relative; background: url(../img/midashi_01.png) center top no-repeat; margin: 0 auto; text-align: center; background-size: contain; width: 100%; height: 13.6vw; z-index: 1; color: #fff; font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 2.5vw; line-height: 0.9; letter-spacing: 0.1em; padding-top: 3.4vw; } .recruit_row_07 .welfare_h2 .midashi_sub { font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; font-size: 0.8vw; } /*固定する背景*/ .welfare_box { margin-top: -6vw; box-sizing: border-box; color: #FFF; font-size: 5rem; height: 100%; z-index: 0; width: 100%; } .parallax-bg { background-image: url(../img/welfare_bg.jpg); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; height: 127vw; } .parallax-bg p { font-family: dnp-shuei-mgothic-std, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .parallax-bg p.welfare_about { text-align: center; padding-top: 12vw; color: #fff; font-size: 1.5vw; } .welfare_01, .welfare_02, .welfare_03, .welfare_04 { width: 50%; height: 100%; } .welfare_box h3 { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; color: #ea5935; font-size: 2.7vw; text-align: center; letter-spacing: 0.05em; } .welfare_box p { font-size: 1.3vw; color: #000; } .welfare_01 { background: url(../img/welfare_01_bg.png) center top no-repeat; background-size: 40vw; float: left; display: inline-block; margin-top: 5vw; padding-top: 5vw; margin-left: 6.4vw; width: 40vw; height: 40vw; } .welfare_01 p { width: 27vw; margin: 0 auto; padding-top: 1vw; } .welfare_02 { background: url(../img/welfare_02_bg.png) center top no-repeat; background-size: 38vw; display: inline-block; margin-top: 5vw; padding-top: 5vw; height: 40vw; } .welfare_02 p { width: 26vw; margin: 0 auto; padding-top: 1vw; } .welfare_03 { background: url(../img/welfare_03_bg.png) center top no-repeat; background-size: 40vw; float: left; display: inline-block; clear: both; margin-top: 3vw; padding-top: 7vw; height: 40vw; width: 40vw; margin-left: 6.05vw; } .welfare_03 p { width: 32vw; margin: 0 auto; padding-top: 1vw; padding-left: 3vw; } .welfare_04 { background: url(../img/welfare_04_bg.png) center top no-repeat; background-size: contain; display: inline-block; height: 40vw; width: 40vw; margin-left: 7.5vw; padding-top: 7vw; margin-top: 3vw; } .welfare_04 p { width: 30vw; margin: 0 auto; padding-top: 1vw; padding-left: 2vw; } .recruit_row_08 { z-index: 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_07 { position: relative; background: url(../img/recruit_content_bg_02.png) center bottom no-repeat; background-size: cover; width: 100%; height: 9.9vw; z-index: 1; } .recruit_row_07 .welfare_h2 h2 { position: relative; background: url(../img/midashi_01.png) center top no-repeat; margin: 0 auto; text-align: center; background-size: contain; width: 100%; height: 20vw; z-index: 1; color: #fff; font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 4vw; line-height: 0.9; letter-spacing: 0.1em; padding-top: 4.2vw; } .recruit_row_07 .welfare_h2 .midashi_sub { font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.8vw; } /*固定する背景*/ .welfare_box { margin-top: -6vw; box-sizing: border-box; color: #FFF; font-size: 5rem; height: 100%; z-index: 0; width: 100%; background: #638ad3 url(../img/sp_welfare_bg.png) center bottom no-repeat; background-size: contain; } .parallax-bg { height: 510vw; } .parallax-bg p { font-family: dnp-shuei-mgothic-std, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; } .parallax-bg p.welfare_about { text-align: center; color: #fff; font-size: 3.8vw; padding: 20vw 5vw 0; } .welfare_01, .welfare_02, .welfare_03, .welfare_04 { width: 50%; height: 100%; } .welfare_box h3 { font-family: a-otf-midashi-go-mb31-pr6n, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; color: #ea5935; font-size: 5vw; text-align: center; letter-spacing: 0.05em; } .welfare_box p { font-size: 3.8vw; color: #000; } .welfare_01 { padding: 10vw 0; width: auto; height: 83vw; background-color: rgba(255,255,255,0.85); margin: 5vw; } .welfare_01 p { margin: 0 auto; padding: 3vw 7vw; } .welfare_02 { padding: 10vw 0; width: auto; height: 85vw; background-color: rgba(255,255,255,0.85); margin: 8vw 5vw; } .welfare_02 p { margin: 0 auto; padding: 3vw 7vw; } .welfare_03 { padding-top: 10vw; width: auto; height: 110vw; background-color: rgba(255,255,255,0.85); margin: 8vw 5vw; } .welfare_03 p { margin: 0 auto; padding: 3vw 7vw; } .welfare_04 { padding-top: 10vw; width: auto; height: 90vw; background-color: rgba(255,255,255,0.85); margin: 8vw 5vw; } .welfare_04 p { margin: 0 auto; padding: 3vw 7vw; } .recruit_row_08 { z-index: 0; } } /* ================================================================================ イメージスライダー ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_09 { position: relative; z-index: 2; margin-top: -10vw; width: 100%; height: 39vw; display: inline-block; transform: skewY(-7deg); overflow: hidden; } .recruit_row_09 img { width: 100%; transform: skewY(7deg) scale(1); margin-top: -6vw !important; } .recruit_row_09 .elementor-slick-slider .slick-next::before { content: ">" } .recruit_row_09 .elementor-slick-slider .slick-prev::before { content: "<" } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_09 { position: relative; z-index: 2; margin-top: -13vw; width: 100%; height: 39vw; display: inline-block; transform: skewY(-7deg); overflow: hidden; } .recruit_row_09 img { width: 100%; transform: skewY(7deg) scale(1); margin-top: -6vw !important; } .recruit_row_09 .elementor-slick-slider .slick-next::before { content: ">" } .recruit_row_09 .elementor-slick-slider .slick-prev::before { content: "<" } } /* ================================================================================ 新着情報 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_10 { background: url(../img/recruit_content_bg_03.png) center top no-repeat; background-size: contain; z-index: 1; height: 11.6vw; margin-top: -6.4vw; } .recruit_row_11 { margin-top: 7.8vw !important; margin-bottom: 4vw !important; } .recruit_row_11 .news_h2 h2 { position: relative; background: url(../img/midashi_02.png) center top no-repeat; margin: 0 auto; text-align: center; background-size: contain; width: 100%; height: 13.6vw; z-index: 1; color: #fff; font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 2.5vw; line-height: 0.9; letter-spacing: 0.1em; padding-top: 3.4vw; } .recruit_row_11 .news_h2 .midashi_sub { font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; font-size: 0.8vw; } .recruit_row_11 .recruit_news { padding: 5vw 3vw; width: 100%; } .recruit_news .post_wrap ul li a { display: block; } .recruit_news .post_wrap ul li a .post_a_box { position: relative; } .recruit_row_11 .recruit_news li:first-child { width: 42%; float: left; } .recruit_row_11 .recruit_news li:first-child .post_thumb img { object-position: 0 -2vw; max-width: 100%; width: 100%; height: 22.5vw; object-fit: cover; font-family: 'object-fit: cover;'; } .recruit_row_11 .recruit_news .post_icon_box { position: absolute; top: 1vw; } .recruit_row_11 .recruit_news .post_icon { padding: 0.2vw 2vw; font-size: 1.1vw; color: #fff; } .recruit_row_11 .recruit_news .post_title { position: absolute; bottom: 0; color: #fff; background-color: rgba(0,0,0,0.9); padding: 0.74vw 0; text-align: center; font-size: 1.5vw; width: 100%; } .recruit_row_11 .recruit_news li:nth-child(2), .recruit_row_11 .recruit_news li:nth-child(3) { width: 27%; float: left; margin-left: 2%; } .recruit_row_11 .recruit_news span.post_thumb { display: block; } .recruit_row_11 .recruit_news li:nth-child(2) .post_thumb img, .recruit_row_11 .recruit_news li:nth-child(3) .post_thumb img { /*object-position: -7.2vw 0;*/ max-width: 100%; width: 100%; height: 22.5vw; object-fit: cover; font-family: 'object-fit: cover;'; } .recruit_row_11 .recruit_news li:nth-child(2) .post_title, .recruit_row_11 .recruit_news li:nth-child(3) .post_title { width: 100%; } .recruit_row_11 .recruit_news li:nth-child(4) { width: 32%; float: left; } .recruit_row_11 .recruit_news li:nth-child(5), .recruit_row_11 .recruit_news li:nth-child(6) { width: 32%; float: left; margin-left: 2%; } .recruit_row_11 .recruit_news li:nth-child(4) .post_thumb img, .recruit_row_11 .recruit_news li:nth-child(5) .post_thumb img, .recruit_row_11 .recruit_news li:nth-child(6) .post_thumb img { /*object-position: 0 0;*/ max-width: 100%; width: 100%; height: 20vw; object-fit: cover; font-family: 'object-fit: cover;'; } .recruit_row_11 .recruit_news li:nth-child(4) , .recruit_row_11 .recruit_news li:nth-child(5) , .recruit_row_11 .recruit_news li:nth-child(6) { margin-top: 2vw; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_10 { background: url(../img/recruit_content_bg_03.png) center top no-repeat; background-size: contain; z-index: 1; height: 12vw; margin-top: -7.7vw; } .recruit_row_11 { margin: 15vw 0 !important; } .recruit_row_11 .news_h2 h2 { position: relative; background: url(../img/midashi_01.png) center top no-repeat; margin: 0 auto; text-align: center; background-size: contain; width: 100%; height: 20vw; z-index: 1; color: #fff; font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 4vw; line-height: 0.9; letter-spacing: 0.1em; padding-top: 4.2vw; } .recruit_row_11 .news_h2 .midashi_sub { font-family: vdl-logog, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.8vw; } .recruit_row_11 .recruit_news { margin: 5vw 3vw; } .recruit_row_11 .recruit_news li .post_thumb img { object-position: 0 -2vw; max-width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; width: 90vw; height: 55vw; } .recruit_row_11 .recruit_news .post_icon_box { margin-top: -15.2vw; position: absolute; margin-left: 2vw; } .recruit_row_11 .recruit_news .post_icon { padding: 0.2vw 2vw; font-size: 4vw; color: #fff; } .recruit_row_11 .recruit_news .post_title { position: absolute; margin-top: -8.5vw; color: #fff; background-color: rgba(0,0,0,0.9); padding: 1vw 0; text-align: center; font-size: 4vw; width: 90vw; margin-left: 2vw; } .recruit_row_11 .recruit_news li:nth-child(2) , .recruit_row_11 .recruit_news li:nth-child(3) , .recruit_row_11 .recruit_news li:nth-child(4) , .recruit_row_11 .recruit_news li:nth-child(5) , .recruit_row_11 .recruit_news li:nth-child(6) { margin-top: 4vw; } } /* ================================================================================ 社長のあいさつ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_ceo_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; background-size: contain; width: 100%; } .recruit_ceo_row_01 h2:first-letter{ color: #ea5935; } .recruit_ceo_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 3vw; letter-spacing: 0.05em; text-align: center; padding-top: 6.25vw; } .recruit_ceo_row_01 p { color: #ea5935; font-size: 1.65vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .ceo_message_base{ margin:0 auto; background:url(../img/ceo_bg.jpg)center top no-repeat; padding: 0 0 0 50%; } .ceo_message_text{ margin: 70px 0 0 -480px; width: 765px; padding: 80px 0 285px 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_ceo_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; width: 100%; } .recruit_ceo_row_01 h2:first-letter{ color: #ea5935; } .recruit_ceo_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 6vw; letter-spacing: 0.05em; text-align: center; padding-top: 8vw; } .recruit_ceo_row_01 p { color: #ea5935; font-size: 3vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .ceo_message_base{ margin:0 auto; background:url(../img/ceo_bg_sp.jpg)center top no-repeat; background-size:100% auto;/*この場合は高さが自動設定*/ padding: 0 0 0 0; } .ceo_message_text{ margin: 5vw 0 0 0; /* width: 765px; */ padding: 117vw 8vw 45vw 8vw; line-height: 7vw; } } /* ================================================================================ 人事採用からのあいさつ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_jinji_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; background-size: contain; width: 100%; } .recruit_jinji_row_01 h2:first-letter{ color: #ea5935; } .recruit_jinji_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 3vw; letter-spacing: 0.05em; text-align: center; padding-top: 6.25vw; } .recruit_jinji_row_01 p { color: #ea5935; font-size: 1.65vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .jinji_message_base{ margin:0 auto; background:url(../img/jinji_bg.jpg)center top no-repeat; padding: 0 0 0 50%; } .jinji_message_text{ margin: 70px 0 0 -250px; width: 681px; padding: 374px 0 285px 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_jinji_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; width: 100%; } .recruit_jinji_row_01 h2:first-letter{ color: #ea5935; } .recruit_jinji_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 6vw; letter-spacing: 0.05em; text-align: center; padding-top: 8vw; } .recruit_jinji_row_01 p { color: #ea5935; font-size: 3vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .jinji_message_base{ margin:0 auto; background:url(../img/jinji_bg_sp.jpg)center top no-repeat; background-size:100% auto;/*この場合は高さが自動設定*/ padding: 0 0 0 0; } .jinji_message_text{ margin: 5vw 0 0 0; /* width: 765px; */ padding: 154vw 8vw 26vw 8vw; line-height: 7vw; } } /* ================================================================================ 募集要項 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_detail_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; background-size: contain; width: 100%; } .recruit_detail_row_01 h2:first-letter{ color: #ea5935; } .recruit_detail_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 3vw; letter-spacing: 0.05em; text-align: center; padding-top: 6.25vw; } .recruit_detail_row_01 p { color: #ea5935; font-size: 1.65vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .detail_message_base{ margin:0 auto; background-color:#fdf4ee; padding: 0 0 0 50%; } .detail_message_text{ margin: 70px 0 0 -480px; width: 765px; padding: 80px 0 285px 0; } table.company { width: 1000px; margin: 0 auto; border-collapse: separate; border-spacing: 0px 1px; font-size: 16px; } table.company th, table.company td { padding: 10px; } table.company th { background: #ea5935; vertical-align: middle; text-align: left; width: 215px; overflow: visible; position: relative; color: #fff; font-weight: normal; font-size: 15px; } table.company td { background: #fff; width: 700px; padding-left: 20px; padding-right: 28px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_detail_row_01 { background: url(../img/recruit_row_01_bg.jpg) center top repeat; width: 100%; } .recruit_detail_row_01 h2:first-letter{ color: #ea5935; } .recruit_detail_row_01 h2 { font-family: "Hiragino Kaku Gothic W8 JIS2004", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', "sans-serif"; font-weight: 900; font-style: normal; font-size: 6vw; letter-spacing: 0.05em; text-align: center; padding-top: 8vw; } .recruit_detail_row_01 p { color: #ea5935; font-size: 3vw; text-align: center; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em; } .detail_message_base{ margin:0 auto; background-color:#fdf4ee; background-size:100% auto;/*この場合は高さが自動設定*/ padding: 0 0 0 0; } .detail_message_text{ margin: 5vw 0 0 0; /* width: 765px; */ padding: 10vw 8vw 10vw 8vw; line-height: 5.3vw; } table.company { width: 84vw; margin: 0 auto; border-collapse: separate; border-spacing: 0px 1px; font-size: 3vw; } table.company th, table.company td { padding: 10px; } table.company th { background: #ea5935; vertical-align: middle; text-align: left; width: 215px; overflow: visible; position: relative; color: #fff; font-weight: normal; font-size: 3vw; } table.company td { background: #fff; width: 167vw; padding-left: 20px; padding-right: 28px; } } /* ================================================================================ フッター ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .recruit_row_12 { background: url(../img/white_triangle.png) center top no-repeat; background-color: #e95936; height: 42vw } .recruit_row_12 .mynavi_2019 img { margin-left: 12.2vw; margin-top: 9.3vw; width: 34.65vw; } .recruit_row_12 .mynavi_2020 img { margin-left: 2.4vw; margin-top: 9.3vw; width: 34.65vw; } .recruit_row_12 .mynavi_rejob img { margin: 4.6vw 0 0 32vw; display: inline; width: 34.65vw; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .recruit_row_12 { background: url(../img/white_triangle.png) center top no-repeat; background-color: #e95936; height: 90vw; background-size: 10vw; } .recruit_row_12 .mynavi_2019, .recruit_row_12 .mynavi_2020, .recruit_row_12 .mynavi_rejob { text-align: center; } .recruit_row_12 .mynavi_2019 img { margin-top: 13vw; width: 60vw; display: inline; } .recruit_row_12 .mynavi_2020 img { margin-top: 7vw; width: 60vw; display: inline; } .recruit_row_12 .mynavi_rejob img { margin-top: 7vw; width: 60vw; display: inline; } }