*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==================================
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com 
	Twitter: @rich_clark
================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-feature-settings: "palt";
    max-height: 100%;
    word-break: break-all;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    max-height: 100%;
}

img {
    max-height: none;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

/* ==================================
	tag
================================== */

html {
    font-size: 52.5%;
    -webkit-text-size-adjust: 100%;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    html {
        font-size: 52.5%;
    }
}

i {
    font-style: normal;
    line-height: 1;
}

a {
    text-decoration: underline;
    color: #333333;
}

body {
    margin: 0 auto;
    width: 980px;
    min-width: 320px;
    overflow-x: hidden;
    color: #333333;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

li {
    list-style-type: none;
}

h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #666666;
    border-top: solid 2px #bbbbbb;
    border-bottom: solid 2px #bbbbbb;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.pageTop {
    right: 3%;
    bottom: -100px;
    opacity: 0.7;
    position: fixed;
}

.pageTop img {
    width: 60px;
}

/* ==================================
	layout
================================== */
#wrap {
    margin: 0 auto;
    max-width: 980px;
}

header,
footer,
main,
.container_pd,
.container_full {
    overflow: hidden;
    position: relative;
}

.container_pd {
    padding: 5px 20px;
}

.container_index {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.container_index > div,
.container_index > aside {
    display: table-cell;
    vertical-align: top;
}

.container_index > div {
    padding: 0 45px 0 0;
    width: 100%;
}

.container_index > aside {
    float: right;
    width: 50%;
    width: 200px;
}

/* ==================================
	header
================================== */
header {
    position: relative;
    z-index: 9000;
    background-color: #ffffff;
    height: 80px;
}

header .header_logo {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9000;
    width: 180px;
}

header .header_logo img {
    width: 100%;
}

/* ----------------------
	nav
---------------------- */
header nav ul {
    display: table;
    margin: 0 0 0 auto;
}

header nav li {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    padding: 0 12px;
}

header nav li div {
    cursor: pointer;
    color: #333333;
    font-size: 1.9rem;
    font-weight: bold;
}

header #menu_search img {
    display: block;
    width: 22px;
    height: 22px;
}

@media only screen and (max-width: 767px) {
    header #menu_search img {
        width: 44px;
        height: 44px;
    }
}

/* 2021.06.12 new */
header #nav_hamburger {
    display: none;
    position: relative;
    z-index: 9000;
}

/* ----------------------
	hamburger
---------------------- */
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 40px;
    height: 30px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #333333;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 13px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

/* effect */
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(13px) rotate(-315deg);
    transform: translateY(13px) rotate(-315deg);
}

.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-13px) rotate(315deg);
    transform: translateY(-13px) rotate(315deg);
}

/* ==================================
	menu_pc
================================== */
.menu_pc {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 8000;
}

@media only screen and (max-width: 767px) {
    .menu_pc {
        display: none;
    }
}

/* 2021.06.12 new */
.menu_pc_wrap {
    max-width: 980px;
    height: 100%;
    z-index: 8001;
    margin: 0 auto;
    padding-top: 0px;
    background-color: #f4f5f6;
}

.menu_pc_inner {
    display: table;
}

.menu_pc_inner > div {
    display: table-cell;
    vertical-align: midle;
}

.inquiry-box a {
    display: block;
    width: 180px;
    margin: 20px 20px;
    border: 1px solid #ffffff;
    text-align: center;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 2.4;
}

/* ----------------------
	menu_pc_table
---------------------- */
.menu_pc_table {
    display: table;
    width: 980px;
    margin: 0 auto;
    margin-top: 0;
}

.menu_pc_table > div {
    display: table-cell;
    padding: 20px 20px 0 20px;
}

.menu_pc_table nav {
    margin-bottom: 40px;
    border-top: 0 solid #333333;
    overflow: hidden;
}

.menu_pc_table h2 {
    color: #333333;
    font-size: 1.8rem;
    padding: 0px 0 10px 0px;
}

.sitemap_table li.footer_link_top,
.menu_pc_table li.footer_link_top {
    display: none;
}

.menu_pc_table li a {
    display: block;
    color: #333333;
    font-size: 1.6rem;
    padding: 2px 0 2px 0px;
    text-decoration: none;
    line-height: 1.5;
}

.menu_pc_table li span {
    font-size: 1rem;
}

.menu_pc_table h2 a {
    display: block;
    color: #333333;
    text-decoration: none;
}

#menu_pc_cell-1,
#menu_pc_cell-2,
#menu_pc_cell-3,
#menu_pc_cell-4 {
    width: 220px;
}

.enMenu #menu_pc_cell-1,
.enMenu #menu_pc_cell-2,
.enMenu #menu_pc_cell-3 {
    width: 330px;
}

/* ==================================
	menu_sp
================================== */
.menu_sp {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 8000;
}

.menu_sp_wrap {
    display: none;
    width: 100%;
    z-index: 8001;
    margin: 0 auto;
    padding-top: 145px;
    background-color: rgba(255, 255, 255, 0);
}

.menu_sp_area {
    width: 100%;
    margin: 0 0 0 auto;
    background-color: rgba(255, 255, 255, 1);
}

/* ----------------------
	menu_list
---------------------- */
.menu_sp_list {
    background-color: #5654a2;
    margin-bottom: 30px;
}

.menu_sp_list li {
    position: relative;
    border-top: 1px solid #a5a8ff;
}

.menu_sp_list li.disable {
    opacity: 0.25;
}

.menu_sp_list li b,
.menu_sp_list li a {
    display: block;
    padding-left: 20px;
    height: 90px;
    line-height: 90px;
    cursor: pointer;
    font-size: 3.5rem;
    font-weight: normal;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 30px 30px;
}

.menu_sp_list li a {
    background-image: url(../_common_img/icon_arrow_right.svg);
    text-decoration: none;
}

