@charset "UTF-8";
/* ===================================================
   YOL Scoped CSS - WordPress干渉防止用統合スタイルシート
   対象: header, #menucontainer, #c-menuwrap, #yol-footer

   すべてのセレクタは #yol2019 または #yol-footer に
   スコープされており、グローバルスタイルは含みません。
   =================================================== */
body{
	margin: 0;
}

/* -------------------------------------------------
   1. スコープ付きリセット
   ------------------------------------------------- */

/* #yol2019 内要素リセット */
#yol2019 div, #yol2019 span, #yol2019 applet, #yol2019 object,
#yol2019 iframe, #yol2019 h1, #yol2019 h2, #yol2019 h3, #yol2019 h4,
#yol2019 h5, #yol2019 h6, #yol2019 p, #yol2019 blockquote, #yol2019 pre,
#yol2019 a, #yol2019 abbr, #yol2019 acronym, #yol2019 address,
#yol2019 big, #yol2019 cite, #yol2019 code, #yol2019 del, #yol2019 dfn,
#yol2019 em, #yol2019 img, #yol2019 ins, #yol2019 kbd, #yol2019 q,
#yol2019 s, #yol2019 samp, #yol2019 small, #yol2019 strike,
#yol2019 strong, #yol2019 sub, #yol2019 sup, #yol2019 tt, #yol2019 var,
#yol2019 b, #yol2019 u, #yol2019 i, #yol2019 center, #yol2019 dl,
#yol2019 dt, #yol2019 dd, #yol2019 ol, #yol2019 ul, #yol2019 li,
#yol2019 fieldset, #yol2019 form, #yol2019 label, #yol2019 legend,
#yol2019 table, #yol2019 caption, #yol2019 tbody, #yol2019 tfoot,
#yol2019 thead, #yol2019 tr, #yol2019 th, #yol2019 td,
#yol2019 article, #yol2019 aside, #yol2019 canvas, #yol2019 details,
#yol2019 embed, #yol2019 figure, #yol2019 figcaption, #yol2019 header,
#yol2019 hgroup, #yol2019 menu, #yol2019 nav, #yol2019 output,
#yol2019 ruby, #yol2019 section, #yol2019 summary, #yol2019 time,
#yol2019 mark, #yol2019 audio, #yol2019 video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

/* #yol-footer 内要素リセット */
#yol-footer,
#yol-footer div, #yol-footer span, #yol-footer p, #yol-footer a,
#yol-footer img, #yol-footer br, #yol-footer dl, #yol-footer dt,
#yol-footer dd, #yol-footer ul, #yol-footer li, #yol-footer strong,
#yol-footer em, #yol-footer b, #yol-footer i {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

/* セマンティック要素 display:block */
#yol2019 article, #yol2019 aside, #yol2019 details,
#yol2019 figcaption, #yol2019 figure, #yol2019 header,
#yol2019 hgroup, #yol2019 menu, #yol2019 nav, #yol2019 section {
	display: block;
}

/* リストスタイルリセット */
#yol2019 ol, #yol2019 ul,
#yol-footer ol, #yol-footer ul {
	list-style: none;
}

/* テーブルリセット */
#yol2019 table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

#yol2019 caption, #yol2019 th {
	text-align: left;
}

/* フォーカスリセット */
#yol2019 a:focus,
#yol-footer a:focus {
	outline: none;
}

/* clearfix */
#yol2019 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#yol2019 .clearfix {
	font-size: 0;
	min-height: 1px;
}


/* -------------------------------------------------
   2. #yol2019 基本スタイル
   ------------------------------------------------- */

#yol2019 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #646464;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 0;
}

#yol2019 #contentswrap {
	text-align: left;
	position: relative;
}

#yol2019 img {
	border: none;
	max-width: 100%;
	height: auto;
	width: auto;
}

#yol2019 a {
	text-decoration: none;
	color: #66B6D5;
}

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

/* 表示切替ユーティリティ */
#yol2019 .pc-none {
	display: none;
}

#yol2019 .sp {
	display: none;
}

#yol-footer .sp {
	display: none;
}

