@charset "UTF-8";
/** PC **/
/*---------------------
BODY
----------------------*/
html, body { min-height: 100%; height: auto !important; height: 100%; margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; background: #FFF; position: relative; line-height: 1.6; }

.layout-wrapper { max-width: unset; }

.layout-container { max-width: 960px; width: 100%; margin: 0 auto 40px; }

.layout-container .part { margin-bottom: 15px; }

/*メインコンテンツ幅*/
.layout-columns.layout-columns-2 .block-main { width: 700px; }

/*サイドコンテンツ幅*/
.block-side.block .block-side-wrap { width: 240px; }

/*2カラム・画像右の場合*/
.part-columns .columns.columns-2 .columns-column:first-child .part-image { margin-right: 10%; }

/*2カラム・画像左の場合*/
.part-columns .columns.columns-2 .columns-column:last-child .part-image { margin-left: 10%; }

strong { font-weight: bold; }

/*カラム*/
.part-columns .columns.columns-2 .columns-column { width: 50%; }

/*サブメニュー*/
.block-side.block { width: 240px; margin-left: 20px; }

.block-side.block .block-side-wrap { width: 240px; }

.image-right .part-image { width: 315px; padding-left: 5%; }

/*-----------------------
Link
------------------------*/
/* hover*/
a:hover img { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

/* 汎用ボタン */
a.pagelinkbtn { background-color: #60D33F; border: 2px solid #60D33F; border-radius: 18px; color: #fff; display: inline-block; margin: 18px; padding: 6px 12px; text-align: center; text-decoration: none; }

a.pagelinkbtn:hover { background-color: #fff; color: #60D33F; }

/*パンくず*/
.part.part-breadcrumb { margin: 10px 5px; }

/*-----------------------
Header
-----------------------*/
header { height: auto; padding: 10px 0 0; position: relative; z-index: 1000; }

header .part-free { max-width: 960px; width: 100%; margin: auto; }

.head_logo a { display: inline-block; width: 520px; height: 66px; overflow: hidden; text-indent: 110%; white-space: nowrap; }

.head_logo { background: url(../resource/4/logo_3.png) no-repeat; margin: 0; padding: 0; text-align: left; }

p.catchcopy { font-size: 12px; width: 100%; }

/*---------------------
Navigation
---------------------*/
.pcmenu nav.menu { margin-bottom: 0; background: #60d33f; background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); }

.pcmenu nav.menu ul li { float: left; height: auto; margin: 0; width: 160px; text-align: center; border-right: 1px solid #cec; box-sizing: border-box; }

.pcmenu nav.menu ul { margin: auto; width: 960px; }

.pcmenu nav.menu ul::after { content: ""; display: table; clear: both; }

.pcmenu nav.menu ul li { position: relative; }

.pcmenu nav.menu li a { color: #FFF; background: #60d33f; background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); border: 1px solid #4EAC33; border-bottom: none; color: #FFF; border: none; border-radius: 0; display: block; font-size: 100%; line-height: 1.4; padding: 15px 0; text-decoration: none; }

.pcmenu nav.menu li .menu-child { overflow: hidden; position: absolute; top: 100%; left: 0; }

/*サブメニュー*/
.pcmenu nav.menu li .menu-child ul { display: none; /*通常は非表示*/ position: relative; }

.pcmenu nav.menu li:hover .menu-child ul { display: block; /*ホバー時に表示*/ z-index: 0; }

.pcmenu nav.menu li .menu-child li { float: none; }

.pcmenu nav.menu li .menu-child li a { font-size: 12px; padding: 7px 10px; text-align: left; text-decoration: none; background: none; background-color: rgba(78, 172, 51, 0.85); }

.pcmenu nav ul li a:hover, .pcmenu nav ul li .menu-child li a:hover { background: #FFF; color: #60d33f; }

.pcmenu nav.menu li:first-child { border-left: 1px solid #cec; }

/* タブメニュー */
#tabMenu { width: 100%; max-width: 960px; border-bottom: 4px solid #4EAC33; height: 40px; display: inline-block; }

#tabMenu ul li a { width: 20%; }

#tabMenu ul li a { text-align: center; height: 40px; line-height: 40px; display: inline-block; float: left; border: 1px solid #FFF; border-bottom: none; border-radius: 6px 6px 0 0; box-sizing: border-box; text-decoration: none; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #eeeeee 100%); background: linear-gradient(to bottom, #f3f3f3 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eeeeee',GradientType=0 ); color: #666; }

#tabMenu ul li.enableTab a, #tabMenu ul li a:hover { background: #60d33f; background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); border: 1px solid #4EAC33; border-bottom: none; color: #FFF; }

#tabMenu .part-body { border-bottom: 4px solid #4EAC33; }

#tabMenu ul li:last-child::after { clear: both; display: table; content: ""; }

ul.tabMenu5 { border-bottom: 4px solid #4EAC33; }

#tabMenu ul.tabMenu3 li a { width: 33.33%; }

#tabMenu ul.tabMenu4 li a { width: 25%; }

#tabMenu ul.tabMenu5 li a { width: 20%; }

/*パンくず*/
nav.breadcrumb { padding: 10px 0; }

li.breadcrumb-list-item ::after { content: ""; position: absolute; width: 0px; height: 0px; top: 50%; left: 0; margin-top: -4px; border: solid 4px transparent; border-left-color: #999; }

li.breadcrumb-list-item { position: relative; display: inline-block; margin-right: 5px; padding-left: 10px; }

/*----------------------
HeadLine
----------------------*/
.layout-wrapper h1, .layout-wrapper h2, .layout-wrapper h3, .layout-wrapper h4, .layout-wrapper h5, .layout-wrapper h6 { margin: 0; }

h1 { font-size: 150%; }

h2 { font-size: 130%; }

h3 { font-size: 115%; }

h4 { font-size: 110%; }

h5 { font-size: 100%; }

h6 { font-size: 100%; }

p, li, dt, dd, th, td, form, a { font-size: 100%; }

.content-field-text h1 { color: #5eae0f; font-size: 130%; margin-top: 30px; }

.layout-wrapper h2 { color: #FFF; display: inline-block; margin: 10px 0; padding: 8px 12px; width: 100%; box-sizing: border-box; background: #60d33f; background: -moz-linear-gradient(top, #60d33f 0%, #60d33f 50%, #5abf3b 50%, #5abf3b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(50%, #60d33f), color-stop(50%, #5abf3b), color-stop(100%, #5abf3b)); background: -webkit-linear-gradient(top, #60d33f 0%, #60d33f 50%, #5abf3b 50%, #5abf3b 100%); background: -o-linear-gradient(top, #60d33f 0%, #60d33f 50%, #5abf3b 50%, #5abf3b 100%); background: -ms-linear-gradient(top, #60d33f 0%, #60d33f 50%, #5abf3b 50%, #5abf3b 100%); background: linear-gradient(to bottom, #60d33f 0%, #60d33f 50%, #5abf3b 50%, #5abf3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#5abf3b',GradientType=0 ); }

.layout-wrapper h2 { margin: 10px 0; }

/* 見出しパーツ h2 カスタム */
.bg-red h2 { background: #FEE; border: 1px solid #f99; color: #333; }

.bg-blue h2 { background: #EEF; border: 1px solid #69f; color: #333; }

.bg-green h2 { background: #EFE; border: 1px solid #6c9; color: #333; }

.layout-wrapper h3 { font-weight: bold; }

.layout-wrapper h3 { border: 1px solid #ddd; padding: 7px; }

.layout-wrapper h3 span.headline-main { border-left: 8px solid #4eac33; font-size: 16px; padding: 2px 10px; font-weight: bold; }

/* 見出しパーツ h3 カスタム */
.bg-red h3 { background: #FEE; border: 1px solid #f99; }

.bg-red h3 span.headline-main { border-left: 8px solid #F33; }

.bg-blue h3 { background: #EEF; border: 1px solid #69f; }

.bg-blue h3 span.headline-main { border-left: 8px solid #36F; }

.bg-green h3 { background: #EFE; border: 1px solid #6c9; }

.bg-green h3 span.headline-main { border-left: 8px solid #0c9; }

.bg-purple h3 { background: #FEF; border: 1px solid #c9c; }

.bg-purple h3 span.headline-main { border-left: 8px solid #c6c; }

h4 { font-weight: bold; }

/* 見出しパーツ h4 */
.part-headline h4 { color: #fff; font-size: 110%; padding: 10px 0; }

.part-headline h4 span.headline-main { background: #5c8 none repeat scroll 0 0; border-bottom: 4px double #fff; padding: 8px 7% 6px; }

.part-headline h4 span.headline-sub { color: #6c9; font-size: 85%; padding-left: 10px; }

/*--------------------------
TOP mainservice
--------------------------*/
#topMainService .mainService { border: 1px solid #CCC; width: 310px; min-height: 200px; margin-right: 7px; box-sizing: border-box; padding: 12px; }

#topMainService .mainService h3 { font-size: 115%; font-weight: bold; border: none; padding: 0; }

#topMainService .mainService img { float: left; margin-right: 10px; }

.top_topics { width: 600px; margin-right: 15px; }

.top_plan .part-image { margin-top: 10px; border: 1px solid #CCC; width: 345px; min-height: 240px; overflow: auto; display: block; box-sizing: border-box; padding: 10px; }

/*-------------------------
Footer
-----------------------*/
footer { background-color: #4EAC33; padding: 10px 0 0; }

footer { padding: 10px 0 0; }

#footerMenu .footerColumn { display: inline-block; width: 33%; vertical-align: top; }

#footerMenu { width: 960px; margin: 0 auto; padding: 10px 0; border-bottom: 1px dotted #CCC; margin-bottom: 15px; }

#footerMenu .footerColumn h4 { font-size: 150%; font-weight: bold; color: #FFF; }

#footerMenu .footerColumn ul { display: inline-block; margin-bottom: 15px; width: 100%; }

#footerMenu .footerColumn ul li a:before { content: "»"; font-weight: bold; margin-right: 5px; }

#footerMenu .footerColumn ul li a { color: #FFF; text-decoration: none; }

#footerMenu .footerColumn ul li a:hover { text-decoration: underline; }

#footerlink { width: 960px; margin: 0 auto; margin-bottom: 35px; }

#footerlink ul { text-align: right; }

#footerlink ul li { display: inline-block; margin: 0 15px; }

#footerlink ul li a { color: #FFF; text-decoration: none; }

#footerlink a:hover { text-decoration: underline; }

.copyright { background: #333; }

.copyright p { font-size: 12px; text-align: center; color: #FFF; padding: 7px 0; }

/*--------------------
PageTop
----------------------*/
#pageTop { background: #063; border-radius: 8px; color: #ffffff; padding: 12px; position: fixed; bottom: 80px; right: 15px; font-size: 10px; z-index: 100; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; text-decoration: none; }

/*------------------------
TOPスライドショー
-----------------------*/
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: auto; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/*--------------------
SideMenu
--------------------*/
#sideImgTel { border: 1px solid #4eac33; box-sizing: border-box; color: #666; text-align: center; padding: 10px; }

#sideImgTel h3 { background-color: #4eac33; border-radius: 18px; color: #fff; font-size: 18px; font-weight: normal; padding: 5px; }

#sideImgTel p.telNo { font-size: 28px; color: #F66; }

/** Parts **/
/*-------------------------
Top新着情報
--------------------------*/
.part-columns .columns.columns-2 .columns-column.top_topics { width: 600px; }

.part-columns .columns.columns-2 .columns-column.top_plan { width: 360px; }

.part-columns .columns.columns-2 .columns-column.top_plan .part-image { margin-left: unset; }

/*Top ニュース*/
#topInfoNewsHead { width: 600px; overflow: auto; display: block; box-sizing: border-box; float: left; margin-bottom: 0; }

#topInfoNews { border: 1px solid #ccc; width: 600px; height: 240px; overflow: auto; display: block; box-sizing: border-box; float: left; padding: 10px; }

#topInfoNews h3, #topInfoNews h3 a { border: none; font-size: 14px; margin: 0; padding: 0; }

.content-field--datetime.content-field--created_at { font-size: 100%; text-align: right; }

/*汎用Table*/
table.normalTbl { border-collapse: collapse; border-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin: 10px auto; width: 100%; }

table.normalTbl thead th, table.normalTbl thead td { background-color: #dfd; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; height: auto; line-height: 150%; padding: 5px 10px; text-align: center; vertical-align: middle; }

table.normalTbl tbody th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; height: auto; line-height: 150%; padding: 5px 10px; text-align: left; vertical-align: middle; font-weight: bold; }

table.normalTbl tbody td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: auto; line-height: 150%; padding: 5px 10px; }

.kintai_price table th { background-color: #dfd; }

/*線なしTable*/
table.boderlessTbl { border-collapse: collapse; border-spacing: 0; margin: 10px auto; width: 100%; }

table.boderlessTbl thead th, table.boderlessTbl thead td { color: #333; height: auto; line-height: 150%; padding: 5px 10px; text-align: center; vertical-align: middle; }

table.boderlessTbl tbody th { color: #333; height: auto; line-height: 140%; padding: 5px; text-align: left; vertical-align: middle; }

table.boderlessTbl tbody td { height: auto; line-height: 140%; padding: 5px; }

/*theadあり汎用Table*/
table.normalTblhead { border-collapse: collapse; border-spacing: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin: 10px auto; width: 100%; }

table.normalTblhead thead th, table.normalTblhead thead td { background-color: #dfd; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; height: auto; line-height: 150%; padding: 5px 10px; text-align: center; vertical-align: middle; }

table.normalTblhead tbody th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333; height: auto; line-height: 150%; padding: 5px 10px; text-align: left; vertical-align: middle; }

table.normalTblhead tbody td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: auto; line-height: 150%; padding: 5px 10px; }

/* タイムレコーダーの6つのポイント */
.time_pointsix table tbody td { vertical-align: top; width: 33.3%; }

.time_pointsix table h4 { background-color: #4eac33; border-bottom: 1px dotted #CCC; box-sizing: border-box; color: #fff; font-size: 14px; height: 50px; margin: 5px 0 10px; padding: 5px; width: 100%; }

.time_pointsix table p { font-size: 14px; padding: 0 2px; }

/* タイムレコーダーのシステム連携方法 */
.time_linkage table p { font-size: 14px; padding: 0 2px; }

.time_linkage a.pagelinkbtn { width: 150px; }

/* GreenNuts詳細 */
.time_detail { padding: 5px; }

.time_detail h4 { font-size: 16px; color: #4eac33; box-sizing: border-box; }

.time_detail p { font-size: 14px; }

.time_detail ul { margin: 5px 0; font-weight: bold; }

.time_detail .image { width: 200px; float: right; margin-left: 10px; }

.time_detail .image img { width: 100%; }

/*価格表*/
.time_price table td { text-align: right; }

/*GreenNutsのできる*/
.time_able h4 { color: #049520; }

/*勤怠システムラインナップ*/
.time_lineup table td { width: 33.3%; vertical-align: top; }

.time_lineup table h4 { box-sizing: border-box; color: #FFF; font-size: 14px; padding: 3px; width: 100%; text-align: center; }

.time_lineup table h5 { box-sizing: border-box; color: #444; font-size: 14px; padding: 2px; width: 100%; text-align: center; }

.time_lineup table p { padding: 5px 0; font-size: 95%; }

.kintai_price table caption { text-align: left; font-weight: bold; }

.kintai_price table td { text-align: center; }

/*よくあるご質問*/
/* FAQアコーディオン */
dl.accordion { width: 100%; margin: 0 auto; }

dl.accordion dt { background: url(../resource/4/icon_Q.png) no-repeat scroll 5px 5px #eee; border-radius: 8px; color: #333; cursor: pointer; font-weight: bold; margin: 20px 0; padding: 10px 7px 7px 45px; }

dl.accordion dt:hover, dl.accordion dt.open { background: url(../resource/4/icon_Q.png) no-repeat scroll 5px 5px #FC7; }

dl.accordion dd { background: url(../resource/4/icon_A.png) no-repeat scroll 5px 5px #FFF; padding: 10px 7px 7px 45px; line-height: 1.6; display: none; }

/*著作権と商標について*/
.contentsBox { border: 1px solid #4eac33; box-sizing: border-box; display: block; padding: 10px; }

/* ダウンロードページ
-----------------------------------------------------*/
/* ダウンロードページのテーブル */
.download table.normalTbl { margin-bottom: 30px; }

.download table.normalTbl thead th, .download table.normalTbl thead td { width: 33.33%; }

@media screen and (max-width: 767px) { .download table.normalTbl thead th, .download table.normalTbl thead td { width: 100%; } }

/*ダウンロードボタン*/
a.downloadBtn { background-color: #1abc9c; border: 2px solid #1abc9c; border-radius: 18px; color: #fff; display: block; margin: 5px auto; padding: 6px 12px; text-align: center; text-decoration: none; width: 50%; }

a.downloadBtn:hover { background-color: #fff; color: #1ABC9C; }

/* GreenNuts詳細 */
.time_detail { padding: 0; }

.layout-container .part.time_detail { margin-bottom: 0; }

.time_detail.part-headline h4 span.headline-main { background: none; border-bottom: none; padding: unset; }

.time_detail .part-headline h4 span.headline-main { font-size: 16px; color: #4eac33; box-sizing: border-box; background: none; border-bottom: none; padding: unset; }

.time_detail p { font-size: 14px; }

.time_detail ul { margin: 5px 0; font-weight: bold; }

.time_detail .image { width: 200px; float: right; margin-left: 10px; }

.time_detail .image img { width: 100%; }

.part-columns.time_detail .columns.columns-2 .columns-column:last-child { width: 200px; }

.part-columns.time_detail .columns.columns-2 .columns-column:first-child { width: 490px; }

.part.part-free.time_detail { padding: 5px; margin-bottom: 15px; }

/*フォーム*/
button.input-action.input-action-submit { background-color: #3BA745; border: none; color: #fff; display: block; font-size: 16px; height: 50px; letter-spacing: 5px; outline: none; width: 150px; }

span.must { background-color: #c00; border-radius: 2px; color: #fff; font-size: 11px; padding: 3px 5px; }

span.must { background-color: #c00; border-radius: 2px; color: #fff; font-size: 11px; padding: 3px 5px; }

.form-label { box-sizing: border-box; padding-left: 10px; text-align: left; width: 33%; float: left; clear: left; }

.form-row .form-inputs { padding-left: 35%; }

.form-inputs label { width: 100%; }

.form-inputs { border-bottom: 1px dotted #CCC; margin-bottom: 0; padding: 15px 0; box-sizing: border-box; }

.form-label { padding: 15px 0; }

.input-elements input.input-text, .input-elements textarea.input-textarea { width: 96%; padding: 3px; }

/*-------------------------------
コンテンツ
---------------------------------*/
/*画像エリア中央寄せ*/
#content_image { text-align: center; }

/*コンテンツに画像が無い場合はカラム解除*/
.part-columns .columns.columns-2 .columns-column.imgnone { display: none; }

/*News一覧*/
.layout-wrapper .news_list h3 { border: 1px solid #bbb; margin-bottom: 10px; margin-top: 20px; padding: 7px; }

.layout-wrapper .news_list h3 a { border-left: 8px solid #4eac33; font-size: 16px; padding: 2px 10px; }

.layout-wrapper .news_list .content-field-columns-column { flex-grow: unset; flex-shrink: unset; }

.layout-wrapper .news_list .content-field-columns-column.thumb { flex-grow: unset; width: 120px; min-height: 90px; background: url(../resource/4/noimage240.gif) left center no-repeat; background-size: contain; }

.layout-wrapper .news_list .content-field-columns-column.info { margin-left: 10px; width: calc(100% - 130px); }

/** Oyakudachi **/
.oyakudachi main { font-family: '游ゴシック', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; letter-spacing: 0.3px; }

/****************************************

          見出し .mainContents

*****************************************/
.oyakudachi main h2 { margin: .5em 0 1em; background: #f1f1f1; padding: 10px; border-bottom: solid 3px #4eac33; font-size: 20px; color: #111; }

.oyakudachi main h3 { color: #fff; padding: .5em .3em; background: #5dce3a; border-radius: 5px; margin: 1em 0; }

.oyakudachi main h3:before { content: "■"; margin: 0 5px; }

.oyakudachi main h4 { margin-bottom: .7em; border-left: solid 5px #5dce3a; padding: 5px 0 5px 10px; }

/****************************************

          本文

*****************************************/
.oyakudachi main .part-body { padding: 0 10px; }

/****************************************

          List

*****************************************/
.oyakudachi main .part-body li { margin-left: 1.5em; padding: 3px; }

.oyakudachi main ol, .oyakudachi main ul { margin: 20px 10px; }

.oyakudachi main ol li { list-style: decimal; }

.oyakudachi main ul li { list-style: disc; }

/****************************************

         text

*****************************************/
.oyakudachi main .part-body { line-height: 1.7em; font-size: 1.1em; }

/****************************************

          blockquote

*****************************************/
.oyakudachi main .part-body blockquote { color: #777; font-size: 0.95em; padding: 5% 4%; margin: 2.5em 1.5em; position: relative; border: 1px solid; border-radius: 5px; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=90)"; }

.oyakudachi main .part-body blockquote p { position: relative; z-index: 3; }

.oyakudachi main .part-body blockquote:before, .oyakudachi main .part-body blockquote:after { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; width: 1em; height: 1em; display: block; padding: .2em; text-align: center; font-size: 1.3em; line-height: 1; background: #fff; }

.oyakudachi .oyakudachi main .part-body blockquote:before { content: '\f10d'; left: -.2em; top: -.3em; }

.oyakudachi main .part-body blockquote:after { content: '\f10e'; right: -.2em; bottom: -.4em; }

/****************************************

          table

*****************************************/
.oyakudachi main .part-body table { border-collapse: collapse; border: solid 2px #3aa01a; }

.oyakudachi main .part-body td, .oyakudachi main .part-body th { border: solid 1px #dcdcdc; padding: 5px; }

.oyakudachi main .part-body thead th { background: #efefef; color: #3aa01a; }

/****************************************

          Box

*****************************************/
.oyakudachi main .part-body .simple-box { display: block; margin: 15px 0; padding: 10px 15px; background: #f7f7f7; box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, 0.15); border-radius: 5px; }

/****************************************

          関連記事

*****************************************/
.oyakudachi main .related-post { margin: 5px 10px; border: 7px solid #e0e0e0; padding: 5px; }

.oyakudachi main .related-post:before { content: "－ 関連記事 －"; position: relative; text-align: center; display: block; font-weight: 700; font-size: 1.2em; margin: 10px 0 0; }

.oyakudachi main li a { font-size: 14px; }

/****************************************

          記事一覧

*****************************************/
#itemContainer article { border: solid 3px #54b539; margin: 10px 5px; padding: 0; max-height: 200px; min-height: 130px; padding-bottom: 10px; /* border-radius: 15px; */ overflow: hidden; position: relative; }

#itemContainer article:first-of-type { margin-top: 0; }

#itemContainer article:after { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 100px; /*グラデーションで隠す高さ*/ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.9) 90%, #fff 100%); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.9) 90%, #fff 100%); }

#itemContainer article h3 { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; position: relative; margin: 0; padding: 0; border-radius: 0; /* border-top-left-radius: 15px; */ /* border-top-right-radius: 15px; */ border-bottom: 1px solid #54b539; background: #fff; display: flex; align-items: center; font-size: 1em; }

#itemContainer article h3::before { font-family: "Font Awesome 5 Free"; content: "\f1ea"; color: #54b539; display: block; font-size: 1.2em; padding: 5px; }

#itemContainer article h3 a { display: block; color: #54b539; background: #fff; font-weight: 700; padding: 5px; line-height: 1.7em; text-decoration: none; }

#itemContainer article .page-link { position: absolute; display: block; width: 100%; z-index: 1; bottom: 0; text-align: center; }

#itemContainer article .page-link a { padding: 5px 0px; margin: 10px; display: inline-block; width: 150px; border: solid 3px #54b539; border-radius: 5px; background: #fff; text-decoration: none; color: #54b539; }

#itemContainer article .page-link a:hover { background: #54b539; color: #fff; }

#itemContainer article p { margin: 7px; line-height: 1.7em; }

/****************************************

          お役立ちランキング

*****************************************/
#oyakudachi-ranking { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; padding: 0 5px; max-width: 350px; margin: 0 auto; }

#oyakudachi-ranking .title div { position: relative; margin: 0; padding: 5px; padding-left: 30px; border-radius: 0; background: #fff; display: block; align-items: center; font-size: 1.2em; color: #168429; font-weight: bold; }

#oyakudachi-ranking .title div::before { font-family: "Font Awesome 5 Free"; content: "\f445"; color: #ffcb34; display: block; top: 3px; left: 0; font-size: 1.2em; padding: 0 5px; position: absolute; font-weight: bold; line-height: 1.2em; }

#oyakudachi-ranking .rank-body ul li { display: block; position: relative; background: #f1f1f1; margin: 7px 0; padding: 7px 5px; margin-top: 40px; }

#oyakudachi-ranking .rank-body ul { counter-reset: rank; }

#oyakudachi-ranking .rank-body ul li:before { position: absolute; top: -30px; left: 0; content: "No. " counter(rank); counter-increment: rank; list-style-type: none; background: #ffc963; color: #ffffff; width: 50px; height: 15px; font-size: 1em; padding: 5px; margin-bottom: 5px; line-height: 1.2em; font-weight: bold; text-align: center; display: block; border: solid #f1f1f1 3px; }

#oyakudachi-ranking .rank-body ul li:nth-of-type(3) ~ li:before { background: #dcdcdc; color: #696969; border-color: #f1f1f1; }

/** SP&Tab **/
.notpcmenu li a { color: #FFF; background: #60d33f; /* Old browsers */ background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* IE10+ */ background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); /* IE6-9 */ border: 1px solid #4EAC33; border-bottom: none; color: #FFF; border: none; border-radius: 0; display: block; font-size: 100%; line-height: 1.4; padding: 15px 0; text-decoration: none; }

/* globalMenu */
.notpcmenu { margin-bottom: 0; background: #60d33f; /* Old browsers */ background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); /* IE10+ */ background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); /* IE6-9 */ }

.notpcmenu ul { margin: auto; width: 960px; display: flex; }

.notpcmenu ul li { height: auto; margin: 0; width: 160px; text-align: center; border-right: 1px solid #cec; box-sizing: border-box; }

.notpcmenu::after { clear: both; display: table; content: ""; }

/*----------------------
PC以外
------------------------------------*/
@media screen and (max-width: 959px) { /*カラムFlex解除*/ .part-columns .columns { display: block; } .part-columns .columns.columns-2 .columns-column { width: 100%; } /*Flex維持*/ .part-columns.flex_on .columns.columns-2 .columns-column { width: 50%; } .part-columns.flex_on .columns { display: flex; } /*コンテンツエリア100%*/ .layout-columns.layout-columns-2 .block-main { width: 100%; } /*サイドメニュー*/ .block-side.block .block-side-wrap { width: 100%; } .block-side.block { width: 100%; margin-left: 0; } /*ヘッダ*/ .head_logo { background: url(../resource/4/logoSP.png) no-repeat; } }

@media screen and (min-width: 768px) and (max-width: 959px) { .notpcmenu ul { width: 100%; } .notpcmenu ul li { width: 33.33%; } }

/* globalMenu SP */
@media screen and (max-width: 767px) { .notpcmenu ul { width: 100%; } .notpcmenu ul li { width: 100%; } }

/*--------------------
Tablet
---------------------*/
@media screen and (min-width: 768px) and (max-width: 959px) { /**/ #topMainService .mainService { width: 98%; margin: 10px auto !important; padding: 10px; float: none; } /*Homeコンテンツ*/ #footerMenu { width: 100%; } #topInfoNews { width: 100%; } .part-columns .columns.columns-2 .columns-column.top_plan { margin: 10px auto; width: 98%; } .part-columns .columns.columns-2 .columns-column.top_topics { width: 98%; margin: 0 auto; } .top_plan .part-image { width: 100%; text-align: center; } /*Footer*/ #footerMenu .footerColumn { box-sizing: border-box; padding: 0 5px; width: 100%; } #footerlink { width: 100%; } }

/*---------------------------
Smartphone
---------------------------------*/
@media screen and (max-width: 767px) { /*ヘッダ*/ .head_logo a { width: 320px; } /*TOP新着情報*/ .part-columns .columns.columns-2 .columns-column.top_topics, #topInfoNews { width: 100%; } /*幅リセット*/ #footerMenu .footerColumn { width: 100%; } #footerlink { width: 100%; } #footerMenu { width: 100%; } #footerMenu .footerColumn { padding: 0 5px; } #footerlink ul::after { content: ""; display: table; clear: both; } #footerlink ul { text-align: left; } #footerlink { margin-bottom: 15px; } footer { font-size: 85%; } .copyright p { font-size: 10px; } /*------------------- グローバルメニュー -------------------*/ #menu-sp-button button.menu-sp-button-toggle { display: inline-block; width: 40px; height: 40px; background: url(../resource/4/spmenu_button.png) center no-repeat; border: none; } #menu-sp-button.part { height: 40px; text-align: right; background: #60d33f; background: -moz-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60d33f), color-stop(100%, #4eac33)); background: -webkit-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -o-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: -ms-linear-gradient(top, #60d33f 0%, #4eac33 100%); background: linear-gradient(to bottom, #60d33f 0%, #4eac33 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d33f', endColorstr='#4eac33',GradientType=0 ); } .block-header .block-header-body .notpcmenu > .part-body nav.menu { display: none; width: 100%; } /*----メニューONの時---*/ body.menu-sp-active .notpcmenu, body.menu-sp-active .notpcmenu nav.menu { display: block !important; } #topMainService .mainService { width: 98%; margin: 10px auto; } /*------------------------ トップページ --------------------------*/ .part-columns .columns.columns-2 .columns-column.top_topics, .part-columns .columns.columns-2 .columns-column.top_plan { width: 98%; margin: 0 auto; } .columns-column.top_plan .top_topics, .top_plan { width: 100%; float: none; box-sizing: border-box; } .top_plan .part-image { width: 100%; text-align: center; } /*-------------------- パンくず --------------------*/ nav.breadcrumb { font-size: 12px; margin-right: 3px; padding-left: 7px; } .part.part-breadcrumb { margin: 5px 5px 0; } /*-------------------- タブメニュー --------------------*/ #tabMenu .part-body { border: none; } #tabMenu { border: none; height: auto; } #tabMenu ul li a { padding: 5px; text-align: left; height: auto; line-height: initial; display: inline-block; float: none; border: 1px solid #FFF; border-bottom: none; border-radius: 0; box-sizing: border-box; } #tabMenu ul.tabMenu3 li a, #tabMenu ul.tabMenu4 li a, #tabMenu ul.tabMenu5 li a { width: 100%; } ul.tabMenu5 { border: none; } /*--------------------------- テーブル ----------------------------*/ table.normalTbl thead { display: none; } table.normalTbl tbody th { background-color: #dfd; } table.normalTbl tbody th, table.normalTbl tbody td { box-sizing: border-box; display: inline-block; width: 100% !important; } table.boderlessTbl tbody th, table.boderlessTbl tbody td { box-sizing: border-box; display: inline-block; width: 100% !important; } table.boderlessTbl tbody th, table.boderlessTbl tbody td { box-sizing: border-box; display: inline-block; width: 100% !important; } .kintai_price table.normalTbl tbody th, .kintai_price table.normalTbl tbody td { box-sizing: border-box; display: table-cell; width: auto !important; padding: 5px; vertical-align: middle; line-height: 125%; } .kintai_price table.normalTbl thead { display: table-header-group; } table.normalTbl tbody th { background-color: #dfd; } table.normalTbl thead th { font-weight: bold; } .other_iccard table.normalTbl tbody th, .other_iccard table.normalTbl tbody td { box-sizing: border-box; display: table-cell; width: auto !important; padding: 5px; line-height: 125%; } /*------------------------ 右寄せ画像 ------------------------*/ .part-columns.flex_on .columns.columns-2 .columns-column:last-child { margin-left: 5%; width: 45%; } .part-columns .columns.columns-2 .columns-column:last-child .part-image { margin-left: 0; } .part-columns .columns.columns-2 .columns-column::last-child .image-right.part-image { width: 100%; margin-left: 5%; } .image-right .part-image { width: 100%; box-sizing: border-box; padding-left: 0; } a.downloadBtn { width: 70%; } }

/** Editor **/
.amsnext-body-pageEditor .layout-columns.layout-columns-1 .layout-columns-body { display: block; }

body.amsnext-body-pageEditor .part:has(.amsnext-editablePart-controller-hidden) .part-body { opacity: 0.75 !important; }