.menu_sp_list li b {
    background-image: url(../_common_img/icon_arrow_botom.svg);
}

.menu_sp_list li b.active {
    background-image: url(../_common_img/icon_arrow_top.svg);
}

.menu_sp_list li s {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu_sp_list li a br {
    display: none;
}

/* ----------------------
	子要素
---------------------- */
.menu_sp_list ul {
    display: none;
}

.menu_sp_list ul li {
    padding-left: 15px;
}

.menu_sp_list .menu_sp_search {
    background-image: none;
    padding: 20px;
}

.menu_sp_replace {
    padding: 0 20px 30px 20px;
}

#menu_sp_ir br {
    display: none;
}

/* ----------------------
	Yahoo検索
---------------------- */
.pc-dd-search-box {
    position: relative;
}

.search-input {
    width: 100%;
    height: 40px;
    background-color: #ffffff;
    background-image: url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    left: 0;
    margin: auto 0 auto auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: opacity 0.2s linear;
}

.search-btn img {
    display: block;
    width: 24px;
    height: 24px;
}

.search-btn:hover,
.search-btn:active {
    opacith: 0.5;
}

#searchform {
    padding: 0 20px;
}

#searchform .hidden {
    displya: none;
}

#searchform input {
    padding: 0 5px;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;

    width: 900px;
    height: 40px;
    background-color: #ffffff;
    /* background-image: url(https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

#searchsubmit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    background-color: #ffffff;
    background-image: url(/_common_img/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    width: 40px;
    height: 40px;
}

#search_flex {
    display: flex;
}

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
}

.gsc-inline-block {
    width: 120px;
}

/* ==================================
	submenu
================================== */
.submenu {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    border-top: 0 solid #ffffff;
    z-index: 9999;
}

.submenu nav,
.submenu #search_wrap {
    display: block;
    width: 980px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #5654a2;
}

.submenu h2 {
    width: 340px;
    padding: 0 30px;
    margin: 0 0 30px 0;
}

.submenu ul,
.submenu p {
    display: block;
    overflow: hidden;
    padding: 0 30px;
}

.submenu li {
    display: block;
    float: left;
    width: 280px;
    margin: 0 40px 30px 0;
}

.submenu li:nth-child(3n) {
    margin: 0 0 30px 0;
}

.submenu li br {
    display: none;
}

.submenu li span {
    padding-left: 10px;
    font-size: 1rem;
}

.submenu a {
    text-decoration: none;
    display: block;
    padding: 10px 15px 10px 0px;
    font-size: 1.8rem;
    border-bottom: solid 1px #ffffff;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px 15px;
    background-image: url(../_common_img/icon_arrow_right.svg);
}

.submenu .search-input {
    display: block;
}

.listmenu_en a {
    padding: 10px 15px 10px 0;
    background-position: right 0 center;
}

/* ==================================
	footer
================================== */
footer {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

.footer_logo {
    display: block;
    width: 450px;
    margin: 0 auto 30px auto;
}

.footer_sitemap {
    display: table;
    margin: 0 auto 50px auto;
}

.footer_sitemap li {
    display: table-cell;
    padding: 0 10px;
    border-right: 1px solid #333333;
}

.footer_sitemap li:last-child {
    border-right: 0;
}

.footer_sitemap a {
    font-size: 1.8rem;
    color: #333333;
}

.footer_sp {
    display: none;
}

/* ----------------------
	footer_mark
---------------------- */
.footer_mark {
    display: table;
    margin: 0 auto 35px auto;
    width: 100%;
}

.footer_mark div {
    display: table-cell;
    vertical-align: middle;
}

.footer_mark div::nth-child(1) {
    width: calc(100% - 270px);
}

.footer_mark div:nth-child(2),
.footer_mark div:nth-child(3),
.footer_mark div:nth-child(4) {
    width: 90px;
}

.footer_mark div:nth-child(2) a,
.footer_mark div:nth-child(3) a,
.footer_mark div:nth-child(4) a {
    display: block;
    width: 70px;
    margin: 0 0 0 auto;
}

.footer_mark img {
    width: 70px;
}

/* ----------------------
	footer_sns
---------------------- */
.footer_sns {
    display: table;
    margin: 0 auto 35px auto;
}

.footer_sns div {
    display: table-cell;
}

.footer_sns div::nth-child(1) {
    padding-right: 10px;
}

.footer_sns div:nth-child(2),
.footer_sns div:nth-child(3),
.footer_sns div:nth-child(4) {
    width: 90px;
}

.footer_sns div:nth-child(2) a,
.footer_sns div:nth-child(3) a,
.footer_sns div:nth-child(4) a {
    display: block;
    margin: 0 0 0 auto;
}

.footer_sns img {
    width: 70px;
}

/* ----------------------
	footer_copy
---------------------- */
.footer_copy {
    display: inline;
    margin-bottom: 0;
    font-size: 1.4rem;
}

/* ==================================
	categoery
================================== */
i.bg {
    color: #ffffff !important;
}

.bg.ct-csr {
    background-color: #205bff;
}

.bg.ct-engineer {
    background-color: #003567;
}

.bg.ct-value {
    background-color: #003567;
}

.bg.ct-artner {
    background-color: #463b8a;
}

.bg.ct-about-us {
    background-color: #463b8a;
}

.bg.ct-life {
    background-color: #66c6c2;
}

.bg.ct-women {
    background-color: #f43567;
}

.bg.ct-career {
    background-color: #1418db;
}

.bg.ct-skill {
    background-color: #f62923;
}

.bg.ct-other {
    background-color: #cccccc;
}

.bg.ct-technology {
    background-color: #6694ff;
}

.bg.ct-field {
    background-color: #ccbc33;
}

.bg.ct-trend {
    background-color: #6694ff;
}

.bg.ct-topics {
    background-color: #eb6877;
}

.bg.ct-release {
    background-color: #fb82b5;
}

.bg.ct-service {
    background-color: #186d3e;
}

.bg.ct-jobsearch {
    background-color: #22ac38;
}

.bg.ct-training {
    background-color: #eb6100;
}

.bg.ct-ir {
    background-color: #1e97c4;
}

.bg.ct-recruit {
    background-color: #1418db;
}

.bg.ct-newgrad {
    background-color: #1418db;
}

.bg.ct-referral {
    background-color: #f26216;
}

.bg.ct-oshirase {
    background-color: #e37500;
}

.bg.ct-company {
    background-color: #73be17;
}

.bg.ct-none {
    background-color: #e37500;
}

.bg.ct-newgrad-blog {
    background-color: #ff8000;
}

.sidebar_text {
    font-size: 1.8rem !important;
    line-height: 2rem;
    margin: 5px 0 5px 0 !important;
    padding-right: 20px;
    color: #666666;
    word-break: normal;
}

.txt.ct-csr {
    color: #205bff;
}

.txt.ct-engineer {
    color: #003567;
}

.txt.ct-value {
    color: #003567;
}

.txt.ct-artner {
    color: #463b8a;
}

.txt.ct-artner {
    color: #463b8a;
}

.txt.ct-company {
    color: #463b8a;
}

.txt.ct-about-us {
    color: #463b8a;
}

.txt.ct-life {
    color: #66c6c2;
}

.txt.ct-women {
    color: #f43567;
}

.txt.ct-career {
    color: #1418db;
}

.txt.ct-skill {
    color: #f62923;
}

.txt.ct-other {
    color: #cccccc;
}

.txt.ct-technology {
    color: #6694ff;
}

.txt.ct-release {
    color: #fb82b5;
}

.txt.ct-topics {
    color: #eb6877;
}

.txt.ct-service {
    color: #186d3e;
}

.txt.ct-jobsearch {
    color: #22ac38;
}

.txt.ct-jobsearch {
    color: #22ac38;
}

.txt.ct-training {
    color: #eb6100;
}

.txt.ct-ir {
    color: #1e97c4;
}

.txt.ct-recruit {
    color: #1418db;
}

.txt.ct-newgrad {
    color: #1418db;
}

.txt.ct-referral {
    color: #f26216;
}

.txt.ct-other {
    color: #666666;
}

#news-ct-ir.resp-tab-active {
    background-color: #1e97c4;
}