#yol-footer img {
	max-width: 100%;
	height: auto;
	width: auto;
}


/* -------------------------------------------------
   3. ヘッダー (#yol2019 header / #head_2020)
   ------------------------------------------------- */

/* base: header_2020.css */
#yol2019 #head_2020 {
	padding: 25px 0 15px;
	position: relative;
}

#yol2019 #head_2020 h1 {
	text-align: center;
}

#yol2019 #head_2020 h1 img {
	max-width: 710px;
}

#yol2019 #head_2020 span {
	display: block;
	font-size: 14px;
	margin-top: 20px;
}

#yol2019 #head_2020 .adMark {
	display: inline-block;
	font-size: 17px;
	border: 1px solid #000;
	padding: 2px 10px;
	position: absolute;
	top: 5px;
	right: 50px;
}

/* base: main.css */
#yol2019 #titlewrap {
	text-align: left;
	background-color: #FFF;
}

#yol2019 #titlewrap #menu-opener {
	float: right;
}

/* override: common_2023.css */
#yol2019 header #head_2020 {
	padding: 20px 0;
}

#yol2019 header #titlewrap {
	width: 1160px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
}

#yol2019 header #titlewrap h1 {
	display: flex;
	justify-content: left;
	align-items: center;
}

#yol2019 header #titlewrap h1 a {
	display: grid;
	width: 400px;
	max-width: 100%;
}

#yol2019 header #titlewrap h1 a img {
	max-width: 100%;
}

#yol2019 header #titlewrap h1 span {
	display: inline-block;
	width: calc(100% - 400px);
	margin-top: 0;
	text-align: left;
	line-height: 1.2;
	padding: 0 90px 0 40px;
}

#yol2019 header #titlewrap h1 span br {
	display: none;
}

#yol2019 header #titlewrap .adMark {
	margin-top: 0;
	top: 0;
	right: 50px;
}


/* -------------------------------------------------
   4. SPメニュー (#yol2019 #menucontainer)
   ------------------------------------------------- */

#yol2019 #menucontainer {
	display: none;
	position: absolute;
	top: 15px;
	right: 0;
	padding: 0;
	background: RGBA(255, 255, 255, 0.96);
	border: 1px solid #909090;
	overflow: auto;
	z-index: 99999;
}

#yol2019 #menucontainer_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#yol2019 #menucontainer #close {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
}

#yol2019 #menubox {
	margin: 16px 70px;
}

#yol2019 #menubox ul li {
	list-style: none;
}

#yol2019 #menubox a {
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
}

#yol2019 #menubox .tag-menu li a {
	color: #299AD1;
}

#yol2019 #menubox .tag-menu {
	margin-top: 16px;
}

#yol2019 #menubox .cat-menu dt,
#yol2019 #menubox .tag-menu dt {
	max-width: 1250px;
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

#yol2019 #menubox .cat-menu dd,
#yol2019 #menubox .tag-menu dd {
	padding: 0;
	margin: 0;
}

#yol2019 #menubox .cat-menu ul {
	margin: 0;
	padding: 5px 0 0 0;
	width: 1042px;
}

#yol2019 #menubox .cat-menu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 1%;
	margin-top: 1%;
	padding: 0.5% 0;
	border-bottom: 2px dotted #4d4d4d;
	color: #000;
	text-align: left;
	width: 23%;
	font-size: 16px;
}

#yol2019 #menubox .cat-menu li a {
	padding-left: 20%;
	font-weight: bold;
}

#yol2019 #menubox .cat-menu li a:hover {
	text-decoration: none;
}

