@charset "utf-8";

/*---------------------------------------------
海外進出サポート
---------------------------------------------*/
/* ---------
アンカーリンクリスト
------------ */
.anclist.bg-darkgreen li a { font-family: "Noto Sans JP", sans-serif;color: #00a37f; }

/* ---------
3カラム
------------ */
.catlist > li.col-3 { width: 250px; }
.catlist > li.col-3:nth-of-type(3n) { margin-right: 50px; }
.catlist > li.col-3:nth-of-type(4n) { margin: 0 0 30px 0; }
.catlist > li.col-3:after { width: 270px; }
@media (max-width: 767px) {
	.catlist > li.col-3 { width: calc(100% - 15px); }
	.catlist > li.col-3:nth-of-type(4n) { margin: 45px 0; }
	.catlist > li.col-3:after { width: calc(100% - 15px); }
}
/* ---------
4カラム+8カラム
------------ */
.catlist > li.col-8 { width: 750px; margin-right: 20px; }
.catlist > li.col-8:after { width: 770px; }
.catlist.no-link > li.col-3 > dl { padding: 20px; }
.catlist.no-link > li.col-3 > dl:after { content: none; }
@media (max-width: 767px) {
	.catlist > li.col-8 { width: calc(100% - 15px);  margin-right: 0; }
	.catlist > li.col-8:after { width: calc(100% - 15px); }
}

/* ---------
リンクがない場合
------------ */
.catlist.no-link > li > dl { padding: 20px; }
.catlist.no-link > li > dl:after { content: none; }

/* ---------
子要素の場合のリスト
------------ */
.basic.child-list { margin-top: 0; }
.basic.child-list li { float: none; width: 100%; margin: 0; background: none; }
.basic.child-list li:last-child { margin-bottom: 30px; }

/* ---------
アジア共立会ユニット
------------ */
.unit-asia-kyoritsukai { padding: 40px; background: #fef2ec; background-image: url("/assets/images/company/management/foreign-support/p_asiakyoritsukai.jpg"); background-size: cover; background-repeat: no-repeat; text-align: center; }
.unit-asia-kyoritsukai .btnarea { display: flex; justify-content: center; }
.unit-asia-kyoritsukai .btnarea .btn { margin: 30px 15px 0; }
.unit-asia-kyoritsukai .btnarea .btn a { text-decoration: none; }
.btn .btn-conv.login i:first-child { display: inline-block; margin-right: 5px; vertical-align: top; line-height: 1; }
.btn .blank i { display: inline-block; margin-left: 5px; line-height: 1; }
.btn .btn-conv.login i:first-child img { width: 15px; height: 19px; }
.btn .blank i img { width: 16px; height: 15px; }

@media (max-width: 767px) {
	.unit-asia-kyoritsukai { padding: 30px 20px; text-align: left; }
	.unit-asia-kyoritsukai .btnarea .btn { margin: 15px 15px 0; text-align: center; }
	.unit-asia-kyoritsukai .btnarea .btn:first-child { margin: 25px 15px 0; }
}

.form .btn-prev:after { right: auto; left: 15px; transform: rotate(-135deg); }
.unit-asia-kyoritsukai .btnarea .btn .btn-conv { display: inline-block; position: relative; width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.unit-asia-kyoritsukai .btnarea .btn a:hover { opacity: 0.6;}
.unit-asia-kyoritsukai .title-copy { font-size: 2.2rem !important; }
.edit .unit-asia-kyoritsukai .btnarea .btn a[target="_blank"]:after { margin: -5px 0 0; }
@media (max-width: 767px) {
	.unit-asia-kyoritsukai .btnarea { display: block; }
	.unit-asia-kyoritsukai .btnarea .btn a,.unit-asia-kyoritsukai .btnarea .btn .btn-conv { font-size: 1.6rem;}
	.unit-asia-kyoritsukai .title-copy { font-size: 1.8rem;}
}

.overseas-support ul { padding: 15px 20px; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.overseas-support ul li { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.overseas-support ul li em { font-weight: 600; }
@media (max-width: 767px) {
	.overseas-support ul { padding: 20px; display: block; }
	.overseas-support ul li { flex: none; max-width: 100%; }
}

/* ---------
海外旅行(出張)手配サービス
------------ */
.overseas-arrangement-service .card { display: flex; align-items: center; min-height: 194px; position: relative; }
.overseas-related-information .card { display: flex; align-items: center; min-height: 194px; position: relative; }
.overseas-arrangement-service .card:first-child:after { content: ""; display: block; margin-top: -14px; width: 28px; height: 28px; background: url("/assets/images/company/management/foreign-support/i-plus.png") no-repeat; background-size: cover; position: absolute; top: 50%; right: -29px; }
@media (max-width: 767px) {
	.overseas-arrangement-service .card,.overseas-related-information .card { display: block; min-height: 100%; }
	.overseas-arrangement-service .card:first-child { margin-bottom: 30px; }
	.overseas-arrangement-service .card:first-child:after { margin-top: 0; top: auto; right: 0; bottom: -26px; left: 50%; margin-left: -14px; width: 22px; height: 22px; }
}

/* ---------
OKBの海外ネットワーク
------------ */
.business-partner .basic,.transportation .basic { padding: 15px 20px; }
.overseas-map { margin-top: 40px; }
.overseas-map area { border:none; outline:none; }
@media (max-width: 767px) {
	.overseas-map { overflow:hidden; overflow-x: scroll; }
	.overseas-map img { width: auto; height: 450px; }
}

/* ---------
お問い合わせ
------------ */
.contact .title { margin-bottom: 15px; font-family: "Noto Sans JP", sans-serif; font-size: 2.2rem; font-weight: 500; line-height: 1.2; }
.contact .unit07-exp figure { width: 340px; }
.contact .unit07-exp address { color: #663300; }

@media (max-width: 767px) {
	.contact .unit07-exp figure { width: 100%; }
}


/*---------------------------------------------
OKメイト・WEB
---------------------------------------------*/
.okmateweb .unit01					{ margin-bottom: 80px; }
.okmateweb .bg-visual .page-title	{ margin-bottom: 450px !important; }
.okmateweb .bg-visual .mv:after		{ background-image: url(/assets/images/company/okmateweb/p_mainvisual.jpg);}
@media (max-width: 767px) {
	.okmateweb .unit01					{ margin-bottom: 40px; }
	.okmateweb .bg-visual .mv:after		{ background-image: url(/assets/images/company/okmateweb/p_mainvisual_sp.jpg); }
	.okmateweb .bg-visual .page-title	{ margin-bottom: 230px !important; }
}

.okmateweb .unit07-exp address { color: #ff9e46; }
.catlist li a.u-line { display: inline; text-decoration: underline; }
.btn-list		{ display: flex; justify-content: center; padding: 40px 0; }
.btn-list .btn	{ margin-right: 30px; }
@media (max-width: 767px) {
	.btn-list		{ display: block; padding: 20px 0 10px; }
	.btn-list .btn	{ text-align: center; margin: 0 0 20px; }
}

.bg-light-red		{ color:#bc001f; background:#fcf2f4; }
.center-vertically	{ display:flex; align-items:center; }
.w-390				{ width:391px; }
.w-auto				{ width:auto; }
.unit-box--country					{ display:flex; padding-top:15px; }
.unit-box--country li				{ padding:0 3px; min-width:63px; text-align:center; }
.unit-box--country li img			{ width:50px; }
.unit-box--country li span			{ display:block; font-size:1rem; }
.catlist.col-5 li					{ width:205px; margin:0 34px 0 0; }
.catlist.col-5 li:nth-of-type(3n)	{ margin-right:34px; }
.catlist.col-5 li:nth-of-type(5n)	{ margin-right:0; }
.catlist.col-5 li:after				{ right:-10px; bottom:-10px; width:190px; border-top:none; }
.catlist.no-link.col-5 > li > dl	{ padding: 20px 10px; }
@media (max-width: 767px) {
	.w-390					{ width: 100%; }
	.unit-box--country		{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.unit-box--country li	{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.catlist.col-5 li		{ width: calc(100% - 15px); margin: 40px 0; margin-bottom: 30px; }
	.catlist.col-5 li:nth-of-type(1)	{ margin: 0; }
	.catlist.col-5 li:nth-of-type(3n)	{ margin-right: 0; }
	.catlist.col-5 li:after				{ right: -15px; bottom: -15px; width: calc(100% - 15px); border-top-width: 60px; }
}

.copy-speech-bubble						{ position: relative; height: auto; padding: 40px 0 30px; margin: 50px 0 40px; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: 1.8rem; font-weight: 500; }
.copy-speech-bubble-content::before		{ content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(40, 191, 134, 1) 100%); position: absolute; top: 0; }
.copy-speech-bubble::before 			{ content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; margin-left: -50%; height: 1px; background: linear-gradient( to right,rgba(107, 218, 97, 1) 0%,rgba(74, 204, 116, 1) 49%,rgba(255, 255, 255, 0) 49%,	rgba(255, 255, 255, 0) 51%,	rgba(51, 195, 128, 1) 51%,rgba(40, 191, 134, 1) 100%); }
.copy-speech-bubble::after				{ content: ""; position: absolute; left: 50%; bottom: -9px; width: 26px; height: 1px; margin-left: -16px; background: #3eb134; transform: rotate(45deg); }
.copy-speech-bubble .copy-speech-bubble-sub { padding: 5px 20px 7px 30px; position: absolute; top: -15px; right: 50%; margin-right: -58px; color: #fff; font-size: 2.2rem; line-height: 1; background: #00a37f; }
@media (max-width: 767px) {
	.copy-speech-bubble			{ padding: 25px 0; margin: 30px 0; font-size: 1.5rem; }
	.copy-speech-bubble::before { background: linear-gradient( to right,rgba(107, 218, 97, 1) 0%,rgba(74, 204, 116, 1) 47%,rgba(255, 255, 255, 0) 47%,	rgba(255, 255, 255, 0) 52%,	rgba(51, 195, 128, 1) 52%,rgba(40, 191, 134, 1) 100%); }
	.copy-speech-bubble .copy-speech-bubble-sub { font-size: 1.6rem; margin-right: -45px; }
}


.box-title.border-bottom			{ position: relative; padding: 0 0 15px; }
.box-title.border-bottom::before	{ content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(40, 191, 134, 1) 100%); position: absolute; bottom: 0; }
.link-list .txt-link.border-top { padding-top: 15px; border-top: 1px solid #ccc; }
.link-list .txt-link.border-bottom { margin-bottom: 15px; border-bottom: 1px solid #ccc; }
.link-list li				{ margin-bottom: 10px; }
.link-list li.title			{ color: #3eb134; font-weight: bold; }
.link-list li.title.c-black	{ color: #333; }
.link-list li ul			{ margin: 0 20px; }

#function1 .unit-box .col-8,
#function1 .unit-box .col-8 + .col-4,
#function2 .unit-box .col-8,
#function2 .unit-box .col-8 + .col-4,
#function3 .unit-box .col-9,
#function3 .unit-box .col-3,
#function4 .unit-box .col-3,
#function4 .unit-box .col-6,
#commission .unit-box .col-12,
#commission .unit-box .col-6,
#format .unit-box .col-12 { margin-bottom: 0; }
@media (max-width: 767px) {
	#function1 .unit-box .col-8,
	#function2 .unit-box .col-8,
	#function3 .unit-box .col-9,
	#function3 .unit-box .col-3,
	#function4 .unit-box .col-3,
	#guide .unit-box + .unit-box .col-4 { margin-bottom: 20px; }
	#function3 .unit-box .col-3 { text-align: center; }
}

#function4 .btn.tac { margin: -82px 0 30px; }
#commission .unit-box { margin-bottom: 20px; }
#commission .unit-box:last-child { margin-bottom: 0; }
#commission .notes { margin-bottom: 60px; }
.date { font-size: 1.4rem; display: flex; align-items: flex-end; justify-content: flex-end; }
@media (max-width: 767px) {
	#function4 .btn.tac { margin: -50px 0 20px;}
	#commission .notes { margin-bottom: 30px; }
}
small  { font-size: 1rem; vertical-align: super; }

#requirements .table-default th		{ width: 15%; }
#requirements .table-default th +td	{ width: 30%; }
#requirements .table-default td	{ padding: 15px 20px; }
#requirements .table-default + ul,
#requirements .table-default + ul + ol { margin-top: 40px; }
#requirements .table-default + ul li,
#requirements .table-default + ul + ol li { margin-bottom: 5px; }
#requirements ol.ti { margin-left: 2em !important; text-indent: -2em !important; }
@media (max-width: 767px) {
	#requirements .table-default + ul,
	#requirements .table-default + ul + ol { margin-top: 20px; }
	#requirements .table-default th		{ width: 30%; }
	#requirements .table-default th +td	{ width: 37%; padding: 10px 20px; }
}

.table-default td ul li				{ margin-bottom: 18px; }
.table-default td ul li:last-child	{ margin-bottom: 0; }
.table-default td ul li.border-bottom			{ position: relative; }
.table-default td ul li.border-bottom::after	{ content: ""; position: absolute; left: 50%; bottom: -11px; width: 106.7%; margin-left: -53.2%; height: 1px; background: #ccc; }
@media (max-width: 767px) {
	.table-default td ul li.border-bottom::after	{ width: 154%; margin-left: -77.2%; }
}

@media (max-width: 767px) {
	.edit .btn a { font-size: 1.6rem; }
}


/*---------------------------------------------
TOP
---------------------------------------------*/
.company.index,
.company.index header		{ min-width: 1320px; }
/* 重要なお知らせ表示 */
.company.index header .impinfo      { display: block; }
/* footer padding */
body.company.index main {
    padding-bottom: 0;
}
@media (max-width: 767px) {
	.company.index,
	.company.index header		{ min-width: 100%; }
	.company.index header .upper-menu { border-bottom: 0; }
	.company.index .title-copy { margin-bottom: 50px; font-size: 2.6rem !important;}
	.company.index .title-copy:before { width: 170px; margin-left: -85px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(74, 204, 116, 1) 73px, rgba(255, 255, 255, 0) 75px, rgba(255, 255, 255, 0) 90px, rgba(51, 195, 128, 1) 90px, rgba(40, 191, 134, 1) 170px);}
	.company.index .title-copy::after { bottom: -7px !important; width: 20px !important; }
	.company.index .title-copy.c-white:before { background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 73px, rgba(255, 255, 255, 0) 75px, rgba(255, 255, 255, 0) 90px, rgba(255, 255, 255, 1) 90px, rgba(255, 255, 255, 1) 170px);}
}

/* mainvisual */
.company.index .mv					{ position: relative; min-height: 625px; margin-bottom: 0 !important; background: url("/assets/images/company/main.jpg") no-repeat center center; background-size: 100% auto; }
.company.index .mv .mv-inner		{ padding-top: 20px; }
.company.index .mv .inner:after		{ content: ""; display: block; clear: both; height: 0; }
@media (max-width: 767px) {
	.company.index .mv					{ min-height: initial; min-height: auto; background: url("/assets/images/company/main_sp.jpg") no-repeat; background-size: 105% auto; }
	.company.index .mv .mv-inner		{ padding-top: 0; }
	.company.index .mv .mv-inner .inner	{ padding: 0; }
}

/* mainvisual search */
.company.index .mv .main-search                  { position: absolute; bottom: -150px; left: 50%; z-index: 1; width: 705px; letter-spacing: normal; transform: translateX(-50%); }
.company.index .mv #searchForm                   { letter-spacing: -.4em; }
.company.index .mv .main-search input[name="kw"] { -webkit-appearance: none; width: 540px; height: 40px; padding: 0 30px; border: 0; border-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; vertical-align: middle; outline: 0; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.company.index .mv .main-search input[name="kw"]::placeholder           { color: #999; }
.company.index .mv .main-search input[name="kw"]:-ms-input-placeholder  { color: #999; }/* IE */
.company.index .mv .main-search input[name="kw"]::-ms-input-placeholder { color: #999; }/* Edge */
.company.index .mv .main-search .paddington      { position: absolute; top: -32px; right: 0; width: 128px; pointer-events: none; }
.company.index .mv .main-search .paddington	img  { width: 100%; height: auto; }
.company.index .mv .submit                       { -webkit-appearance: button; width: 100px; height: 40px; border: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); letter-spacing: normal; vertical-align: middle; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); cursor: pointer; }
.company.index .mv .submit i img                 { width: 23px; height: 23px; }

.company.index .mv .main-search .note         { margin-top: 5px; padding-left: 30px; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; font-weight: 500; }
.company.index .mv .main-search .note a       { color: #fff; text-decoration: underline; }
.company.index .mv .main-search .note a:hover { text-decoration: none; opacity: 1; }

@media (max-width: 767px) {
	.company.index .mv .main-search                  { position: static; width: auto; margin-top: -45px; padding: 70px 20px 35px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); transform: translateX(0); }
  .company.index .mv .main-search input[name="kw"] { width: calc(100% - 100px); height: 50px; padding: 0 30px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; font-size: 1.6rem; }
	.company.index .mv .submit                       { width: 50px; height: 50px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
	.company.index .mv .submit i img                 { width: 18px; height: 18px; }
	.company.index .mv .main-search .paddington      { top: 60px; right: 20px; width: 90px; }
  .company.index .mv .main-search .note            { margin-top: 20px; }
}

/* mainvisual sidemenu */
.company.index .mv .side-menu							{ float: right; width: 380px; margin-top: 20px; padding: 20px; background: rgba(1, 119, 133, .7); }
.company.index .mv .ib									{ padding: 15px 25px; background: #fff; }
.company.index .mv .ib + .ib							{ margin-top: 15px; }
.company.index .mv .ib dt								{ position: relative; margin-bottom: 15px; padding-bottom: 7px; color: #54a50a; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; text-align: center; }
.company.index .mv .ib dt:before						{ content: ""; position: absolute; left: 50%; bottom: 0; width: 290px; margin-left: -145px; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(66, 202, 120, 1) 139px, rgba(0, 0, 0, 0) 140px, rgba(0, 0, 0, 0) 149px, rgba(57, 198, 125, 1) 150px, rgba(40, 191, 134, 1) 100%); }
.company.index .mv .ib dt:after							{ content: ""; position: absolute; left: 50%; bottom: -6px; width: 16px; height: 1px; margin-left: -8px; background: #42ca78; transform: rotate(45deg); }
.company.index .mv .ib dd								{ text-align: center; }
.company.index .mv .ib dd em							{ font-size: 2.4rem; font-weight: 500; }
.company.index .mv .ib .login							{ margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.5rem; font-weight: 500; text-align: left; }
.company.index .mv .ib .login:after						{ content: ""; display: block; clear: both; height: 0; }
.company.index .mv .ib .login li						{ float: left; width: calc((100% - 10px) / 2); margin-right: 10px; }
.company.index .mv .ib .login li:last-child				{ margin-right: 0; }
.company.index .mv .ib .login li:only-child				{ float: none; width: auto; margin-right: 0; }
.company.index .mv .ib .login li a						{ display: block; height: 40px; padding: 9px 0; border-radius: 20px; background: #e0791d; color: #fff; text-align: center; line-height: 1.25; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.company.index .mv .ib .login li a i					{ display: inline-block; margin-right: 5px; }
.company.index .mv .ib .login li:last-child a i img		{ width: 9px; height: 15px; }
.company.index .mv .ib .login li:first-child a i img	{ width: 13px; height: 17px; }
.company.index .mv .ib .beginner						{ margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; font-weight: 300; text-align: left; }
.company.index .mv .ib .beginner:after					{ content: ""; display: block; clear: both; height: 0; }
.company.index .mv .ib .beginner li:not(:last-child)	{ margin-bottom: 3px; }
.company.index .mv .ib .beginner li a					{ display: block; position: relative; padding-left: 15px; }
.company.index .mv .ib .beginner li a:after				{ content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(45deg); }
@media (max-width: 767px) {
	.company.index .mv .side-menu		{ float: none; width: auto; margin-top: 0; padding: 30px 20px 60px; background: rgba(1, 119, 133, 1); }
	.company.index .mv .ib				{ padding: 25px 20px; }
	.company.index .mv .ib + .ib		{ margin-top: 20px; }
	.company.index .mv .ib dt			{ margin-bottom: 15px; }
	.company.index .mv .ib .login li a 	{ height: 50px; padding: 15px 0; margin-bottom: 20px; border-radius: 30px; }
}

/* mainvisual下ナビ */
.company.index .feature-menu												{ position: absolute; top: 570px; left: 0; z-index: 2; width: 100%; }
.company.index .feature-menu .tabs											{ font-family: 'Noto Sans JP', sans-serif; font-size: 2rem; font-weight: 500; text-align: center; line-height: 1.25; letter-spacing: -.4em; }
.company.index .feature-menu .tab_item_feature								{ display: inline-block; position: relative; width: 270px; margin-right: 30px; padding-bottom: 10px; background: #fff; text-align: left; letter-spacing: normal; vertical-align: top; cursor: pointer; box-shadow: 5px 10px 10px rgba(35, 24, 21, .15); }
.company.index .feature-menu .tab_item_feature.down-arrow:after				{ content: ""; position: absolute; bottom: 13px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(135deg); }
.company.index .feature-menu .tab_item_feature:last-of-type					{ margin-right: 0; }
.company.index .feature-menu .tab_item_feature:has(a)     				    { padding-bottom: 0px; }
.company.index .feature-menu .tab_item_feature a        				    { padding-bottom: 10px; display: block;}
.company.index .feature-menu .tab_item_feature span                   		{ display: flex; justify-content: center; align-items: center; width: 100%; height: 90px; }
.company.index .feature-menu .tab_item_feature i                      		{ margin-top: 10px; }
.company.index .feature-menu .tab_item_feature strong                 		{ font-weight: 500; }
.company.index .feature-menu .tab_item_feature em                     		{ font-size: 1.6rem; font-weight: 500; }
.company.index .feature-menu .tabs input:checked + .tab_item_feature		{ background: #ececec; color: #3eb134; }
.company.index .feature-menu input[name="tab_item_feature"]					{ display: none; }
.company.index .feature-menu #tab-commission:checked ~ #commission_content,
.company.index .feature-menu #tab-web:checked ~ #web_content		{ visibility: visible !important; height: auto !important; }
.company.index .feature-menu .tab_item_feature i							{ display: inline-block; position: relative; margin-right: 15px; vertical-align: middle; }
.company.index .feature-menu .tab_item_feature:nth-of-type(1) i				{ width: 34px; }
.company.index .feature-menu .tab_item_feature:nth-of-type(2) i				{ width: 35px; }
.company.index .feature-menu .tab_item_feature:nth-of-type(3) i				{ width: 37px; }
.company.index .feature-menu .tab_item_feature:nth-of-type(4) i				{ width: 35px; }
.company.index .feature-menu .tab_item_feature i img						{ width: 100%; height: auto; }
.company.index .feature-menu .tab_item_feature:nth-of-type(1) strong		{ margin-top: 5px; }
.company.index .feature-menu .tab_item_feature:nth-of-type(2) strong,
.company.index .feature-menu .tab_item_feature:nth-of-type(3) strong,
.company.index .feature-menu .tab_item_feature:nth-of-type(4) strong		{ margin-top: 10px; }

.company.index .feature-menu .tab_content					  	{ visibility: hidden; height: 0; clear: both; position: absolute; z-index: 2; width: 100%; padding: 40px 0 50px; background: #ececec; text-align: left; letter-spacing: normal; overflow: hidden; box-shadow: 5px 10px 10px rgba(35, 24, 21, .15); }
.company.index .feature-menu .tab_content dt			  		{ color: #3eb134; font-family: 'Noto Sans JP', sans-serif; font-size: 2.6rem; font-weight: 500; }
.company.index .feature-menu .tab_content dt em	  				{ display: block; }
.company.index .feature-menu .tab_content .inner	  			{ position: relative; }
.company.index .feature-menu .tab_content .idx		  			{ margin-bottom: 35px; padding: 10px 20px; border-left: 5px solid #3eb134; font-family: 'Noto Sans JP', sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.5; }
.company.index .feature-menu .tab_content .idx span 			{ margin-left: 10px; }
.company.index .feature-menu .tab_content .tag		  			{ display: inline-block; margin-bottom: 5px; padding: 0 20px 2px; background: #176d89; color: #fff; font-size: 1.6rem; }
.company.index .feature-menu .tab_content .conv					{ margin-top: 20px; letter-spacing: -.4em; }
.company.index .feature-menu .tab_content .conv li				{ display: inline-block; letter-spacing: normal; }
.company.index .feature-menu .tab_content .conv li:last-child	{ margin-right: 0; }
.company.index .feature-menu .tab_content .conv li a			{ display: block; position: relative; border-radius: 25px; color: #fff; font-weight: 500; line-height: 1.25; text-align: center; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.company.index .feature-menu .tab_content .conv li a:after		{ content: ""; position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
.company.index .feature-menu .tab_content .conv li.detail a		{ background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); }
.company.index .feature-menu .tab_content .conv li.entry a		{ background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); }
.company.index .feature-menu .tab_content .close				{ position: absolute; top: -4px; right: 0; color: #000; font-family: 'Noto Sans JP', sans-serif; font-size: 3.5rem; font-weight: 300; cursor: pointer; line-height: 1.5; }

.company.index .feature-menu #web_content									{ font-size: 1.6rem; font-weight: 400; line-height: 1.75; }
.company.index .feature-menu #web_content .list > li						{ margin-bottom: 20px; padding: 20px; background: #fff; }
.company.index .feature-menu #web_content .list > li:after					{ content: ""; display: block; clear: both; height: 0; }
.company.index .feature-menu #web_content .list > li:last-child				{ margin-bottom: 0; }
.company.index .feature-menu #web_content .list > li figure					{ width: 180px; float: left; margin-right: 40px; }
.company.index .feature-menu #web_content .list > li figure img				{ width: 100%; height: auto; }
.company.index .feature-menu #web_content .list > li dt						{ font-size: 2.6rem; }
.company.index .feature-menu #web_content .list > li dt .tag				{ float: right; }
.company.index .feature-menu #web_content .list > li .basic					{ color: #3eb134; letter-spacing: -.4em; }
.company.index .feature-menu #web_content .list > li .basic li				{ display: inline-block; position: relative; margin-right: 30px; padding-left: 15px; letter-spacing: normal; }
.company.index .feature-menu #web_content .list > li .basic li:last-child	{ margin-right: 0; }
.company.index .feature-menu #web_content .list > li .basic li:before		{ content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #3eb134; }
.company.index .feature-menu #web_content .list > li .conv li				{ margin-right: 45px; }
.company.index .feature-menu #web_content .list > li .conv li a				{ width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; font-size: 1.8rem; }
.company.index .feature-menu #web_content .list > li .conv li a:after		{ right: 20px; }

.company.index .feature-menu #commission_content .list:after					{ content: ""; display: block; clear: both; height: 0; }
.company.index .feature-menu #commission_content .list li						{ display: table; float: left; width: calc((100% - 80px) / 2); margin: 30px 40px 0 0; }
.company.index .feature-menu #commission_content .list li:nth-of-type(1),
.company.index .feature-menu #commission_content .list li:nth-of-type(2)		{ margin-top: 0; }
.company.index .feature-menu #commission_content .list li:nth-of-type(2n)		{ margin-right: 0; }
.company.index .feature-menu #commission_content .list li:nth-of-type(2n-1)		{ clear: both; }
.company.index .feature-menu #commission_content .list li a						{ display: table-cell; position: relative; padding: 20px 40px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); color: #fff; vertical-align: middle; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.company.index .feature-menu #commission_content .list li a:after				{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.company.index .feature-menu #commission_content .list li i						{ display: inline-block; margin-right: 15px; vertical-align: middle; }

.company.index .feature-menu .tab_item_feature strong.right-arrow:after			{ content: ""; position: absolute; bottom: 13px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-top: 1px solid #3eb134; border-right: 1px solid #3eb134; transform: rotate(135deg); }
.company.index .feature-menu .tab_item_feature strong.right-arrow:not(label):after	{ right: 15px; bottom: 50%; left: auto; margin: 0 0 -5px 0; transform: rotate(45deg); }

/* tab */
.company.index .support-menu .tabs,
.company.index .news .tabs										{ margin: 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; }
.company.index .support-menu .tabs:after,
.company.index .news .tabs:after { clear: both; content: ""; display: table; }
.company.index .support-menu [class^="tab_item_"],
.company.index .news [class^="tab_item_"]								{ float: left; width: calc((100% - 30px) / 3); margin: 20px 0 0 10px; padding: 20px 0; border: 1px solid #ccc; border-bottom: 0; background: #fff; text-align: center; cursor: pointer; }
.company.index .support-menu [class^="tab_item_"]:last-of-type,
.company.index .news [class^="tab_item_"]:last-of-type			{ margin-right: 0; }
.company.index .support-menu .tabs input:checked + [class^="tab_item_"],
.company.index .news .tabs input:checked + [class^="tab_item_"]		{ position: relative; top: 1px; margin-top: 0; padding: 30px 0; border-color: #3eb134; color: #3eb134; }
.company.index .support-menu input[name^="tab_item_"],
.company.index .news input[name^="tab_item_"]						{ display: none; }
.company.index .support-menu .tab_content,
.company.index .news .tab_content									{ display: none; clear: both; padding-top: 10px; border-top: 1px solid #3eb134; font-size: 1.6rem; font-weight: 400; line-height: 1.5; overflow: hidden; }
.company.index .support-menu .tab_content > ul > li,
.company.index .news .tab_content > ul > li							{ border-bottom: 1px solid #ccc; }
.company.index .support-menu .tab_content > ul > li:last-of-type,
.company.index .news .tab_content > ul > li:last-of-type			{ border-bottom: 0; }
.company.index .support-menu .tab_content > ul > li a,
.company.index .news .tab_content > ul > li a						{ display: block; position: relative; padding: 20px 70px 20px 0; }
.company.index .support-menu .tab_content > ul > li time
.company.index .news .tab_content > ul > li time					{ display: block; margin-bottom: 5px; color: #666; font-size: 1.4rem; }
@media (max-width: 767px) {
	.company.index .feature-menu                                     			{ position: relative; top: 0; left: 0; z-index: 2; padding-top: 257px; }
	.company.index .feature-menu .tabs                               			{ position: relative; top: -11px; font-size: 1.5rem; }
	.company.index .feature-menu .tabs:after                         			{ content: ""; display: block; clear: both; height: 0; }
	.company.index .feature-menu .tab_item_feature                   			{ display: block; z-index: 3; float: left; width: calc((100% - 55px) / 2); margin: 15px 15px 0 0; }
	.company.index .feature-menu .tab_item_feature.down-arrow:after             { bottom: 8px; width: 6px; height: 6px; margin-left: -3px; }
	.company.index .feature-menu .tab_item_feature span              			{ height: 60px; }
	.company.index .feature-menu .tab_item_feature em                			{ font-size: 1.2rem; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(1),
	.company.index .feature-menu .tab_item_feature:nth-of-type(2)    			{ margin-top: 0; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(2n)   			{ margin-right: 0; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(2n-1) 			{ margin-left: 20px; }
	.company.index .feature-menu .tab_item_feature i                 			{ margin-right: 10px; }

	.company.index .feature-menu .tab_item_feature:nth-of-type(1) i				{ width: 22px; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(2) i				{ width: 23px; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(3) i				{ width: 25px; }
	.company.index .feature-menu .tab_item_feature:last-of-type i				{ width: 23px; }
	.company.index .feature-menu .tab_item_feature:nth-of-type(3) strong		{ margin-top: 5px; }
	
	.company.index .feature-menu .tab_content									{ position: absolute; width: 100%; top: 155px; z-index: 10; padding: 20px 20px 30px; }
	.company.index .feature-menu .tab_content dt								{ font-size: 2.6rem; }
	.company.index .feature-menu .tab_content .idx								{ margin-bottom: 20px; padding: 5px 15px; border-width: 3px }
	.company.index .feature-menu .tab_content .idx span 						{ margin-left: 0; padding: 5px 10px; font-size: 1.2rem; text-align: center; }
	.company.index .feature-menu .tab_content .tag                				{ padding: 5px 10px; font-size: 1.2rem; text-align: center; }
	.company.index .feature-menu .tab_content .conv								{ margin-top: 15px; text-align: center; }
	.company.index .feature-menu .tab_content .conv li:last-child				{ margin-right: 0 !important; }
	.company.index .feature-menu .tab_content .conv li a						{ border-radius: 25px; }
	.company.index .feature-menu .tab_content .conv li a:after					{ width: 6px; height: 6px; margin-top: -4px; border-width: 1px; }
	.company.index .feature-menu .tab_content .close							{ font-size: 3rem; }

	.company.index .feature-menu #web_content								{ font-size: 1.4rem; line-height: 1.5; }
	.company.index .feature-menu #web_content .list > li					{ position: relative; }
	.company.index .feature-menu #web_content .list > li figure				{ float: none; width: 105px; margin: 0 20px 15px 0; }
	.company.index .feature-menu #web_content .list > li dt					{ font-size: 1.6rem; }
	.company.index .feature-menu #web_content .list > li dt .tag			{ position: absolute; top: 20px; right: 20px; float: none; }
	.company.index .feature-menu #web_content .list > li .basic				{ margin-top: 10px; }
	.company.index .feature-menu #web_content .list > li .conv li			{ width: calc((100% - 10px) / 2); margin-right: 10px; }
	.company.index .feature-menu #web_content .list > li .conv li a			{ width: 100%; padding: 16px 0; font-size: 1.4rem; }
	.company.index .feature-menu #web_content .list > li .conv li a:after	{ right: 10px; }

	.company.index .feature-menu #commission_content .list li					{ display: block; float: none; width: 100%; margin: 15px 0 0; }
	.company.index .feature-menu #commission_content .list li:nth-of-type(2)	{ margin-top: 15px; }
	.company.index .feature-menu #commission_content .list li a					{ display: block; padding: 15px 30px; }
	.company.index .feature-menu #commission_content .list li a:after			{ right: 15px; width: 7px; height: 7px; margin-top: -4px; }
	.company.index .feature-menu #commission_content .list li i					{ display: inline-block; min-width: 33px; margin-right: 15px; text-align: center; vertical-align: middle; }

	.company.index .feature-menu .tab_item_feature strong.right-arrow:not(label):after	{ right: 10px; }

	.company.index .support-menu [class^="tab_item_"]							{ padding: 14px 0; margin: 10px 0 0 5px; min-height: 64px; font-size: 1.4rem; }
	.company.index .support-menu [class^="tab_item_"]:last-of-type				{ padding: 6px 0; }
	.company.index .support-menu .tabs input:checked + [class^="tab_item_"]		{ margin-top: 0; padding: 15px 0 24px; }
	.company.index .support-menu .tabs input:checked + [class^="tab_item_"]:last-of-type	{padding: 11px 0; }
	.company.index .support-menu .tab_content#marketreport_content				{ position: absolute; width: 100%; top: 155px; z-index: 10; padding: 20px 20px 30px; }
	.company.index .support-menu .tab_content > ul > li a						{ display: block; position: relative; padding: 15px 28px 15px 0; }
	.company.index .support-menu .tab_content > ul > li time					{ margin-bottom: 2px; font-size: 1.2rem; }
}

.company.index #tab-funds:checked ~ #funds_content,
.company.index #tab-management:checked ~ #management_content,
.company.index #tab-rationalization:checked ~ #rationalization_content,
.company.index .news #tab-release:checked ~ #release_content,
.company.index .news #tab-information:checked ~ #information_content	{ display: block; }

/* お知らせ */
.company.index .news										{ position: relative; padding: 70px 0 150px; background: url("/assets/images/top/bg_news.jpg") no-repeat 0 bottom; background-size: 100% auto; }
.company.index .news .tabs									{ width: 1170px; }
.company.index .news .tab_item_news							{ float: left; width: calc((100% - 30px) / 2);}
.company.index .news .tab_content > ul > li a:after				{ content: ""; position: absolute; top: 50%; right: 35px; width: 8px; height: 8px; margin-top: -6px; border-top: 1px solid #24b751; border-right: 1px solid #24b751; transform: rotate(45deg); }
@media (max-width: 767px) {
	.company.index .news									{ padding: 50px 20px; background:  url("/assets/images/top/bg_news_sp.jpg") no-repeat 0 bottom; background-size: 100% auto; }
	.company.index .news .tab_content > ul > li a:after				{ right: 15px; width: 6px; height: 6px; margin-top: -3px; }
	.company.index .news .tabs																{ width: 100%; font-size: 1.6rem; }
	.company.index .news .tab_item_news												{ float: left; width: calc((100% - 15px) / 2); margin: 10px 0 0 5px; padding: 10px 0; }
	.company.index .news .tabs input:checked + .tab_item_news	{ padding: 15px 0; }

	.company.index .news .tab_content										{ padding-top: 5px; font-size: 1.4rem; }
	.company.index .news .tab_content > ul > li a				{ display: block; position: relative; padding: 15px 28px 15px 0; }
	.company.index .news .tab_content > ul > li a:after	{ right: 15px; width: 6px; height: 6px; margin-top: -3px; }
	.company.index .news .tab_content > ul > li time		{ margin-bottom: 2px; font-size: 1.2rem; }
}

/* support-menu */
.company.index .support-menu										{ padding: 80px 0; background: #edf6ec; }
.company.index .support-menu .tab_content							{ padding: 40px 40px 50px; background: #fff; }
.company.index .support-menu .tab_content h3						{ margin: 40px 0 0; }
.company.index .support-menu .tab_content .catlist					{ margin-top: 40px; }
.company.index .support-menu .tab_content .catlist li				{ width: calc((100% - 50px) / 2); margin: 0 40px 50px 0; border-bottom: none; z-index: 1; }
.company.index .support-menu .tab_content .catlist li:nth-child(2n)	{ margin-right: 0; }
.company.index .support-menu .tab_content .catlist:last-of-type,
.company.index .support-menu .tab_content > ul > li:last-of-type	{ margin-bottom: 0; }
.company.index .support-menu .tab_content .catlist li:after			{ width: 500px; border-top: 0; right: -10px; bottom: -10px; }
.company.index .support-menu .tab_content .catlist li a:hover		{ opacity: 1;}
.company.index .support-menu .tab_content .catlist li a				{ padding: 0; position: relative; }
.company.index .support-menu .tab_content .catlist li a:after		{ content: ""; position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; margin-top: -10px; border-top: 2px solid #3eb134; border-right: 2px solid #3eb134; transform: rotate(45deg); }
.company.index .support-menu .tab_content .catlist li dl			{ padding: 0 36px 20px 0; background: #fff; }
.company.index .support-menu .tab_content .catlist li dl::after		{ content: none; }
.company.index .support-menu .tab_content .catlist dt				{ margin-bottom: 20px; font-size: 2.2rem; }
.company.index .support-menu .tab_content .catlist dd				{ display: flex; }
.company.index .support-menu .tab_content .catlist dd img			{ margin-right: 20px; max-width: 170px; height: auto; }
.company.index .support-menu .tab_content .catlist li ul.basic		{ margin-top: 0; }
.company.index .support-menu .tab_content .catlist li li			{ width: 100%; float: none; margin: 0 0 8px; }
.company.index .support-menu .tab_content .catlist li li:after		{ content: none; }
.company.index .support-menu .tab_content .catlist .tag 			{ display: block; margin-bottom: 15px; padding: 0 20px 1px; background: #176d89; color: #fff; font-size: 1.6rem; text-align: center; }
.company.index .support-menu .tab_content .catlist li dd i img 		{ width: 24px; margin-right: 5px; vertical-align: -2px; }
@media (max-width: 767px) {
	.company.index .support-menu				{ padding: 50px 0; }
	.company.index .support-menu .tab_content h3 { padding: 10px 15px; margin: 30px 0 0; }
	.company.index .support-menu .tab_content { padding: 30px 20px; }
	.company.index .support-menu .tab_content .title-copy-sub { text-align: left; font-size: 1.4rem; line-height: 1.6; }
	.company.index .support-menu .tab_content .catlist { margin-top: 30px; }
	.company.index .support-menu .tab_content .catlist li { float: none; width: calc(100% - 5px); margin: 30px 0;}
	.company.index .support-menu .tab_content .catlist li:after { right: -5px; bottom: -5px; width: calc(100% - 5px); border-top: 30px solid #fff }
	.company.index .support-menu .tab_content .catlist li dl { padding: 0 20px 20px 0; }
	.company.index .support-menu .tab_content .catlist dt { margin-bottom: 15px; font-size: 1.5rem; }
	.company.index .support-menu .tab_content .catlist li a:after { right: 12px; width: 8px; height: 8px; }
	.company.index .support-menu .tab_content .catlist dd { font-size: 1.4rem; }
	.company.index .support-menu .tab_content .catlist dd img { margin-right: 15px; max-width: 90px; }
	.company.index .support-menu .tab_content .catlist .tag { font-size: 1.4rem; }
}



/* btn */
.company.index .more		{ margin-top: 10px; padding-bottom: 15px; text-align: center; }
.company.index .more a	{ display: inline-block; position: relative; width: 250px; height: 50px; padding: 13px 0; border-radius: 25px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }
.more a:after	{ content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

.company.index .more.btn-conv		{ margin-top: 0; padding: 0; position: absolute; bottom: -25px; left: 0; width: 100%; }
.company.index .more.btn-conv a		{ background: linear-gradient(to right, #e98900 0%, #e16a1b 100%); }
@media (max-width: 767px) {
	.company.index .more		{ margin-top: 20px; }
	.company.index .more a { font-size: 1.6rem; }
}

.info-seminars-wrap { padding-top: 180px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); }
@media (max-width: 767px) {
	.info-seminars-wrap { padding-top: 0;}
}

/* info seminar */
.info-seminars                  { padding: 80px 0 100px; background-color: #fff; background-image: url("/assets/images/top/bg_lifestyle_inner.jpg"); background-position: right 0; background-repeat: no-repeat; }
.info-seminars article          { padding: 40px 40px 56px; background: rgba(237, 246, 236, 0.8); position: relative; }
.info-seminars article:after    { content: ""; display: block; width: 100%; height: 1px; background: #3eb134;  }
.info-seminars article + article{ margin-top: 80px; }
.info-seminars article h3       { margin: 0; padding: 0 0 25px; background: none; color: #3eb134; text-align: center; font-family: inherit; font-size: 2.6rem; font-weight: bold; border-bottom: 1px solid #3eb134; }
.info-seminars .notes                         { margin-bottom: 40px; }
.info-seminars .seminar_content               { display: flex; margin-top: 40px; }
.info-seminars .seminar_content img           { max-width: 230px; height: auto; }
.info-seminars .seminar_detail                { width: calc(100% - 230px); padding-right: 30px; }
.info-seminars .seminar_detail li +li         { margin-top: 40px; }
.info-seminars .seminar_detail li:last-of-type{ margin-bottom: 40px; }
.info-seminars .seminar_detail caption,
.info-seminars .seminar_detail .caption       { padding-bottom: 20px; font-size: 2.2rem; font-weight: bold; }
.info-seminars .seminar_detail th             { width: 140px; padding: 0 20px 8px 0; position: relative; text-align: left; }
.info-seminars .seminar_detail th:after       { content: ":"; position: absolute; top: 0; right: 10px; }
@media (max-width: 767px) {
	.info-seminars                  { background-image: url("/assets/images/company/bg_lifestyle_inner_sp.jpg"); background-position: right 0; background-repeat: no-repeat; background-size: contain; padding: 50px 0 90px; }
	.info-seminars article          { padding: 30px 20px 56px; }
	.info-seminars article + article{ margin-top: 60px; }
	.info-seminars article h3       { padding: 0 0 15px; font-size: 1.7rem;}
	.info-seminars .seminar_content               { flex-direction: column-reverse; margin-top: 20px; }
	.info-seminars .seminar_content img           { max-width: 100%; width: 100%; margin-bottom: 40px; }
	.info-seminars .seminar_detail caption,
	.info-seminars .seminar_detail .caption       { padding-bottom: 15px; font-size: 1.7rem; }
	.info-seminars .seminar_detail                { width: 100%; padding-right: 0; }
	.info-seminars .seminar_detail li +li         { margin-top: 20px; }
	.info-seminars .seminar_detail li:last-of-type{ margin-bottom: 15px; }
	.info-seminars .seminar_detail th             { display: block; width: 100%; padding: 0; }
	.info-seminars .seminar_detail td             { display: block; width: 100%; padding: 0 0 15px 15px; }
	.info-seminars .seminar_detail th:after       { content: none; }
}

/* topics */
.topics										{ padding: 80px 0; background-color: #24b751; background: url(/assets/images/company/bg_topics.jpg) no-repeat; background-size: cover; }
.topicslist									{ display: flex; flex-wrap: wrap; }
.topicslist li								{ flex-grow: 0; flex-basis: calc((100% - 30px) / 2); max-width: calc((100% - 30px) / 2); padding: 30px 30px 60px; margin-right: 30px; background: #def6f1; box-sizing: border-box; box-shadow: 20px 30px 10px rgba(28, 126, 20, .35); position: relative; }
.topicslist li:nth-child(n + 3)				{ margin-top: 70px; }
.topicslist li:nth-child(2n)				{ margin-right: 0; }
.topicslist li figure img					{ width: 100%; height: auto; }
.topicslist .topicslist_content > dt		{ position: relative; margin: 0 0 25px; padding-bottom: 15px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.8rem; font-weight: 500; color: #00a37f; text-align: center; line-height: 1.25; }
.topicslist .topicslist_content > dt:before	{ content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; margin-left: -50%; height: 1px; background: linear-gradient(to right, rgba(107, 218, 97, 1) 0%, rgba(74, 204, 116, 1) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(51, 195, 128, 1) 51%, rgba(40, 191, 134, 1) 100%); }
.topicslist .topicslist_content > dt:after	{ content: ""; position: absolute; left: 50%; bottom: -5px; width: 16px; height: 1px; margin-left: -12px; background: #3eb134; transform: rotate(45deg); }
.topicslist .topicslist_content > dd +dd	{ margin-top: 15px; }

.seminarlist dt							{ padding: 5px; margin-bottom: 15px; background: #00a37f; color: #fff; font-weight: bold; text-align: center; vertical-align: middle; position: relative; }
.seminarlist dt:after					{ content: ""; position: absolute; right: 0; bottom: -5px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #00a37f transparent transparent transparent; border-width: 5px 5px 0 5px; }
.seminarlist dd,.seminarlist dd a		{ display: flex; }
.seminarlist dd							{ padding: 20px; background: #fff; }
.seminarlist dd + dd					{ margin-top: 15px; }
.seminarlist dd figure					{ padding-right: 20px; }
.seminarlist dd figure img 				{ width: 75px; height: auto; }
.seminarlist dd .date					{ display: block; padding-bottom: 8px; font-size: 1.6rem; }
.seminarlist dd .title					{ padding-bottom: 8px; font-weight: bold; color: #00a37f; }
.seminarlist dd .detail					{ font-size: 1.4rem; }
.seminarlist dd a						{ width: 100%; padding: 0 20px 0 0; position: relative; }
.seminarlist dd a:after					{content: ""; position: absolute; top: 50%; right: -4px; width: 18px; height: 18px; margin-top: -10px; border-top: 2px solid #3eb134; border-right: 2px solid #3eb134; transform: rotate(45deg); }
@media (max-width: 767px) {
	.topics									{ padding: 50px 0;}
	.topicslist									{ display: block }
	.topicslist li								{ flex: none; max-width: 100%; padding: 20px 20px 60px; margin-right: 0; }
	.topicslist .topicslist_content > dt { font-size: 2.1rem; padding-bottom: 10px; }
	.seminarlist dd { padding: 15px;}
	.seminarlist dd figure{ padding-right: 10px; }
	.seminarlist dd figure img { width: 60px;}
	.seminarlist dd a { padding: 0 10px 0 0;  }
	.seminarlist dd .date					{ font-size: 1.4rem; }
	.seminarlist dd .title					{ font-size: 1.4rem; }
	.seminarlist dd .detail					{ font-size: 1.3rem; }
	.seminarlist dd a:after {  right: -4px; width: 8px; height: 8px; }
	.topicslist li:nth-child(n + 2) { margin-top: 50px; }
}

.topicslist li.business												{ background: #ecf2f6; }
.topicslist li.business .topicslist_content > dt						{ color: #568ab2; }
.topicslist li.business .topicslist_content > dt:before				{ background: linear-gradient(to right, rgba(86, 138, 178, 1) 0%, rgba(86, 138, 178, 1) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(86, 138, 178, 1) 51%, rgba(86, 138, 178, 1) 100%); }
.topicslist li.business .topicslist_content > dt:after	{ background: #568ab2; }
.topicslist li.business .seminarlist dt								{ background: #568ab2; }
.topicslist li.business .seminarlist dt:after						{ border-color: #568ab2 transparent transparent transparent; }
.topicslist li.business .seminarlist dd .title						{ color: #568ab2; }

.topicslist li.soken												{ background: #fff4ec; }
.topicslist li.soken .topicslist_content > dt						{ color: #f59457; }
.topicslist li.soken .topicslist_content > dt:before				{ background: linear-gradient(to right, rgba(254, 148, 87, 1) 0%, rgba(254, 148, 87, 1) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(254, 148, 87, 1) 51%, rgba(254, 148, 87, 1) 100%); }
.topicslist li.soken .topicslist_content > dt:after					{ background: #f59457; }
.topicslist li.soken .seminarlist dt								{ background: #f59457; }
.topicslist li.soken .seminarlist dt:after							{ border-color: #f59457 transparent transparent transparent; }
.topicslist li.soken .seminarlist dd .title							{ color: #f59457; }

.topicslist li.club													{ background: #f7f5f7; }
.topicslist li.club .topicslist_content > dt						{ color: #ab8aad; }
.topicslist li.club .topicslist_content > dt:before					{ background: linear-gradient(to right, rgba(171, 138, 173, 1) 0%, rgba(171, 138, 173, 1) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(171, 138, 173, 1) 51%, rgba(171, 138, 173, 1) 100%); }
.topicslist li.club .topicslist_content > dt:after					{ background: #ab8aad; }
.topicslist li.club .seminarlist dt									{ background: #ab8aad; }
.topicslist li.club .seminarlist dt:after							{ border-color: #ab8aad transparent transparent transparent; }
.topicslist li.club .seminarlist dd .title							{ color: #ab8aad; }

.topicslist li.culture												{ background: #ebf7f0; }
.topicslist li.culture .topicslist_content > dt						{ color: #60b776; }
.topicslist li.culture .topicslist_content > dt:before				{ background: linear-gradient(to right, rgba(96, 183, 118, 1) 0%, rgba(96, 183, 118, 1) 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 50%, rgba(96, 183, 118, 1) 51%, rgba(96, 183, 118, 1) 100%); }
.topicslist li.culture .topicslist_content > dt:after				{ background: #60b776; }
.topicslist li.culture .seminarlist dt								{ background: #60b776; }
.topicslist li.culture .seminarlist dt:after						{ border-color: #60b776 transparent transparent transparent; }
.topicslist li.culture .seminarlist dd .title						{ color: #60b776; }

/* トピックス */
.company.okmateweb ul.news-list { padding: 0; }
@media (max-width: 767px) {
    .company.okmateweb .inner .inner { padding: 0; }
}


/* recommend */
#rec-group        { position: relative; padding-top: 180px; background: url("/assets/images/top/bg_lifestyle_inner.jpg") right 0 no-repeat; }
#rec-group:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 180px; background: linear-gradient(to right, #5cce52 0%, #17ba60 100%); }
#rec-group .info-seminars-wrap { padding-top: 0; background: none; }
#rec-group .info-seminars      { padding: 80px 0 100px; background: none; }

.recommend                         { padding-top: 80px; }
.recommend .swiper-wrapper.justify { justify-content: center; transform: translate3d(0px, 0px, 0px) !important; }
.recommend .swiper-box             { position: relative; width: 1260px; margin: 0 auto; }
.recommend .swiper-recommend       { width: 1170px; margin: 0 auto 0 50px; padding-right: 15px; }

.recommend .swiper-slide a   { display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.recommend .swiper-slide img { display: block; width: 100%; height: auto; margin-bottom: 20px; box-shadow: 5px 5px 10px rgba(35, 24, 21, .2); }

.recommend .swiper-button-prev-recommend,
.recommend .swiper-button-next-recommend        { position: absolute; top: 50%; margin-top: -35px; cursor: pointer; }
.recommend .swiper-button-prev-recommend        { right: auto; left: 0; }
.recommend .swiper-button-next-recommend        { right: 0; left: auto; }
.recommend .swiper-button-prev-recommend:before,
.recommend .swiper-button-next-recommend:before { content: ""; position: absolute; top: 0; width: 20px; height: 20px; border-top: 2px solid #24b751; border-right: 2px solid #24b751; }
.recommend .swiper-button-prev-recommend:before { left: 0; transform: rotate(225deg); }
.recommend .swiper-button-next-recommend:before { right: 0; transform: rotate(45deg); }

.recommend .swiper-pagination-recommend     { text-align: center; }
.recommend .swiper-pagination-bullets       { margin-top: 30px; }
.recommend .swiper-pagination-bullet        { width: 12px; height: 12px; border: 2px solid #3eb134; background: #fff; opacity: 1; }
.recommend .swiper-pagination-bullet-active { background: #3eb134; }

@media (max-width: 767px) {
  #rec-group                { padding-top: 0; background-image: url("/assets/images/company/bg_lifestyle_inner_sp.jpg"); background-position: right 0; background-repeat: no-repeat; background-size: contain; }
  #rec-group:before         { content: none; }
  #rec-group .info-seminars { padding: 50px 0 80px; }
  
  .recommend                                { padding-top: 50px; }
  .recommend .swiper-wrapper.justify        { margin-left: -9.5%; }
  .recommend .swiper-box                    { width: 100%; overflow: hidden; }
  .recommend .swiper-recommend              { width: 129%; margin: 0 auto; padding-right: 0; overflow: visible; }
  .recommend .swiper-wrapper                { margin-left: 13%; }
  .recommend .swiper-button-prev-recommend,
  .recommend .swiper-button-next-recommend  { display: none; }
  .recommend .swiper-pagination-bullets     { margin: 15px 0 0 -13%; width: 100%; }
  .recommend .swiper-pagination-bullet      { width: 9px; height: 9px; border-width: 1px; }
}