#news-ct-release.resp-tab-active {
    background-color: #fb82b5;
}

#news-ct-newgrad.resp-tab-active {
    background-color: #1418db;
}

#news-ct-career.resp-tab-active {
    background-color: #1418db;
}

#news-ct-other.resp-tab-active {
    background-color: #5f14db;
}

/* ==================================
	btn_sns
================================== */
.article_sns {
    margin: 50px 0;
}

.article_sns ul {
    display: block;
    width: 100%;
    overflow: hidden;
}

.article_sns li {
    display: block;
    float: left;
    width: 131px;
    margin: 0 10px 0 0;
}

.article_sns li:nth-child(5) {
    margin: 0 0 0 0;
}

.article_sns a {
    display: block;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 4px;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
}

.article_sns a:active,
.article_sns a:hover {
    opacity: 0.7;
}

.btn_sns_fb a {
    background-color: #3b5998;
}

.btn_sns_twitter a {
    background-color: #55acee;
}

.btn_sns_hatebu a {
    background-color: #008fde;
}

.btn_sns_line a {
    background-color: #00b900;
}

.btn_sns_pocket a {
    background-color: #ee4056;
}

/* ==================================
	section
================================== */
section > h1 {
    display: block;
    font-size: 2.2rem;
    font-weight: bold;
}

section > h1 > b {
    display: inline-block;
    margin: 0 0.5em 0 0;
    font-size: 4rem;
    color: #003567;
    font-weight: bold;
}

/* ==================================
	slide
================================== */
.slide_area {
    margin-bottom: 40px;
}

ul.slider {
    height: 400px;
    overflow-y: hidden;
    margin-bottom: 30px;
}

.slide_block li {
    display: block;
}

.slide_block a {
    display: block;
    position: relative;
    height: 400px;
    background-position: center center;
}

.slide_block img {
    width: 100%;
}

.slide_block img.pc {
    display: block !important;
}

.slide_block img.sp {
    display: none !important;
}

.slide_block .slide_info {
    position: absolute;
    z-index: 1;
    bottom: 15px;
}

.slide_block i {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    font-size: 4rem;
    font-weight: bold;
}

.slide_block i span {
    display: inline-block;
    font-weight: normal;
    font-size: 1.7rem;
    margin: 0 0 0 0.5rem;
}

.slide_block .slide_info time,
.slide_block .slide_info h1 {
    display: block;
    color: #ffffff;
    text-shadow: 2px 2px 3px #000000;
}

.slide_block .slide_info time {
    margin: 10px 0 5px 0;
    padding: 0 0 0 15px;
    line-height: 1;
    font-size: 1.5rem;
}

.slide_block .slide_info h1 {
    padding: 0 15px 0 15px;
    line-height: 1.5;
    font-size: 4rem;
}

.slide_block .slide_info > span {
    display: block;
    padding: 10px 20px 10px 40px;
    background-color: rgba(0, 0, 0, 0.5);
}

.slide_block .slide_info strong {
    display: block;
    font-size: 4rem;
    color: #ffffff;
    margin: 0 0 5px 0;
}

.slide_block .slide_info em {
    display: block;
    font-size: 18px;
    color: #ffffff;
    font-style: normal;
}

/* ----------------------
	slick-prev,
	slick-next
---------------------- */
.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
}