/* カテゴリアイコン背景（旧スタイル - cate_ico23で上書きされます） */
#yol2019 #menubox .cat-menu li.woman { background: url(../img/bg_com_woman_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.medical { background: url(../img/bg_com_medical_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.education { background: url(../img/bg_com_education_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.renovation { background: url(../img/bg_com_renovation_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.it { background: url(../img/bg_com_it_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.recycle { background: url(../img/bg_com_recycle_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.skill { background: url(../img/bg_com_skill_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.local { background: url(../img/bg_com_local_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.food { background: url(../img/bg_com_food_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.craftsman { background: url(../img/bg_com_craftsman_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.life { background: url(../img/bg_com_life_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.housewife { background: url(../img/bg_com_housewife_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.world { background: url(../img/bg_com_world_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.business { background: url(../img/bg_com_business_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.senior { background: url(../img/bg_com_senior_s.gif) no-repeat 2% 50%; background-size: 13% auto; }
#yol2019 #menubox .cat-menu li.living { background: url(../img/bg_com_living_s.gif) no-repeat 2% 50%; background-size: 13% auto; }

/* タグメニュー（企業の特徴） */
#yol2019 #menubox .tag-menu ul {
	max-width: 1042px;
	padding: 0;
	margin: 8px;
}

#yol2019 #menubox .tag-menu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 7px 6px;
	font-size: 13px;
	vertical-align: bottom;
}

#yol2019 #menubox .tag-menu li a {
	padding: 5px 15px;
	border: 1px solid #2FABDA;
}

#yol2019 #menubox .tag-menu li a:hover {
	background-color: #2FABDA;
	text-decoration: none;
	color: #FFF;
}


/* -------------------------------------------------
   5. PCメニュー (#yol2019 #c-menuwrap)
   ------------------------------------------------- */

/* base: main.css */
#yol2019 #c-menuwrap {
	background-color: #231815;
}

#yol2019 #c-menuwrap .menu {
	position: relative;
	width: 100%;
	height: 50px;
	max-width: 1160px;
	margin: 0 auto;
}

#yol2019 #c-menuwrap .menu > li {
	float: left;
	width: 20%;
	height: 50px;
	line-height: 50px;
	background: #231815;
	text-align: center;
}

#yol2019 #c-menuwrap .menu > li a {
	font-size: 13px;
	display: block;
	color: #fff;
	cursor: pointer;
}

#yol2019 #c-menuwrap .menu > li a:hover {
	color: #231815;
	background-color: #fff;
	text-decoration: none;
}

#yol2019 #c-menuwrap ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}

#yol2019 #c-menuwrap ul.menu__third-level {
	visibility: hidden;
	opacity: 0;
}

#yol2019 #c-menuwrap ul.menu__fourth-level {
	visibility: hidden;
	opacity: 0;
}

#yol2019 #c-menuwrap .menu > li:hover {
	background: #072A24;
}

#yol2019 #c-menuwrap .menu__second-level li {
	border-top: 1px solid #111;
}

#yol2019 #c-menuwrap .menu__second-level li a:hover {
	background: #231815;
}

/* 下矢印 */
#yol2019 #c-menuwrap .init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	/* margin: 0 0 0 15px; */
}

/* floatクリア */
#yol2019 #c-menuwrap .menu:before,
#yol2019 #c-menuwrap .menu:after {
	content: " ";
	display: table;
}

#yol2019 #c-menuwrap .menu:after {
	clear: both;
}

/* メガメニュー - カテゴリ */
#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level {
	position: absolute;
	top: 40px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background: #ffffff;
	box-shadow: 0px 6px 6px -5px #000000;
	text-align: left;
}

#yol2019 #c-menuwrap li.menu__mega:hover ul.menu__second-level {
	top: 50px;
	visibility: visible;
	opacity: 1;
}

#yol2019 #c-menuwrap li.menu__mega:hover ul.menu__second-level li.c-icon {
	background-size: 30px 30px;
	background-position: left center;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level > li {
	display: inline-block;
	width: 24%;
	border: none;
	text-align: left;
	background-size: 32px !important;
	vertical-align: top;
	margin: 4px 0px;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level > li a {
	font-size: 15px;
	line-height: 1;
	color: #231815;
	background-image: none;
	background-color: inherit;
	padding: 10px 0 10px 38px;
	font-weight: bold;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level > li a.two-lines {
	padding: 4px 0 10px 40px;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level > li a:hover {
	color: #231815;
	background-image: none;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level > li img {
	width: 32px;
}

/* メガメニュー - 企業の特徴 */
#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level.feature {
	position: absolute;
	top: 40px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background: #ffffff;
	box-shadow: 0px 6px 6px -5px #000000;
	text-align: left;
}

#yol2019 #c-menuwrap li.menu__mega:hover ul.menu__second-level.feature {
	top: 50px;
	visibility: visible;
	opacity: 1;
	line-height: 34px;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level.feature > li {
	display: inline-block;
	width: auto;
	border: none;
	text-align: left;
	background-size: 32px !important;
	vertical-align: top;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level.feature > li a {
	font-size: 12px;
	line-height: 1;
	padding: 6px 16px;
	background: #FFFFFF;
	border: 1px solid #2FABDA;
	color: #299AD1;
	display: inline-block;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level.feature > li a:hover {
	color: #231815;
	background-image: none;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level.feature > li a.feature_btn:hover {
	color: #fff;
	background-color: #66B6D7;
	background-image: none;
}

/* override: header_2020.css */
#yol2019 #c-menuwrap .menu {
	max-width: 1354px;
}

#yol2019 #c-menuwrap .menu > li {
	border-right: 1px solid #4d4d4d;
	width: calc(16.666% - 1px);
}

#yol2019 #c-menuwrap .menu > li:last-child {
	border-right: none;
}

/* override: common_2023.css */
#yol2019 #c-menuwrap nav .menu {
	width: 1160px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	justify-content: stretch;
	height: 40px;
}

#yol2019 #c-menuwrap nav .menu > li {
	float: none;
	border-right: 1px solid #fff;
	height: 40px;
	line-height: 40px;
}

#yol2019 #c-menuwrap nav .menu > li a {
	width: 100%;
}

#yol2019 #c-menuwrap li.menu__mega ul.menu__second-level {
	top: 40px !important;
}


/* -------------------------------------------------
   6. カテゴリアイコン共通 (.cate_ico23)
      ※ #menucontainer と #c-menuwrap の両方で使用
   ------------------------------------------------- */

#yol2019 ul.menu.cate_ico23 {
	padding: 0 !important;
	display: flex;
	flex-wrap: wrap;
}

#yol2019 ul.menu.cate_ico23 li {
	width: 14.2857% !important;
	background: none !important;
	background-size: 40px 40px !important;
	box-sizing: border-box !important;
}

#yol2019 ul.menu.cate_ico23 li a.category_link {
	display: flex !important;
	justify-content: left;
	align-items: center;
	width: 100%;
	padding: 0 !important;
}

#yol2019 ul.menu.cate_ico23 li span {
	display: inline-block;
}

#yol2019 ul.menu.cate_ico23 li span.ico {
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

#yol2019 ul.menu.cate_ico23 li span.txt {
	width: calc(100% - 46px);
	font-weight: 700;
	padding-left: 6px;
}

#yol2019 ul.menu.cate_ico23 li span.txt span {
	font-weight: 700;
}

#yol2019 ul.menu.cate_ico23 li .menu__second-level li {
	width: 16% !important;
}


/* -------------------------------------------------
   7. フッター (#yol-footer)
   ------------------------------------------------- */

/* override: common_2023.css */
#yol-footer {
	background-color: #f5f5f5;
}

#yol-footer .wrap {
	width: 1160px !important;
	box-sizing: border-box;
	padding: 0 40px;
	flex-wrap: nowrap !important;
}

#yol-footer .wrap .leftBlc {
	width: 43% !important;
}

#yol-footer .wrap .leftBlc .office {
	font-size: 15px !important;
	font-weight: 600;
	line-height: 2;
}

#yol-footer .wrap .leftBlc .office span {
	padding: 7px 10px !important;
	margin-right: 10px !important;
}

#yol-footer .wrap .leftBlc .address {
	font-size: 14px !important;
}

#yol-footer .wrap .leftBlc .tel {
	font-size: 14px !important;
}

#yol-footer .wrap .rightBlc {
	width: 57% !important;
	padding-left: 30px !important;
}

#yol-footer .wrap .rightBlc p {
	font-size: 14px !important;
}

#yol-footer .wrap .rightBlc .ttl {
	font-size: 16px !important;
	font-weight: 600 !important;
}