.slick-prev:before,
.slick-next:before {
    font-size: 40px;
}

.slick-prev {
    top: 45%;
    left: 10px;
    z-index: 100;
}

.slick-next {
    top: 45%;
    right: 10px;
    z-index: 100;
}

/* ==================================
	pickup_area
================================== */
.pickup_area h1 {
    margin: 0 0 20px 0;
}

/* ----------------------
	col_side
---------------------- */
.col_side li {
    display: table;
    width: 100%;
}

.col_side li > a {
    display: block;
    color: #333333;
}

.col_side .col_wrap {
    padding: 10px 0;
    border-top: 1px solid #cccccc;
}

.col_side .col_wrap figure,
.col_side .col_wrap div {
    display: table-cell;
    vertical-align: top;
}

.col_side figure {
    position: relative;
    width: 50px;
}

.col_side figure img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.col_side figure span {
    position: absolute;
    left: 2px;
    top: 30px;
    font-size: 2rem;
    color: #ffffff;
    text-shadow: 2px 2px 3px #000000;
}

.col_side .col_wrap div {
    padding: 0 0 0 10px;
}

.col_side .col_wrap div i {
    display: block;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.col_side .col_wrap div time {
    display: block;
    font-size: 1.8rem;
    margin: 0 0 5px 0;
}

.col_side .col_wrap div h2 {
    display: block;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0 0 0 0;
}

.col_side li:nth-child(1) span:after {
    content: "1";
}

.col_side li:nth-child(2) span:after {
    content: "2";
}

.col_side li:nth-child(3) span:after {
    content: "3";
}

.col_side li:nth-child(4) span:after {
    content: "4";
}

.col_side li:nth-child(5) span:after {
    content: "5";
}

/* ----------------------
	col1
---------------------- */
.col1 li {
    display: table;
}

.col1 li > a {
    text-decoration: none;
    display: block;
    color: #333333;
}

.col1 .col_wrap {
    margin: 0 0 45px 0;
}

.col1 .col_wrap figure,
.col1 .col_wrap div {
    display: table-cell;
    vertical-align: top;
}

.col1 figure img {
    display: block;
    width: 260px;
    height: 130px;
    object-fit: cover;
}

.col1 figure i {
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 7px 7px;
}

.col1 figure i span {
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0 0 0 0;
}

.col1 .col_wrap div {
    padding: 0 0 0 10px;
}

.col1 .col_wrap div i {
    display: none;
}

.col1 time {
    display: block;
    font-size: 2rem;
    margin: 0 0 3px 0;
}

.col1 h2 {
    font-size: 2.3rem;
    line-height: 1.25;
    margin: 0 0 7px 0;
}

.col1 p {
    font-size: 1.8rem;
    line-height: 1.7;
}

/* ----------------------
	col2
---------------------- */
.col2 {
    overflow: hidden;
}

.col2 li {
    display: block;
    float: left;
    margin: 0 35px 35px 0;
}

.col2 li > a {
    display: block;
    color: #333333;
    text-decoration: none;
}

.col2 li:nth-child(2n) {
    margin: 0 0 35px 0;
}

.col2 .col_wrap {
    width: 330px;
}

.col2 figure,
.col2 div {
}

.col2 figure img {
    display: block;
    width: 100%;
}

.col2 .col_wrap div i {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    padding: 7px 7px;
}

.col2 .col_wrap div i span {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0 0 0 0.5em;
}

.col2 time {
    display: block;
    font-size: 2rem;
    margin: 10px 0 5px 0;
}

.col2 h2 {
    font-size: 2.3rem;
    line-height: 1.25;
    margin: 0 0 7px 0;
}

.col2 p {
    font-size: 1.8rem;
    line-height: 1.7;
}

/* ----------------------
	col3
---------------------- */
.col3 {
    display: table;
    width: 100%;
}

.col3 li {
    display: table-cell;
    vertical-align: top;
}

.col3 li > a {
    display: block;
    color: #333333;
    text-decoration: none;
}

.col3 .col_wrap {
    width: 290px;
}

.col3 li:nth-child(1) .col_wrap {
    margin: 0 auto 0 0;
}

.col3 li:nth-child(2) .col_wrap {
    margin: 0 auto;
}

.col3 li:nth-child(3) .col_wrap {
    margin: 0 0 0 auto;
}

.col3 figure,
.col3 div {
    display: block;
    vertical-align: top;
}

.col3 figure img {
    display: block;
    width: 100%;
}

.col3 .col_wrap div i {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    padding: 7px;
}

.col3 .col_wrap div i span {
    display: inline-block;
    font-size: 1.7rem;
    font-weight: normal;
    margin: 0 0 0 0.5em;
}

.col3 time {
    display: block;
    font-size: 1.5rem;
    margin: 10px 0 5px 0;
}

.col3 h2 {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

.col3 p {
    font-size: 1.5rem;
    line-height: 1.5;
}

/* ==================================
	news_area
================================== */
.news_area {
    margin: 0 0 30px 0;
}

.news_area h1 {
    margin: 0 0 20px 0;
    position: relative;
}

.news_area h1 a {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
}

.news_list {
    display: none;
}

.news_list li {
    display: table;
}

.news_list time,
.news_list div,
.news_list p {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

.news_list time {
    width: 90px;
    font-size: 1.8rem;
}

.news_list .time {
    width: 90px;
    font-size: 1.8rem;
}

.news_list div {
    width: 120px;
    font-size: 1.4rem;
    text-align: center;
}

.news_list i {
    display: block;
    color: #ffffff;
    line-height: 2em;
}

.news_list p {
    font-size: 1.8rem;
    line-height: 1.25;
    padding-left: 0.5em;
}

.news_list p a {
    text-decoration: none;
}

/* ----------------------
	easyResponsiveTabs
---------------------- */
ul.resp-tabs-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #463b8a;
    color: #ffffff;
    font-size: 1.5rem;
    border-right: 1px solid #ffffff;
}

.resp-tabs-list li:last-child {
    border-right: 0 solid #ffffff;
}

.resp-tabs-list li.resp-tab-active {
    background-color: #e77519;
}

.resp-tab-content {
    display: none;
    padding: 15px 15px 45px 15px;
    border: 1px solid #999999;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

h2.resp-tab-active {
    padding: 10px 15px;
    background-color: #999999;
}

h2.resp-accordion {
    display: none;
    background-color: #003567;
    color: #ffffff;
    margin: 0px;
    padding: 10px 15px;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

/* ==================================
	col3_area
================================== */
.col3_area {
    margin-bottom: 40px;
    padding: 30px;
    background-color: #eeeeee;
}

.col3_area h1 {
    margin: 0 0 20px 0;
}

.col3_area h1 b {
    color: #f43567;
}

/* ==================================
	business_area
================================== */
.business_area {
    margin-bottom: 50px;
}

.business_area h1 {
    margin-bottom: 15px;
}

.business_area p {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.business_area p br {
    display: none;
}

.business_area ul {
    overflow: hidden;
}

.business_area li {
    display: block;
    float: left;
    width: 226px;
    position: relative;
    margin: 0 12px 12px 0;
}

.business_area li:nth-child(4n) {
    margin: 0 0 12px 0;
}

.business_area li a {
    display: block;
    color: #ffffff;
}

.business_area li img {
    width: 100%;
}

.business_area li div {
    position: absolute;
    left: 5px;
}

.business_area li div.top {
    top: 5px;
}

.business_area li div.bottom {
    bottom: 5px;
}

.business_area li b {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 5px;
}

.business_area li h2 {
    font-size: 1.6rem;
    margin: 0 !important;
}

/* ==================================
	popular_area
================================== */
.popular_area {
    margin: 0 0 30px 0;
}

.popular_area h1 {
    color: #333333;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 5px 0;
}

/* ==================================
	category_area
================================== */
.category_area {
    margin: 0 0 0 0;
}

.category_area h1 {
    color: #333333;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.category_list {
    margin-bottom: 10px;
}

.category_list a {
    display: block;
    border-top: 1px solid #cccccc;
    padding: 10px 0;
    text-decoration: none;

    background-image: url(../_common_img/icon_arrow_right-b.svg);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 10px;

    word-break: normal;
}

.category_list i {
    display: block;
    margin: 0 0 5px 0;
    font-size: 2.5rem;
    font-weight: bold;
}

.category_list h2 {
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333;
    margin: 0 !important;
}

.category_block {
    overflow: hidden;
}

.category_block li {
    width: 50%;
    float: left;
}

.category_block li a {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    text-decoration: none;
}

.category_block li:nth-child(1) a {
    margin: 0 5px 5px 0;
}

.category_block li:nth-child(2) a {
    margin: 0 0 5px 5px;
}

.category_block li:nth-child(3) a {
    margin: 5px 5px 0 0;
}

.category_block li:nth-child(4) a {
    margin: 5px 0 0 5px;
}
/* en */
.category_list > li > ul > li > a {
    padding-left: 10px;
    display: none;
}

.category_list > li > ul > li > ul > li > a {
    padding-left: 20px;
    display: none;
}

.category_list > li > ul > li > ul > li > ul > li > a {
    padding-left: 30px;
    display: none;
}
.category_list .active {
    display: list-item;
}
.category_list .active > a {
    display: block;
}

/*
.en-irevent.listchild,
.en-about.listchild,
.en-financial.listchild,
.en-stock.listchild,
.en-management.listchild,
.en-outsourcing.listchild,
.en-officer.listchild,
.en-csr.listchild,
.en-ir.listchild,
.en-company.listchild {
	display: none;
}

.listchild .sidebar_text {
	font-size: 1.6rem !important;
}
*/

/* ==================================
	hero_area
================================== */
.hero_area {
    position: relative;
}

.hero_area div {
    display: block;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20px;
    height: 6.5rem;
    color: #ffffff;
}

.hero_area b {
    display: block;
    height: 1em;
    font-size: 2rem;
    color: #ffffff;
}

.hero_area i {
    display: block;
    left: 20px;
    height: 1em;
    font-size: 4rem;
    margin-bottom: 0.5rem;
    color: #ffffff;
}

.hero_area img {
    display: block;
    width: 100%;
}

/* ==================================
	pankuzu_area
================================== */
.pankuzu_area {
    padding: 10px 20px 30px 20px;
}

.pankuzu_area div {
    overflow: hidden;
}

.pankuzu_area a {
    display: inline-block;
    color: #333333;
    line-height: 1;
    font-size: 1.4rem;
    padding: 3px;
}

.pankuzu_area span::after {
    content: ">";
}

.pankuzu_area span:last-child::after {
    content: "";
}

.pankuzu_area li a,
.pankuzu_area li > span {
    display: inline-block;
    padding-top: 1px;
}

/* ==================================
	article_area
================================== */
.article_area {
}

.article_wrap i {
    display: block;
    font-size: 4rem;
    font-weight: bold;
    color: #666666;
}

.article_wrap i span {
    display: inline-block;
    font-size: 2rem;
    font-weight: normal;
    margin: 0 0 0 0.5em;
}

.article_wrap time {
    display: block;
    font-size: 2.3rem;
    margin: 5px 0 10px 0;
}

.article_wrap h1 {
    font-size: 3.2rem;
    line-height: 1.5;
    margin: 20px 0 1rem 0;
    font-weight: 900;
}

.article_wrap h2 {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    border-left: 10px solid #003567;
    padding-left: 10px;

    word-break: normal;
}

body.postid-4753 .article_wrap h2 {
    margin-top: 10px;
}

.article_wrap p {
    font-size: 2.3rem;
    line-height: 1.7;
    margin-bottom: 1.5em;
}

.article_wrap img {
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}

/* ==================================
	share_area
================================== */
.share_area {
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px;
}

.share_area li {
    display: block;
    width: 22%;
    height: 50px;
    float: left;
    margin-right: 4%;
}

.share_area li:last-child {
    margin-right: 0;
}

.share_area li a {
    display: block;
    color: #ffffff;
    line-height: 1;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 5px;
}

.share_area li s {
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
    font-style: none;
    font-size: 1.2rem;
}

.share_twitter a {
    background-color: #55acee;
}

.share_facebook a {
    background-color: #3b5998;
}

.share_google a {
    background-color: #dd4b39;
}

.share_line a {
    background-color: #00b900;
}

/* ==================================
	pagination
================================== */
.andmore {
    display: block;
    border: 1px solid #333333;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    font-size: 2.3rem;
}

.andmore:hover,
.andmore:active {
    background-color: #333333;
    color: #ffffff;
}

.pagination {
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.pagination a,
.pagination span {
    font-size: 1.6rem;
    display: block;
    line-height: 40px;
    margin: 0 10px 0 0;
    float: left;
    width: 50px;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
}

/* ==================================
	colorbox
================================== */
#colorbox div {
    max-height: none !important;
}

/* ==================================
	Title Categiry
================================== */
.title_categiry {
    margin: 0 0 20px 0;
    background-color: #eeeeee;
    padding: 10px 0 5px 15px;
    width: 100%;
}

.title_categiry h1 {
    font-size: 3rem;
    margin: 0 0 5px 0;
}

.title_categiry h2 {
    font-size: 2rem;
    margin: 0 0 5px 0;
}

.title_categiry span {
    font-size: 1.4rem;
}

/* ==================================
	topics_list
================================== */
.topics_list {
    clear: both;
}

.topics_list li {
    overflow: hidden;
}

.topics_list li > div,
.topics_list li > p,
.topics_list li > time {
    font-size: 1.8rem !important;
}

.topics_list li i {
    font-size: 1.4rem !important;
    font-weight: normal;
    text-align: center;
    padding: 5px;
    display: block;
}

.topics_list li > div {
    width: 120px;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
}

.topics_list li > time {
    float: none;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}

.topics_list a {
    /* text-decoration: none; */
}

/*----*/
.tab-area {
    display: none;
}

.tab-area.current {
    display: block;
}

/*----*/
.tab-year {
    overflow: hidden;
    width: 680px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #eeeeee;
}

.tab-year li {
    display: block;
    padding: 0 10px 10px 0;
    float: left;
    width: 80px;
}

.tab-year li a {
    font-size: 2rem;
}

/*----*/
.tab-category {
    display: block;
    width: 660px;
    margin-bottom: 30px;
    overflow: hidden;
}

.tab-category li {
    display: block;
    float: left;
    padding: 5px;
    width: 110px;
}

.tab-category li p {
    margin: 0;
    font-size: 1.4rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

/*---------------*/
.link_topics {
    text-align: right;
    display: block;
    margin: 15px 0 0 0;
    text-decoration: none;
    font-size: 1.6rem;
}

/* ==================================
	sitemap
================================== */
.sitemap h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.7;
    margin: 0;
    padding: 0 0 0 10px;
    border: 0;
    background: url(/_common_img/ico_link.gif) no-repeat 0 7px;
}

.sitemap h2 {
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
    border: 0;
    font-weight: normal;
    background: url(/_common_img/ico_link.gif) no-repeat 0 7px;
}

.sitemap ul {
    margin: 0 0 10px 0;
}

.sitemap ul.p2 li {
    margin: 0 0 0 40px;
    background: url(/_common_img/ico_link.gif) no-repeat 0 7px;
}

.sitemap ul.p1 li {
    margin: 0 0 0 20px;
    background: url(/_common_img/ico_link.gif) no-repeat 0 7px;
}

.sitemap li a {
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 0;
    padding: 0 0 0 10px;
    border: 0;
    font-weight: normal;
}

.article_wrap #sitemap_link {
    /* 2021.01.18 */
}

.sitemap_table {
    width: 100%;
}

.sitemap_table td {
    width: 33.3%;
}

/* ==================================
	ジョブサーチ：急募

	POST ID が、body の class に固有で付いている。
================================== */
/* 詳細 */
/*
.postid-9506 .article_desp h1:before,
.postid-9508 .article_desp h1:before,
.postid-8860 .article_desp h1:before,
.postid-8409 .article_desp h1:before,
.postid-8407 .article_desp h1:before,
.postid-8403 .article_desp h1:before {
	content: "急 募";
	display: inline-block;
	background-color: #D50000;
	color: #ffffff;
	padding: 0 30px;
	margin: 0 20px 0 0;
	border-radius: 7px;
	font-size: 2.4rem;
	line-height: 36px;
}
*/

/* 一覧 */
.wantLabel {
    position: absolute;
    top: 5px;
    left: 15px;
    background-color: #d50000;
    color: #ffffff;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 26px;
}

.page-numbers:hover {
    background-color: #eeeeee;
}

.page-numbers.current {
    background-color: #333333;
    color: #ffffff;
}

/* ==================================
	個別対応用
================================== */
.word-break-normal {
    word-break: normal !important;
}

@media only screen and (max-width: 767px) {
    /* ==================================
		tag
	================================== */
    body {
        width: 767px;
    }

    h3 {
        font-size: 34px;
        line-height: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .pageTop img {
        width: 100px;
    }

    /* ----------------------
		slick-prev,
		slick-next
	---------------------- */
    .slick-prev,
    .slick-next {
        width: 60px;
        height: 60px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 60px;
    }

    .slick-prev {
        top: 40%;
    }

    .slick-next {
        top: 40%;
    }

    /* ==================================
		layout
	================================== */
    #wrap {
        padding-top: 145px;
    }

    /* ==================================
		header
	================================== */
    header {
        height: 145px;
        position: fixed !important;
    }

    header .header_logo {
        top: 25px;
        left: 25px;
        width: 330px;
    }

    header nav li {
        height: 145px;
    }

    header nav li:nth-child(1),
    header nav li:nth-child(2),
    header nav li:nth-child(3),
    header nav li:nth-child(4),
    header nav li:nth-child(5),
    header nav li:nth-child(6) {
        display: none;
    }

    /* ----------------------
		hamburger
	---------------------- */
    /* 2021.06.12 new */
    header #nav_hamburger {
        display: table-cell;
    }

    .menu-trigger {
        width: 80px;
        height: 60px;
    }

    .menu-trigger span {
        height: 8px;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 26px;
    }

    /* effect */
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(26px) rotate(-315deg);
        transform: translateY(26px) rotate(-315deg);
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-26px) rotate(315deg);
        transform: translateY(-26px) rotate(315deg);
    }

    /* ==================================
		menu_sp
	================================== */
    .inner_banner_200 {
        display: none;
    }

    /* ==================================
		footer
	================================== */
    .footer_logo {
        margin: 0 auto 70px auto;
        width: 600px;
    }

    .footer_sitemap,
    .footer_sitemap li {
        display: block;
    }

    .footer_sitemap {
        width: 600px;
        margin: 0 auto 60px auto;
        overflow: hidden;
    }

    .footer_sitemap li {
        width: 50%;
        float: left;
        border: 0;
        padding: 10px 0;
    }

    .footer_sitemap a {
        font-size: 2.8rem;
    }

    .footer_mark {
        padding: 0 20px;
    }

    .footer_copy {
        font-size: 2rem;
    }

    .category_list a {
        background-size: 20px;
    }

    .footer_sp {
        display: block;
        padding: 20px 20px;
        background-color: #f4f5f6;
    }

    .footer_sp table {
        width: 100%;
    }

    .footer_sp table a {
        display: block;
        font-size: 3.2rem;
        padding: 20px 0;
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        font-family: Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    }

    /* ==================================
		layout
	================================== */
    header,
    footer,
    main,
    .container_pd,
    .container_full {
        margin: 0;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .container_index > div {
        padding: 0;
    }

    .container_index > aside {
        display: none;
    }

    /* ==================================
		section
	================================== */
    section > h1 {
        font-size: 3rem;
    }

    section > h1 > b {
        display: block;
        font-size: 6rem;
    }

    /* ==================================
		slide
	================================== */
    .slide_area .slide_info time {
        font-size: 3rem;
    }

    .slide_area .slide_info h1 {
        font-size: 4rem;
    }

    .slide_block img.pc {
        display: none !important;
    }

    .slide_block img.sp {
        display: block !important;
    }

    /* ==================================
		pickup_area
	================================== */
    .col_side figure i {
        display: none;
    }

    .col_side figure img {
        width: 200px;
        height: 200px;
    }

    .col_side figure span {
        font-size: 3.6rem;
    }

    .col_side .col_wrap {
        padding: 20px 0;
    }

    .col_side .col_wrap div {
        padding: 0 0 0 30px;
    }

    .col_side .col_wrap div i {
        display: block;
        font-size: 4.5rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .col_side .col_wrap div i span {
        display: inline-block;
        font-size: 2.5rem;
        font-weight: normal;
        margin: 0 0 0 0.5em;
    }

    .col_side .col_wrap div time {
        font-size: 3rem;
    }

    .col_side .col_wrap div h2 {
        font-size: 4.5rem;
        line-height: 1.5;
        font-weight: normal;
    }

    .col_side p {
        display: none;
    }

    /* ----------------------
		col1
	---------------------- */
    .col1 figure i {
        display: none;
    }

    .col1 figure img {
        width: 200px;
        height: 200px;
    }

    .col1 .col_wrap div {
        padding: 0 0 0 30px;
    }

    .col1 .col_wrap div i {
        display: block;
        font-size: 3.5rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .col1 li figure i {
        display: none;
    }

    .col1 li div i.bg {
        display: inline-block;
    }

    .col1 .col_wrap div i span {
        display: inline-block;
        font-size: 2.5rem;
        font-weight: normal;
        margin: 0 0 0 0;
        text-align: center;
        padding: 5px 10px;
    }

    .col1 time {
        font-size: 3rem;
    }

    .col1 h2 {
        font-size: 4.5rem;
        line-height: 1.5;
    }

    .col1 p {
        display: none;
    }

    /* ----------------------
		col2
	---------------------- */
    .col2 li {
        float: none;
        margin: 0 0 35px 0;
    }

    .col2 .col_wrap {
        width: 100%;
    }

    .col2 .col_wrap {
        width: auto;
        padding-bottom: 50px;
    }

    .col2 .col_wrap div i {
        font-size: 3rem;
    }

    .col2 .col_wrap div i span {
        font-size: 2.5rem;
    }

    .col2 time {
        font-size: 3rem;
    }

    .col2 h2 {
        font-size: 4.5rem;
    }

    .col2 p {
        font-size: 3rem;
    }

    /* ----------------------
		col3
	---------------------- */
    .col3 {
        width: 100%;
    }

    .col3 li {
        display: block;
    }

    .col3 .col_wrap {
        width: auto;
        padding-bottom: 50px;
    }

    .col3 .col_wrap div i {
        font-size: 3rem;
    }

    .col3 .col_wrap div i span {
        font-size: 3rem;
    }

    .col3 time {
        font-size: 3rem;
    }

    .col3 h2 {
        font-size: 5rem;
    }

    .col3 p {
        font-size: 4rem;
    }

    /* ==================================
		news_area
	================================== */
    .news_area .resp-accordion br {
        display: none;
    }

    .news_list time,
    .news_list div,
    .news_list p {
        padding: 0;
    }

    .news_list time {
        display: block;
        float: left;
        font-size: 2.8rem;
        line-height: 1.5;
        width: 150px;
    }

    .news_list div {
        display: block;
        float: left;
        font-size: 2rem;
        width: 170px;
    }

    .news_list i {
        line-height: 1.5;
    }

    .news_list p {
        display: block;
        clear: both;
        font-size: 2.2rem;
        padding-top: 10px;
        margin-bottom: 30px;
    }

    /* ----------------------
		easyResponsiveTabs
	---------------------- */
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        margin: 10px 0 0 0;
        padding: 20px 25px;
        font-size: 2.8rem;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

    /* ==================================
		newarticle_area
	================================== */
    .newarticle_area {
        padding: 20px;
    }

    /* ==================================
		business_area
	================================== */
    .business_area p {
        font-size: 2.8rem;
        line-height: 1.5;
    }

    .business_area p br {
        display: block;
    }

    .business_area li,
    .business_area li:nth-child(4n) {
        margin: 0 20px 20px 0;
        width: 350px;
    }

    .business_area li:nth-child(2n) {
        margin: 0 0 20px 0;
    }

    .business_area li b {
        font-size: 3.2rem;
    }

    .business_area li h2 {
        font-size: 2.4rem;
    }

    /* ==================================
		popular_area
	================================== */
    .popular_area h1 {
        font-size: 4.5rem;
    }

    /* ==================================
		category_area
	================================== */
    .category_area h1 {
        font-size: 4.5rem;
    }

    .category_list {
        margin-bottom: 30px;
    }

    .category_list i {
        font-size: 4.5rem;
    }

    .category_list h2 {
        font-size: 3.5rem;
    }

    .category_block li a {
        font-size: 4rem;
        line-height: 1;
        background-size: 20px;
        padding: 15px 0;
    }

    .sidebar_text {
        font-size: 4rem !important;
        margin: 10px 0 10px 0 !important;
        color: #666666;
        line-height: 1.2;
    }

    .listchild .sidebar_text {
        font-size: 3.2rem !important;
        font-weight: normal;
    }

    /* ==================================
		article_area
	================================== */
    .article_wrap i {
        font-size: 5rem;
    }

    .article_wrap i span {
        font-size: 3rem;
    }

    .article_wrap time {
        font-size: 3rem;
    }

    .article_wrap h1 {
        font-size: 5rem;
    }

    .article_wrap h2 {
        font-size: 4.5rem;
    }

    .article_wrap p {
        font-size: 4rem;
        line-height: 1.5;
    }

    /* ==================================
		pankuzu_area
	================================== */
    .pankuzu_area {
        padding: 20px 20px 30px 20px;
    }

    .pankuzu_area li {
        font-size: 3rem;
    }

    /* ==================================
		btn_sns
	================================== */
    .article_sns {
        margin: 50px 0;
    }

    .article_sns li {
        width: 225px;
        margin: 0 20px 20px 0;
    }

    .article_sns li:nth-child(3) {
        margin: 0 0 20px 0;
    }

    .article_sns a {
        font-size: 3rem;
    }

    /* ==================================
		btn_sns
	================================== */
    .topics_list li > div,
    .topics_list li > p,
    .topics_list li > time {
        font-size: 3rem !important;
    }

    .topics_list li i {
        font-size: 3rem !important;
    }

    .topics_list li > div {
        width: 240px;
    }

    .tab-year {
        width: 100%;
    }

    .tab-year li {
        width: 119px;
        padding: 0 0 20px 0;
        margin: 0 30px 0 0;
    }

    .tab-year li:nth-child(5n) {
        margin: 0;
    }

    .tab-year li a {
        font-size: 3.6rem;
    }

    .tab-category {
        width: 100%;
    }

    .tab-category li {
        width: 242px;
    }

    .tab-category li p {
        font-size: 3rem;
    }

    /*---------------*/
    .link_topics {
        font-size: 2.8rem;
    }

    /* ==================================
		Yahooお検索
	================================== */
    .search-input {
        font-size: 3.2rem;
        line-height: 2;
        height: auto;
    }

    #searchform input {
        width: 640px;
    }

    /* ==================================
		sitemappage
	================================== */
    .sitemap_table,
    .sitemap_table tr,
    .sitemap_table td {
        display: block;
        width: 100%;
    }

    .article_wrap.sitemap h1 {
        font-size: 4rem;
        padding: 0 0 0 20px;
        background: url(/_common_img/ico_link_sp.gif) no-repeat 0 21px;
    }

    .article_wrap.sitemap ul {
        margin: 0 0 40px 0;
    }

    .article_wrap.sitemap ul.p1 {
    }

    .article_wrap.sitemap ul.p1 li {
        margin: 0 0 10px 20px;
        padding: 0 0 0 10px;
        background: url(/_common_img/ico_link_sp.gif) no-repeat 0 10px;
    }

    .article_wrap.sitemap ul.p1 li a {
        font-size: 3rem;
        line-height: 1.5;
    }

    /* ==================================
		pagination
	================================== */
    .andmore {
        width: 500px;
        font-size: 4.3rem;
        padding: 20px 0;
    }

    .pagination a,
    .pagination span {
        font-size: 3rem;
        display: block;
        line-height: 60px;
        margin: 0 10px 0 0;
        float: left;
        width: 60px;
        height: 60px;
        border: 1px solid #999999;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
    }

    .pagination a:first-child,
    .pagination a:last-child {
        width: 100px;
    }
}