#yol-footer .wrap .rightBlc .ttl.btm {
	font-size: 15px !important;
	margin-bottom: 0 !important;
}

#yol-footer .wrap .rightBlc .tel02 {
	font-size: 26px !important;
}

#yol-footer .wrap .rightBlc .tel02 span {
	font-size: 14px !important;
}

#yol-footer .wrap .rightBlc .btmBlc .btn_contact a {
	width: 230px !important;
}

/* base: #yol-footer 自体の基本スタイル */
/* #yol-footer {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #646464;
	line-height: 1.5;
} */

/* base: footer_2020.css（footer → #yol-footer に変更） */
#yol-footer .wrap {
	display: flex;
	flex-wrap: wrap;
	width: 1354px;
	margin: 0 auto;
	padding: 50px 0;
}

#yol-footer .wrap .leftBlc {
	width: calc(45% - 1px);
	border-right: 1px solid #000000;
}

#yol-footer .wrap .leftBlc .office {
	font-size: 17px;
	margin-bottom: 10px;
}

#yol-footer .wrap .leftBlc .office span {
	font-size: 14px;
	color: #fff;
	background-color: #4d4d4d;
	padding: 7px 16px;
	margin-right: 12px;
	vertical-align: middle;
}

#yol-footer .wrap .leftBlc .address {
	font-size: 13px;
}

#yol-footer .wrap .leftBlc .tel {
	font-size: 13px;
	margin-bottom: 30px;
}

#yol-footer .wrap .leftBlc .tel a {
	color: #333333 !important;
}

#yol-footer .wrap .leftBlc .pp a {
	color: #2e318b !important;
	font-size: 14px;
}

#yol-footer .wrap .leftBlc .pp a img {
	vertical-align: text-bottom;
	margin-right: 6px;
}

#yol-footer .wrap .rightBlc {
	padding-left: 65px;
	width: 55%;
	box-sizing: border-box;
}

#yol-footer .wrap .rightBlc p {
	font-size: 13px;
	margin-bottom: 12px;
}

#yol-footer .wrap .rightBlc .ttl {
	font-size: 17px;
	margin-bottom: 7px;
}

#yol-footer .wrap .rightBlc .tel02 {
	font-size: 30px;
	font-weight: 900;
}

#yol-footer .wrap .rightBlc .tel02 span {
	font-size: 12px;
	margin-left: 8px;
}

#yol-footer .wrap .rightBlc .btmBlc {
	position: relative;
}

#yol-footer .wrap .rightBlc .btmBlc .btn_contact a {
	font-size: 16px;
	font-weight: bold;
	color: #fff !important;
	background-color: #ff0000;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	text-decoration: none;
	border-radius: 40px;
	width: 254px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#yol-footer .wrap .rightBlc .btmBlc a:hover {
	text-decoration: none !important;
	opacity: 0.8;
}

#yol-footer .wrap .rightBlc .btmBlc a img {
	margin-right: 7px;
}

#yol-footer .copyBlc {
	background-color: #000000;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 10px;
}


/* -------------------------------------------------
   8. ユーティリティ
   ------------------------------------------------- */

/* ページトップボタン */
#yol2019 .pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
	z-index: 10;
}

#yol2019 .pagetop a img {
	width: 78px;
}

#yol2019 .pagetop a:hover {
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* -------------------------------------------------
   9. レスポンシブ (Media Queries)
   ------------------------------------------------- */

/* --- 1160px以上: ヘッダーテキスト改行表示 --- */
@media screen and (min-width: 1160px) {
	#yol2019 header #titlewrap h1 span br {
		display: block;
	}
}

/* --- 661px以上: PC表示 --- */
@media screen and (min-width: 661px) {
	#yol2019 {
		background: #FFF;
	}
}

/* --- 660px以下: スマートフォン --- */
@media screen and (max-width: 660px) {

	/* === 表示切替 === */
	#yol2019 .pc-none {
		display: inherit;
	}

	#yol2019 .pc {
		display: none;
	}

	#yol2019 .sp {
		display: block;
	}

	#yol-footer .sp {
		display: block;
	}

	/* === #yol2019 基本 === */
	#yol2019 {
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
	}

	#yol2019 #contentswrap {
		width: 100%;
		min-width: 100%;
	}

	/* === ヘッダー (SP) === */
	#yol2019 header #head_2020 {
		padding: 0;
	}

	#yol2019 #head_2020 h1 img {
		max-width: 50vw;
	}

	#yol2019 #head_2020 span {
		font-size: 12px;
		margin-top: 3vw;
		line-height: 1.4;
	}

	#yol2019 #head_2020 .adMark {
		font-size: 10px;
		padding: 2px 5px;
		position: absolute;
		line-height: 1;
		top: 2vw;
		right: auto;
		left: 2vw;
		margin-top: 0;
	}

	#yol2019 header #titlewrap {
		width: 100%;
		margin: 0 auto;
		box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.6);
		padding: 3.5vw 3vw 3.5vw;
		box-sizing: border-box;
	}

	#yol2019 header #titlewrap h1 {
		display: block;
	}

	#yol2019 header #titlewrap h1 a img {
		max-width: 50vw;
	}

	#yol2019 header #titlewrap h1 span {
		display: block;
		width: 100%;
		padding: 10px 0 0;
	}

	#yol2019 header #titlewrap h1 span br {
		display: none;
	}

	#yol2019 header #titlewrap .adMark {
		right: auto;
		top: 10px;
	}

	#yol2019 header #titlewrap #menu-opener {
		width: auto;
		position: absolute;
		top: 1.3vw;
		right: 2vw;
	}

	#yol2019 header #titlewrap #menu-opener img {
		width: 50px !important;
		max-width: 10vw;
	}

	#yol2019 header #titlewrap #menu-opener a {
		display: inline-block;
	}

	/* === SPメニュー (SP) === */
	#yol2019 #menucontainer {
		display: none;
		position: absolute;
		top: 21.2vw;
		padding: 5px;
		margin-left: 0;
		border: 1px solid #909090;
		overflow: auto;
		z-index: 99999;
		background-color: #fff;
	}

	#yol2019 #menucontainer #close {
		width: auto;
		right: 2vw;
		top: 2vw;
	}

	#yol2019 .sp_closebtn {
		width: 10vw;
		font-size: 15px;
	}

	#yol2019 #menubox {
		margin: 13vw 0px 16px;
		padding: 0 5px;
	}

	#yol2019 #menubox a {
		color: #4d4d4d;
		font-size: 13px;
		text-decoration: none;
	}

	#yol2019 #menubox .tag-menu li {
		line-height: normal;
	}

	#yol2019 #menubox .cat-menu dt,
	#yol2019 #menubox .tag-menu dt {
		width: 100%;
		border-bottom: 1px solid #333;
		color: #333;
		font-size: 15px;
	}

	#yol2019 #menubox .cat-menu ul {
		margin: 0 auto;
		padding: 5px 0 0 0;
		width: auto;
		text-align: left;
	}

	#yol2019 #menubox .cat-menu li {
		width: 44%;
		font-size: 13px;
		padding: 3px 0 3px 6%;
		border-bottom-width: 0;
		margin-left: 0;
	}

	#yol2019 #menubox .cat-menu li a {
		padding-left: 0;
		font-weight: normal;
	}

	#yol2019 #menubox .cat-menu li a:hover {
		text-decoration: none;
	}

	#yol2019 #menubox .cat-menu li.woman:nth-child(7) a span {
		font-weight: normal !important;
	}

	#yol2019 #menubox .cat-menu li.woman:nth-child(14) a {
		font-size: 12px !important;
		line-height: 1.2 !important;
	}

	#yol2019 #menubox .cat-menu li.woman,
	#yol2019 #menubox .cat-menu li.medical,
	#yol2019 #menubox .cat-menu li.education,
	#yol2019 #menubox .cat-menu li.renovation,
	#yol2019 #menubox .cat-menu li.it,
	#yol2019 #menubox .cat-menu li.recycle,
	#yol2019 #menubox .cat-menu li.skill,
	#yol2019 #menubox .cat-menu li.local,
	#yol2019 #menubox .cat-menu li.food,
	#yol2019 #menubox .cat-menu li.craftsman,
	#yol2019 #menubox .cat-menu li.life,
	#yol2019 #menubox .cat-menu li.housewife,
	#yol2019 #menubox .cat-menu li.world,
	#yol2019 #menubox .cat-menu li.business,
	#yol2019 #menubox .cat-menu li.senior,
	#yol2019 #menubox .cat-menu li.living {
		background-size: 9% auto;
		vertical-align: middle;
	}

	#yol2019 #menubox .cp_actab-content .tag-menu ul {
		margin: 0;
	}

	/* アコーディオンメニュー */
	#yol2019 .cp_actab {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		color: #fff;
	}

	#yol2019 .cp_actab input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

	#yol2019 .cp_actab label {
		font-size: 15px;
		color: #595757;
		line-height: 3;
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0 0 1px 0;
		border-bottom: 1px dotted #595757;
	}

	#yol2019 #menubox .cp_actab a.no_ac {
		font-size: 15px;
		color: #595757;
		line-height: 3;
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0 0 1px 0;
		border-bottom: 1px dotted #595757;
	}

	#yol2019 #menubox .cp_actab a.no_ac:hover {
		text-decoration: none;
	}

	#yol2019 .cp_actab .cp_actab-content {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}

	#yol2019 .cp_actab .cp_actab-content p {
		margin: 10px 0;
		font-size: 14px;
		color: #595757;
	}

	#yol2019 .cp_actab p {
		margin-bottom: 0px;
	}

	/* :checked でアコーディオン開閉 */
	#yol2019 .cp_actab input:checked ~ .cp_actab-content {
		max-height: 40em;
	}

	/* アコーディオンアイコン (+) */
	#yol2019 .cp_actab label:after {
		font-family: "FontAwesome";
		content: " \f055";
		position: absolute;
		top: 0;
		right: 0;
		height: 3em;
		font-size: 19px;
		line-height: 2.4;
	}

	/* アコーディオンアイコン (-) */
	#yol2019 .cp_actab input:checked ~ label::after {
		font-family: "FontAwesome";
		content: " \f056";
		color: #15a83b;
	}

	#yol2019 .cp_actab label:checked {
		color: #15a83b;
	}

	/* カテゴリアイコン (SP) */
	#yol2019 ul.menu.cate_ico23 li {
		width: 50% !important;
		padding: 3px 0 !important;
		font-size: 13px;
	}

	#yol2019 ul.menu.cate_ico23 li span.ico {
		width: 20px;
		height: 20px;
	}

	#yol2019 ul.menu.cate_ico23 li span.txt {
		width: calc(100% - 28px);
	}

	/* === ページトップボタン (SP) === */
	#yol2019 .pagetop a img {
		width: 55px;
	}

	/* === フッター (SP) === */
	#yol-footer {
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
	}

	#yol-footer .wrap {
		padding: 40px 3vw;
		box-sizing: border-box;
		width: 100% !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		display: block !important;
	}

	#yol-footer .wrap .leftBlc {
		width: 100% !important;
		border-right: none !important;
		border-bottom: 1px solid #000000;
		padding: 20px 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	#yol-footer .wrap .leftBlc .office span {
		display: inline-block;
		margin-bottom: 10px;
	}

	#yol-footer .wrap .leftBlc .tel span {
		display: block;
		width: 100%;
	}

	#yol-footer .wrap .leftBlc .tel a.lnkS {
		display: block;
		margin-left: 0;
	}

	#yol-footer .wrap .rightBlc {
		width: 100% !important;
		padding-left: 0 !important;
		padding-top: 20px;
		box-sizing: border-box;
	}

	#yol-footer .wrap .rightBlc .tel02 a {
		color: #000 !important;
		font-weight: bold;
		text-decoration: none;
	}

	#yol-footer .wrap .rightBlc .tel02 span {
		display: block;
	}

	#yol-footer .wrap .rightBlc .btmBlc .btn_contact a {
		position: relative;
		width: 100% !important;
	}
}
