@charset "utf-8";

html {
	font-size: 10px;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.75;
	-webkit-text-size-adjust: 100%;
}
body.fix {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
}
p {
	margin: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0 0 0 24px;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}
a {
	color: #30c;
	text-decoration: none;
	transition: all 0.4s ease;
}
a:hover {
	opacity: 0.6;
}
a img {
	border: none;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
table {
	border-collapse: collapse;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="submit"],
input[type="search"],
input[type="file"],
button,
select,
textarea {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="submit"],
input[type="search"],
button,
textarea {
	-webkit-appearance: none;
}
.clearfix, 
.cf {
	zoom:1;
}
.clearfix:after, 
.cf:after {
	content: "";
	display: block;
	clear: both;
}
.layout {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
}
.layout.min {
	max-width: 928px;
}
.arwList a,
a.link-normal, 
a.arw, 
.link-list a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #333;
}
.arwList a:after,
a.link-normal:after, 
a.arw:after, 
.link-list a:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
.btTop {
	opacity: 0.5;
	position: fixed;
	z-index: 999;
	bottom: -80px;
	left: 50%;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #ff8080;
	cursor: pointer;
    transform: translateX(-50%);
	transition: all 0.4s ease;
}
.btTop.on {
	bottom: 32px;
}
.btTop:hover {
	opacity: 1;
}
.btTop:after {
	content: '';
	position: absolute;
	top: 24px;
	left: 50%;
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: translateX(-50%) rotate(45deg)
}
.btMore a {
	display: inline-block;
	padding: 0 32px;
	border-radius: 20px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
/*
.btMore.sizeL a {
	border-radius: 28px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 56px;
}
*/
ul.linkList {
	border-top: 1px solid #eae3ce;
}
ul.linkList li {
	padding: 8px 0;
	border-bottom: 1px solid #eae3ce;
}
.new:before {
	content: 'NEW';
	display: inline-block;
	margin-right: 8px;
	padding: 0 4px;
	border-radius: 2px;
	background: #e51717;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.link-blank:after,
.blank:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 12px;
	margin: 0 4px;
	background: url(/img/ico_blank.png) no-repeat center;
	background-size: contain;
	vertical-align: middle;
}
.link-pdf:after, 
.pdf:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	background: url(/img/ico_pdf.png) no-repeat center;
	background-size: contain;
	vertical-align: top;
}
.link-word:after, 
.word:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	background: url(/img/ico_word.png) no-repeat center;
	background-size: contain;
	vertical-align: top;
}
.link-word:after, 
.word:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	background: url(/img/ico_word.png) no-repeat center;
	background-size: contain;
	vertical-align: top;
}
.link-xls:after, 
.xls:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	background: url(/img/ico_xls.png) no-repeat center;
	background-size: contain;
	vertical-align: top;
}
.js_background {
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width: 1279px){
html {
	font-size: 10px !important;
}
.layout {
	padding: 0 24px;
}
}
@media only screen and (max-width: 1023px){
#wrap {
    padding-top: 122px;
}
}
@media only screen and (max-width: 767px){
#wrap {
    padding-top: 78px;
}
.layout {
	padding: 0 16px;
}
.btTop {
    width: 32px;
    height: 32px;
}
.btTop.on {
    bottom: 24px;
}
.btTop:after {
    top: 13px;
    width: 8px;
    height: 8px;
}
/*
.btMore a {
	padding: 0 16px;
	border-radius: 15px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 30px;
}
*/
}



/* ---------------- header */
header {
   position: relative;
   z-index: 100;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
header .layout {
   padding: 0 24px;
}
header .topGroup {
    position: relative;
    padding: 10px 0 19px;
}
header .topGroup .copy {
    margin-bottom: 12px;
    color: #666666;
    font-size: 12px;
    line-height: 1;
}
header .topGroup .titleGroup .group {
    display: flex;
    align-items: center;
}
header .topGroup .logo {
    width: 170px;
}
header .topGroup .btnHome {
    margin-left: 24px;
}
header .topGroup .btnHome a {
    display: block;
    padding: 0 12px 0 10px;
    background: #ff8080;
    border-radius: 16px;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
}
header .topGroup .btnHome a::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 11px;
    margin-right: 5px;
    background: url("/img/ico_home.svg") no-repeat center center / contain;
}
header .topGroup .btnBeginner {
    margin-left: 9px;
}
header .topGroup .btnBeginner a {
    display: block;
    padding: 0 12px 0 10px;
    background: #1bbfa4;
    border-radius: 16px;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
}
header .topGroup .btnBeginner a::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-right: 5px;
    background: url("/img/ico_beginner.svg") no-repeat center center / contain;
    transform: translateY(1px);
}
header .topGroup .ministry {
    position: absolute;
    top: 50%;
    right: 0;
    width: 160px;
    transform: translateY(-50%);
}
header .topGroup .ministry img {
  width: 100%;
}
header .bottomGroup .btnGroup {
    display: none;
}
header .bottomGroup .close {
    display: none;
}
header nav ul {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 14px;
}
header nav li {
    margin-left: 10px;
}
header nav li:first-child {
    margin-left: 0;
}
header nav .a {
    display: block;
    position: relative;
    width: 196px;
    border-radius: 6px;
    background: #ccc;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 44px;
    letter-spacing: 0.05em;
}
header nav li .a::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ccc;
}
/*
header nav li:hover .a::after {
    opacity: 1;
}
*/
header nav .a .min {
    font-size: 15px;
}
header nav .a .ico {
    display: inline-block;
    position: relative;
    top: -4px;
    width: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
header nav .a a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
header nav .menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    width: 100%;
    padding: 16px 0 30px;
    box-sizing: border-box;
    border: 4px solid #ccc;
    border-radius: 6px;
    background: #fff;
    line-height: 1.5;
}
/*
header nav li:hover .menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}
*/
header nav li:first-child .menu {
    border-radius: 0 6px 6px 6px;
}
header .menu .top {
    margin-bottom: 16px;
    padding: 0 24px;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    font-size: 14px;
}
header .menu .top a::before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    border: 5px solid transparent;
    border-left: 10px solid #ccc;
}
header .columnGroup {
    display: flex;
    justify-content: space-between;
}
header .columnGroup .group {
    position: relative;
    width: 33.33%;
    padding: 0 24px;
}
header .columnGroup .group::before {
    content: '';
    position: absolute;
    top: 42px;
    left: -1px;
    width: 2px;
    height: calc(100% - 52px);
    background: #f2ecda;
}
header .columnGroup .group:first-child::before {
    display: none;
}
header .columnGroup .head {
    margin-bottom: 16px;
    padding: 2px 16px;
    background: #ccc;
    border-radius: 6px;
    color: #fff;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    font-size: 14px;
    text-align: center;
}
header .columnGroup .item {
    margin-bottom: 10px;
}
header .columnGroup .item a {
    display: flex;
    align-items: center;
    color: #333;
}
header .columnGroup .item .img {
    width: 80px;
    margin-right: 10px;
}
header .columnGroup .item .body {
    flex: 1;
}
header .columnGroup .item .title {
    display: block;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    font-size: 15px;
}
header .columnGroup .item .min {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
}
header .navMobile {
    display: none;
}
header .navGroup .social {
    display: flex;
    align-items: center;
    position: absolute;
    top: 94px;
    right: 24px;
}
header .navGroup .social li {
    width: 24px;
    margin-left: 16px;
}
header .searchBlock {
	position: absolute;
	top: 20px;
	right: 300px;
	width: 226px;
}
header .searchBlock .box {
	position: relative;
	padding: 3px 48px 3px 32px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
header .searchBlock .ico {
	position: absolute;
	top: 12px;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: center top;
	transform: rotate(-45deg);
	transform-origin: center top;
}
header .searchBlock .ico:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 2px;
	height: 12px;
	margin-left: -1px;
	background: #999;
}
header .searchBlock .ico:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -7px;
	border: 2px solid #999;
	border-radius: 50%;
	background: #fff;
}
header .searchBlock input[type="text"] {
	width: 100%;
	height: 32px;
	padding: 0;
	border: none;
    outline: none;
}
header .searchBlock input[type="submit"] {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 32px;
	padding: 0 6px;
	font-size: 13px;
}
header .fontSize {
	position: absolute;
	top: 20px;
	right: 204px;
	text-align: center;
}
header .fontSize .h {
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 1;
}
header .fontSize li {
	display: block;
	float: left;
	margin: 0 2px;
	width: 22px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	line-height: 22px;
	cursor: pointer;
	transition: all 0.4s ease;
}
header .fontSize li:hover {
	opacity: 0.6;
}
header .fontSize li.on {
	background: #f5f2f0;
}
/* color */
header nav .worker .a,
header nav .worker .a::after,
header .worker .columnGroup .head {
    background: #ffa143;
}
header nav .worker .menu {
    border-color: #ffa143;
}
header .worker .menu .top a {
    color: #ffa143;
}
header .worker .menu .top a::before {
    border-left-color: #ffa143;
}
header nav .family .a,
header nav .family .a::after,
header .family .columnGroup .head {
    background: #6d6dcd;
}
header nav .family .menu {
    border-color: #6d6dcd;
}
header .family .menu .top a {
    color: #6d6dcd;
}
header .family .menu .top a::before {
    border-left-color: #6d6dcd;
}
header nav .employer .a,
header nav .employer .a::after,
header .employer .columnGroup .head {
    background: #df644b;
}
header nav .employer .menu {
    border-color: #df644b;
}
header .employer .menu .top a {
    color: #df644b;
}
header .employer .menu .top a::before {
    border-left-color: #df644b;
}
header nav .manager .a,
header nav .manager .a::after,
header .manager .columnGroup .head {
    background: #56c1dc;
}
header nav .manager .menu {
    border-color: #56c1dc;
}
header .manager .menu .top a {
    color: #56c1dc;
}
header .manager .menu .top a::before {
    border-left-color: #56c1dc;
}
header nav .supporter .a,
header nav .supporter .a::after,
header .supporter .columnGroup .head {
    background: #64cc2c;
}
header nav .supporter .menu {
    border-color: #64cc2c;
}
header .supporter .menu .top a {
    color: #64cc2c;
}
header .supporter .menu .top a::before {
    border-left-color: #64cc2c;
}
@media (max-width: 1180px){
header nav .a {
    width: 168px;
    font-size: 16px;
}
header nav .a .min {
    font-size: 13px;
}
header nav .a .ico {
    margin-right: 8px;
}
}
@media (max-width: 1023px){
header {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
header .layout {
    padding: 0 16px;
}
header .topGroup {
    padding: 16px 0;
}
header .topGroup .logo {
    width: 120px;
}
header .topGroup .copy {
    display: none;
}
header .topGroup .ministry {
    width: 110px;
}
header .bottomGroup {
    position: relative;
}
header .btnNav {
	position: absolute;
    z-index: 1;
	top: 8px;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #ff8080;
}
header .btnNav span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	margin-top: -1px;
    border-radius: 1px;
	background: #fff;
	transform: translate(-50%, 0);
	transition: 0.4s ease;
}
header .btnNav span:first-child {
	transform: translate(-50%, -6px);
}
header .btnNav span:last-child {
	transform: translate(-50%, 6px);
}
/*
header .btnNav.on span:nth-child(2) {
	opacity: 0;
}
header .btnNav.on span:first-child {
	transform: translate(-50%, 0) rotate(45deg);
}
header .btnNav.on span:last-child {
	transform: translate(-50%, 0) rotate(-45deg);
}
*/
header .navMobile {
    display: flex;
    padding: 9px 0;
}
header .navMobile li {
    width: 40px;
    margin-right: 40px;
}
header .navGroup {
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(-40px);
    transition: 0.4s ease;
}
header .navGroup.on {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: translateY(0);
}
header .bottomGroup .btnGroup {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 16px 16px;
}
header .btnGroup .btnHome a {
    display: block;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #FF8080;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}
header .btnGroup .btnHome a::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 14px;
    margin-right: 7px;
    background: url("/img/ico_home.svg") no-repeat center center / contain;
}
header .btnGroup .btnBeginner {
    margin-left: 10px;
}
header .btnGroup .btnBeginner a {
    display: block;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #1bbfa4;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}
header .btnGroup .btnBeginner a::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 14px;
    margin-right: 7px;
    background: url("/img/ico_beginner.svg") no-repeat center center / contain;
    transform: translateY(2px);
}
header .btnGroup .btnClose {
    flex: 1;
}
header .btnGroup .btnClose .a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: auto;
	border-radius: 4px;
	background: #ff8080;
}
header .btnGroup .btnClose .a:before {
    content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
    border-radius: 1px;
	background: #fff;
	transform: translate(-50%, -50%) rotate(45deg);
}
header .btnGroup .btnClose .a:after {
    content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
    border-radius: 1px;
	background: #fff;
	transform: translate(-50%, -50%) rotate(-45deg);
}
header nav {
    border-top: 1px solid #F2ECDA;
}
header nav ul {
    display: block;
}
header nav li {
    margin: 0;
}
header nav .a {
    position: relative;
    width: auto;
    padding: 0 26px;
    border-bottom: 1px solid #F2ECDA;
    background: none !important;
    color: #333;
    font-size: 20px;
    text-align: left;
    line-height: 64px;
}
header nav .a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 32px;
    width: 16px;
    height: 2px;
    background: #FF8080;
    border-radius: 1px;
    transform: translateY(-50%);
}
header nav li .a::after {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: auto;
    right: 39px;
    width: 2px;
    height: 16px;
    background: #FF8080 !important;
    border-radius: 1px;
    transform: translateY(-50%);
    transition: .4s ease;
}
header nav li .a.on::after {
    opacity: 0;
}
header nav .a .ico {
    height: 24px;
    margin-right: 16px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
header nav .worker .a .ico {
    background-image: url("/img/ico_worker.svg");
}
header nav .family .a .ico {
    background-image: url("/img/ico_family.svg");
}
header nav .employer .a .ico {
    background-image: url("/img/ico_employer.svg");
}
header nav .manager .a .ico {
    background-image: url("/img/ico_manager.svg");
}
header nav .supporter .a .ico {
    background-image: url("/img/ico_supporter.svg");
}
header nav .a .ico img {
    display: none;
}
header nav .a a {
    display: none;
}
header nav .menu {
    opacity: 1;
    visibility: visible;
    display: none;
    position: static;
    padding: 16px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #F2ECDA !important;
    transition: none;
}
header .menu .top {
    padding: 0;
}
header .columnGroup {
    display: block;;
}
header .columnGroup .group {
    width: auto;
    margin-bottom: 16px;
    padding: 0;
}
header .columnGroup .group::before {
    display: none;
}
header .columnGroup .head {
    margin-bottom: 10px;
    text-align: left;
}
header .columnGroup .item .img {
    width: 48px;
}
header .columnGroup .item .min {
    margin-bottom: 0;
}
header .navGroup .social {
    justify-content: center;
    position: static;
    padding: 40px 16px 32px;
}
header .navGroup .social li {
    width: 40px;
    margin: 0 20px;
}
header .navGroup .social img {
    width: 100%;
}
header .searchBlock {
    position: static;
    width: auto;
    margin-bottom: 40px;
    padding: 0 16px;
}
header .searchBlock .box {
    padding: 3px 64px 3px 40px;
}
header .searchBlock .ico {
    top: 16px;
    left: 16px;
}
header .searchBlock input[type="text"] {
    height: 40px;
}
header .searchBlock input[type="submit"] {
    width: 54px;
    height: 40px;
    font-size: 16px;
}
header .bottomGroup .close {
    display: block;
    text-align: center;
}
header .close .a {
    display: inline-block;
    width: 200px;
    border-radius: 20px;
    background: #FF8080;
    color: #fff;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    font-size: 14px;
    line-height: 40px;
}
header .close .ico {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}
header .close .ico::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}
header .close .ico::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: translate(-50%, -50%) rotate(-45deg);
}
header .fontSize {
    display: none;
}
}
@media (max-width: 767px){
header .topGroup {
    padding: 4px 0;
}
header .topGroup .logo {
    width: 80px;
}
header .topGroup .btnHome {
    margin-left: 10px;
}
header .topGroup .btnHome a {
    padding: 0 8px;
    font-size: 10px;
    line-height: 21px;
}
header .topGroup .btnHome a::before {
    width: 11px;
    height: 9px;
    margin-right: 2px;
}
header .topGroup .btnBeginner {
    margin-left: 5px;
}
header .topGroup .btnBeginner a {
    padding: 0 8px;
    font-size: 10px;
    line-height: 21px;
}
header .topGroup .btnBeginner a::before {
    width: 8px;
    height: 11px;
    margin-right: 4px;
    transform: translateY(2px);
}
header .topGroup .ministry {
    width: 80px;
}
header .bottomGroup {
    padding-bottom: 7px;
}
header .btnNav {
    top: 0;
}
header .navMobile {
    padding: 7px 0;
}
header .navMobile li {
    width: 24px;
    margin-right: 24px;
}
}
@media (min-width: 1024px){
header nav .menu {
    display: block !important;
}
}
@media (max-width: 374px) {
header .topGroup .btnHome a {
    overflow: hidden;
    position: relative;
    width: 21px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
}
header .topGroup .btnHome a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
header .topGroup .btnBeginner a {
    overflow: hidden;
    position: relative;
    width: 21px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
}
header .topGroup .btnBeginner a::before {
    position: absolute;
    top: 52%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
header .btnGroup .btnHome a {
    font-size: 12px;
}
header .btnGroup .btnBeginner a {
    font-size: 12px;
}
}



/* ---------------- footer */
#footer .navArea {
	padding: 24px 0 40px 0;
	background: #faf7ed;
	font-size: 13px;
	font-size: 1.3rem;
}
#footer .navArea .layout {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
#footer .navArea .itemGroup {
	float: left;
	width: 437px;
	margin-left: 12px;
	padding: 10px 20px 24px 20px;
	box-sizing: border-box;
	border-bottom: 2px solid #ebe5d3;
	background: #fff;
}
#footer .navArea .itemGroup:first-child {
	width: 220px;
	margin-left: 0;
}
#footer .navArea .head {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 1.8rem;
}
#footer .navArea .head .ico {
	display: inline-block;
	margin-right: 8px;
	width: 38px;
}
#footer .navArea .list .block, 
#footer .navArea .list ul {
	width: 180px;
	padding-left: 8px;
}
#footer .navArea .list .block, 
#footer .navArea .list > ul {
	float: left;
	margin-left: 20px;
	padding-left: 0;
}
#footer .navArea .list .block:first-child, 
#footer .navArea .list > ul:first-child {
	margin-left: 0;
}
#footer .navArea li {
	margin-bottom: 4px;
}
#footer .navArea .h, 
#footer .navArea li .h {
	position: relative;
	color: #333;
}
#footer .navArea a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #333;
}
#footer .navArea a:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
#footer .footArea {
	padding: 40px 0 128px;
	font-size: 1.3rem;
	text-align: center;
}
#footer .footArea .top {
	position: absolute;
    z-index: 0;
    top: -64px;
    left: 50%;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
#footer .footArea .top::after {
    content: '';
    position: absolute;
    top: 24px;
    left: 50%;
    width: 14px;
    height: 14px;
    border-top: 2px solid #ff8080;
    border-right: 2px solid #ff8080;
    transform: translateX(-50%) rotate(-45deg);
}
#footer .footArea ul {
    position: relative;
    z-index: 1;
	margin-bottom: 32px;
}
#footer .footArea li {
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #ebe5d3;
	line-height: 1;
}
#footer .footArea li:last-child {
	border: none;
}
#footer .footArea li a {
	color: #333;
}
#footer .mhlwBlock {
    margin-bottom: 24px;
}
#footer .mhlwBlock .logo {
    margin-bottom: 16px;
}
#footer .mhlwBlock .logo img {
    width: 148px;
}
#footer .mhlwBlock .body {
    font-size: 13px;
	font-size: 1.3rem;
    line-height: 1.6;
}
#footer .footArea .copyright {
	font-size: 1.2rem;
}
@media only screen and (max-width: 1279px){
#footer .navArea .itemGroup {
	width: 32% !important;
	margin-left: 2%;
}
#footer .navArea .itemGroup:first-child {
	margin-left: 0;
}
#footer .navArea .list .block, 
#footer .navArea .list ul {
	float: none;
	width: auto;
	margin-left: 0;
}
}
@media only screen and (max-width: 767px){
#footer .navArea {
	padding: 16px 0;
}
#footer .navArea .itemGroup {
	width: 100% !important;
	margin: 0;
	padding: 8px 0 0 0;
	background: none;
	box-shadow: none;
	border-bottom: 1px solid #d6d6c2;
}
#footer .navArea .head {
	position: relative;
	margin-bottom: 8px;
	font-size: 1.3rem;
}
#footer .navArea .head:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin: center;
	transform: rotate(135deg);
	transform-origin: center;
}
#footer .navArea .head .ico {
	margin-right: 16px;
}
#footer .navArea .list {
	display: none;
	padding-bottom: 16px;
}
#footer .footArea {
	padding: 40px 16px 80px;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footArea ul {
	margin-bottom: 24px;
}
#footer .footArea li {
	margin-bottom: 16px;
}
#footer .mhlwBlock {
    text-align: center;
}
#footer .mhlwBlock .logo img {
    width: 128px;
}
#footer .mhlwBlock .body {
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footArea .copyright {
	font-size: 10px;
	font-size: 1rem;
	text-align: center;
}
}
@media only screen and (min-width: 768px){
#footer .navArea .list {
	display: block !important;
}
}
@media print {
#footer {
	display: none;
}
}



/* ---------------- #contents */
#contents .layout {
    max-width: 928px;
}


/* ---------------- .bread */
.bread {
	padding: 12px 0;
	background: #f2ecda;
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
}
#contents.worker .bread {
	background: #fee1b4;
}
#contents.family .bread {
	background: #dbd8f6;
}
#contents.employer .bread {
	background: #fad9d2;
}
#contents.manager .bread {
	background: #c1e8f6;
}
#contents.supporter .bread {
	background: #c5eba3;
}
.bread li {
	display: inline-block;
}
.bread li:after {
	content: '　>　';
}
.bread li:last-child:after {
	display: none;
}
.bread li a {
	color: #333;
}
@media only screen and (max-width: 1023px){
.bread {
	padding: 12px 0;
}
}
@media only screen and (max-width: 767px){
.bread {
	padding: 4px 0;
	font-size: 10px;
}
}
@media print {
.bread {
	display: none;
}
}



/* ---------------- headArea */
.headArea {
	background: #faf7ed;
}
#contents.worker .headArea.wide,
#contents.family .headArea.wide,
#contents.employer .headArea.wide,
#contents.manager .headArea.wide,
#contents.supporter .headArea.wide {
	background: #fff;
}
.headArea .headGroup {
	padding: 40px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
.headArea.wide .headGroup {
	padding: 40px 0 40px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
}
#contents.worker .headArea.wide .headGroup,
#contents.family .headArea.wide .headGroup,
#contents.employer .headArea.wide .headGroup,
#contents.manager .headArea.wide .headGroup,
#contents.supporter .headArea.wide .headGroup {
	padding: 0;
}
.headArea .headGroup .category {
	margin-bottom: 16px;
}
.headArea .headGroup .category a {
	display: inline-block;
	padding: 4px 20px;
	border-radius: 4px;
	background: #ff8080;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
#worker .headArea .headGroup .category a {
	background: #ffa143;
}
#family .headArea .headGroup .category a {
	background: #6d6dcd;
}
#employer .headArea .headGroup .category a {
	background: #df644b;
}
#manager .headArea .headGroup .category a {
	background: #56c1dc;
}
#supporter .headArea .headGroup .category a {
	background: #8ed767;
}
.headArea .headGroup .title {
	font-size: 32px;
	font-size: 3.2rem;
}
#contents.worker .headArea.wide .headGroup .title,
#contents.family .headArea.wide .headGroup .title,
#contents.employer .headArea.wide .headGroup .title,
#contents.manager .headArea.wide .headGroup .title,
#contents.supporter .headArea.wide .headGroup .title {
	font-size: 36px;
	font-size: 3.6rem;
	text-align: left;
	line-height: 83px;
}
#contents.worker .headArea.wide .headGroup .title:before,
#contents.family .headArea.wide .headGroup .title:before,
#contents.employer .headArea.wide .headGroup .title:before,
#contents.manager .headArea.wide .headGroup .title:before,
#contents.supporter .headArea.wide .headGroup .title:before {
	content: '';
	display: inline-block;
	width: 56px;
	height: 83px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
	vertical-align: top;
}
#contents.worker .headArea.wide .headGroup .title:before {
	background-image: url(/img/ico_worker.svg);
}
#contents.family .headArea.wide .headGroup .title:before {
	background-image: url(/img/ico_family.svg);
}
#contents.employer .headArea.wide .headGroup .title:before {
	background-image: url(/img/ico_employer.svg);
}
#contents.manager .headArea.wide .headGroup .title:before {
	background-image: url(/img/ico_manager.svg);
}
#contents.supporter .headArea.wide .headGroup .title:before {
	background-image: url(/img/ico_supporter.svg);
}
.headArea .userBlock li {
	display: inline-block;
	margin-right: 16px;
	padding-top: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
}
.headArea .userBlock .ico {
	display: inline-block;
	width: 18px;
	margin-right: 6px;
}
@media only screen and (max-width: 1023px){
.headArea .headGroup {
	padding: 40px 0;
}
.headArea.wide .headGroup {
	padding: 40px 0;
}
}
@media only screen and (max-width: 767px){
.headArea .headGroup {
	padding: 16px 0;
}
.headArea.wide .headGroup {
	padding: 16px 0;
}
#contents.worker .headArea.wide .headGroup,

#contents.family .headArea.wide .headGroup,
#contents.employer .headArea.wide .headGroup,
#contents.manager .headArea.wide .headGroup,
#contents.supporter .headArea.wide .headGroup {
	padding: 0;
}
.headArea .headGroup .category {
	margin-bottom: 8px;
	padding: 4px 0;
}
.headArea .headGroup .category a {
	padding: 4px 8px;
	font-size: 13px;
	font-size: 1.3rem;
}
.headArea .headGroup .title, 
#contents.worker .headArea.wide .headGroup .title, 
#contents.family .headArea.wide .headGroup .title,
#contents.employer .headArea.wide .headGroup .title,
#contents.manager .headArea.wide .headGroup .title,
#contents.supporter .headArea.wide .headGroup .title {
	font-size: 22px;
	font-size: 2.2rem;
}
#contents.employer .headArea.wide .headGroup {
	display: table;
	min-height: 83px;
}
#contents.employer .headArea.wide .headGroup .title {
	display: table-cell;
	position: relative;
	padding: 16px 0 16px 56px;
	line-height: 1.3;
	vertical-align: middle;
}
#contents.employer .headArea.wide .headGroup .title:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -42px;
}
.headArea .userBlock li {
	padding-top: 8px;
}
.headArea .userBlock .txt {
	display: none;
}
}


/* ---------------- heroContents */
.heroContents {
	padding: 16px 0;
	background: #f2ecda;
}
.heroContents .columnGroup {
	display: flex;
	justify-content: space-between;
}
.heroContents .column {
	width: 32%;
}
.heroContents .head {
	margin-bottom: 12px;
	padding: 3px 8px;
	border-radius: 2px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
}
#worker .heroContents .head {
	background: #ffa143;
}
#family .heroContents .head {
	background: #6d6dcd;
}
#employer .heroContents .head {
	background: #df644b;
}
#manager .heroContents .head {
	background: #56c1dc;
}
#supporter .heroContents .head {
	background: #64cc2c;
}
.heroContents .itemGroup {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-radius: 4px;
}
.heroContents .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: calc(50% - 1px);
	min-height: 161px;
	margin: 1px 0;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
}
.heroContents .item a{
	min-height: 0%;
}
.heroContents .item img{
	width: auto;
	vertical-align: bottom;

}
.heroContents .item a:not(.sub) {
	display: block;
}
.heroContents .item.row2 {
	width: 100%;
}
.heroContents .item .ico,
.heroContents .item .txt {
	display: none;
}
.heroContents .item .new::before {
	position: absolute;
	top: 16px;
	left: 16px;
}
.heroContents .item .sub {
	display: block;
	margin-top: 8px;
	padding: 4px 8px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
}
@media (max-width: 1023px){
.heroContents {
	padding: 0;
}
.heroContents .layout {
	padding: 16px 16px 1px;
}
.heroContents .head {
	padding: 8px;
}
.heroContents .columnGroup {
	display: block;
}
.heroContents .column {
	width: auto;
	margin-bottom: 16px;
}
.heroContents .itemGroup {
	display: block;
	border-radius: 0;
}
.heroContents .item {
	display: block;
	width: auto;
	min-height: 0;
	margin: 0 0 1px;
	padding: 0;
	text-align: left;
}
.heroContents .item:first-child {
	border-radius: 2px 2px 0 0;
}
.heroContents .item:last-child {
	border-radius: 0 0 2px 2px;
}
.heroContents .item a {
	display: flex !important;
	align-items: center;
	padding: 16px 24px;
	color: #333;
	font-family: "新丸ゴ M JIS2004", sans-serif;
	text-align: left;
	line-height: 1.3;
}
.heroContents .item .new::before {
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 8px;
	line-height: 12px;
}
.heroContents .item .img {
	display: none;
}
.heroContents .item .ico {
	display: inline-block;
	width: 64px;
	margin-right: 16px;
	vertical-align: middle;
}
.heroContents .item .txt {
	flex: 1;
	display: inline-block;
	font-size: 18px;
}
.heroContents .item .txt .min {
	color: #666; 
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
.heroContents .item a.sub {
	display: none !important;
	width: auto;
	position: relative;
	top: -8px;
	left: 0;
	margin: 0 16px 8px 104px;
	padding: 8px 16px;
	text-align: center;
	transform: none;
}
.heroContents .item a.sub br {
	display: none;
}
}
@media (max-width: 767px){
.heroContents .head {
	margin-bottom: 4px;
	padding: 4px 8px;
	font-size: 12px;
}
.heroContents .item a {
	padding: 8px 16px;
}
.heroContents .item .ico {
	width: 36px;
}
.heroContents .item .txt {
	font-size: 13px;
}
.heroContents .item a.sub {
	margin: 0 16px 0 64px;
	font-size: 12px;
}
}



/* ---------------- contentsHero */
.contentsHero {
	padding: 16px 0;
	background: #f2ecda;
}
.contentsHero .columnGroup {
	display: flex;
	justify-content: space-between;
}
.contentsHero .columnGroup::after {
	content: '';
	display: block;
	clear: both;
}
.contentsHero .column {
	float: left;
	width: 32.68%;
	margin-left: 0.5%;
}
.contentsHero .column::after {
	content: '';
	display: block;
	clear: both;
}
.contentsHero .column:first-child {
	margin-left: 0;
}
.contentsHero .head {
	margin-bottom: 13px;
	border-radius: 4px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 26px;
}
#contents.worker .contentsHero .head {
	background: #ffa143;
}
#contents.family .contentsHero .head {
	background: #6d6dcd;
}
#contents.employer .contentsHero .head {
	background: #df644b;
}
#contents.manager .contentsHero .head {
	background: #56c1dc;
}
#contents.supporter .contentsHero .head {
	background: #64cc2c;
}
.contentsHero .itemGroup {
	/*overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	border-radius: 4px;*/
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 4px;
}
.contentsHero .item {
	/*float: left;
	width: 50%;
	min-height: 161px;
	box-sizing: border-box;
	padding: 16px;
	background: #fff;
	border-color: #f2ecda;
	border-style: solid;
	text-align: center;*/
	display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: calc(50% - 1px);
    min-height: 161px;
    margin: 1px 0;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
}
.contentsHero .item:nth-child(1) {
	border-width: 0 1px 1px 0;
}
.contentsHero .item:nth-child(2) {
	border-width: 0 0 1px 1px;
}
.contentsHero .item:nth-child(3) {
	border-width: 1px 1px 0 0;
}
.contentsHero .item:nth-child(4) {
	border-width: 1px 0 0 1px;
}
.contentsHero .itm1-1 .item:nth-child(1) {
	width: 100%;
	border-width: 0 0 1px 0;
}
.contentsHero .itm1-1 .item:nth-child(2) {
	width: 100%;
	border-width: 1px 0 0 0;
}
.contentsHero .itm1-2 .item:nth-child(3) {
	width: 100%;
	border-width: 0 0 1px 0;
}
.contentsHero .itm2-1 .item:nth-child(1) {
	width: 100%;
	border-width: 0 0 1px 0;
}
.contentsHero .itm2-1 .item:nth-child(2) {
	border-width: 1px 1px 0 0;
}
.contentsHero .itm2-1 .item:nth-child(3) {
	border-width: 1px 0 0 1px;
}
.contentsHero .inner {
	vertical-align: middle;
}
.contentsHero .btn {
	display: block;
	margin-top: 8px;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 13px;
	line-height: 1.2;
}
@media only screen and (max-width: 1023px){
.contentsHero .columnGroup {
	display: block;
}
.contentsHero .column {
	display: block;
	width: auto;
	margin-bottom: 16px;
}
.contentsHero .column:last-child {
	margin-bottom: 0;
}
.contentsHero .head {
	font-size: 12px;
	line-height: 22px;
}.contentsHero .item {
	display: block;
	height: auto;
	min-height: 0;
}
.contentsHero .inner {
	display: block;
}
}



/* ---------------- topHero */
.topHero * {
  box-sizing: border-box;
}
.topHero {
  padding: 24px 0 32px;
  background: #f2ecda;
  font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
}
.topHero .inner {
  display: grid;
  grid-template-columns: 423px 1fr;
  gap: 24px 16px;
}
.topHero .block > .head {
  margin-bottom: 8px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #ff8080;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
}
.topHero .block.-recommend {
  grid-column: 1 / 3;
}
@media (max-width: 1023px){
  .topHero {
    padding: 8px 0 32px;
  }
  .topHero .inner {
    grid-template-columns: 1fr;
  }
  .topHero .block.-recommend {
    grid-column: 1 / 2;
  }
}

/* recommend */
.topHero .recommend-group {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 16px;
  max-width: 735px;
  margin: 0 auto;
}
.topHero .recommend-group .head-group {
  text-align: center;
}
.topHero .recommend-group .head-group::after {
  content: '';
  display: inline-block;
  width: 64px;
  height: 72px;
  background: url("/img/img_hero_recommend.png") no-repeat center center / contain;
}
.topHero .recommend-group .head-group p {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FF8080;
  font-size: 14px;
}
.topHero .recommend-group .head-group p::before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #FF8080;
  border-radius: 2px;
  rotate: -30deg;
}
.topHero .recommend-group .head-group p::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #FF8080;
  border-radius: 2px;
  rotate: 30deg;
}
.topHero .recommend-group .body-group a {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 4px 24px;
  background: #fff;
  border: 2px solid #FF8080;
  border-radius: 8px;
  color: #333;
}
.topHero .recommend-group .body-group img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.topHero .recommend-group .body-group .body {
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 16px;
  align-items: center;
}
.topHero .recommend-group .body-group .title {
  font-size: 18px;
  line-height: 1.5;
}
.topHero .recommend-group .body-group .more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #FF8080;
  font-size: 14px;
}
.topHero .recommend-group .body-group .more::before {
  content: '';
  display: block;
  width: 6px;
  height: 8px;
  background: #FF8080;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (max-width: 767px){
  .topHero .recommend-group {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .topHero .recommend-group .head-group {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: flex-end;
  }
  .topHero .recommend-group .head-group::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 40px;
    background: url("/img/img_hero_recommend.png") no-repeat center center / contain;
  }
  .topHero .recommend-group .head-group::after {
    width: 35px;
    height: 40px;
    background: none;
  }
  .topHero .recommend-group .head-group p {
    translate: 0 -4px;
  }
  .topHero .recommend-group .body-group a {
    grid-template-columns: 56px 1fr;
    gap: 10px;
    padding: 8px;
    border-width: 3px;
  }
  .topHero .recommend-group .body-group .body {
    display: block;
  }
  .topHero .recommend-group .body-group .title {
    font-size: 15px;
  }
  .topHero .recommend-group .body-group .more {
    display: none;
  }
}

/* agency */
.topHero .agency-group {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.topHero .agency-group .head-group a {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 8px;
  align-items: center;
  color: #333;
}
.topHero .agency-group .head-group .title {
  font-size: 16px;
  line-height: 1.5;
}
.topHero .agency-group .head-group .title .min {
  font-size: 13px;
}
.topHero .agency-group .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 20px;
}
.topHero .agency-group .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 20px;
}
.topHero .agency-group .items a {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 8px;
  padding: 24px 8px;
  border: 1px solid #EBE5D3;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}
.topHero .agency-group .items img {
  width: auto;
  height: 40px;
}
.topHero .agency-group .items em {
  font-size: 16px;
  font-style: normal;
}
.topHero .agency-group .more {
  margin-top: 24px;
}
.topHero .agency-group .more a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: #FF8080;
  font-size: 14px;
}
.topHero .agency-group .more a::before {
  content: '';
  display: block;
  width: 6px;
  height: 8px;
  background: #FF8080;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (max-width: 767px){
  .topHero .agency-group {
    padding: 8px 8px 20px;
  }
  .topHero .agency-group .head-group a {
    grid-template-columns: 56px 1fr;
  }
  .topHero .agency-group .head-group .title {
    font-size: 15px;
  }
  .topHero .agency-group .head-group .title .min {
    font-size: 12px;
  }
  .topHero .agency-group .items {
    gap: 8px;
    margin-top: 8px;
  }
  .topHero .agency-group .items a {
    padding: 14px 0;
  }
  .topHero .agency-group .more {
    margin-top: 16px;
  }
}

/* popular */
.topHero .popular-group {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  border-radius: 8px;
}
.topHero .popular-group a {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: #fff;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
}
.topHero .popular-group .min {
  font-size: 12px;
}
@media (max-width: 767px){
  .topHero .popular-group {
    grid-template-columns: 1fr;
  }
  .topHero .popular-group a {
    grid-template-columns: 56px 1fr;
    gap: 10px;
    padding: 8px;
  }
}

/* qa */
.topHero .qa {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0px 2px #eae3ce;
  display: none;
}
.topHero .qa .head {
    margin: 0;
    padding: 16px 20px;
    border-radius: 0;
    font-size: 15px;
    line-height: 1.5;
}
.topHero .qa .body {
    flex: 1;
    padding: 16px 24px;
    background: #fff;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    line-height: 1.5;
}
.topHero .qa .body a {
    display: inline-block;
    position: relative;
    margin-left: 24px;
    padding-left: 12px;
    color: #ff8080;
}
.topHero .qa .body a::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    border: 3px solid transparent;
    border-left: 5px solid #ff8080;
}
@media (max-width: 767px){
  .topHero .qa {
      display: block;
      border-radius: 12px;
      background: #fff;
  }
  .topHero .qa .head {
      padding: 4px 16px;
      font-size: 13px;
  }
  .topHero .qa .body {
      padding: 8px 16px;
      font-size: 13px;
  }
  .topHero .qa .body a {
      display: block;
      margin-left: 0;
  }
}



/* ---------------- topQA */
.topQA {
    padding: 24px 0;
    background: #faf7ed;
}
.topQA .box {
    display: flex;
    border: 1px solid #fd7f82;
    border-radius: 4px;
    background: #fff;
}
.topQA .head {
    padding: 0 16px;
    background: #fd7f82;
    color: #fff;
    font-family: "新丸ゴ R JIS2004", sans-serif;
    font-size: 16px;
    line-height: 48px;
}
.topQA .body {
    flex: 1;
    overflow: hidden;
    padding: 0 16px;
    font-size: 16px;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.topQA .btn {
    padding: 0 16px;
    font-size: 16px;
    line-height: 48px;
    white-space: nowrap;
}
@media (max-width: 767px){
.topQA {
    padding: 16px 0;
}
.topQA .box {
    display: block;
}
.topQA .head {
    padding: 8px;
    font-size: 14px;
    line-height: 1.5;
}
.topQA .body {
    padding: 8px 16px;
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
}
.topQA .btn {
    padding: 0 16px 8px;
    font-size: 12px;
    line-height: 1.5;
}
}

/* ---------------- sideNav */
.sideArea {
	position: absolute;
	z-index: 10;
	top: 40px;
	width: 256px;
}
.sideArea.right {
	top: 48px;
	right: 0;
}
.sideArea .newsNav {
	border: 4px solid #faf7ed;
}
.sideArea .sideNav {
	display: none;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sideArea .sideNav.all {
	display: block;
}
#worker .sideArea .sideNav.all, 
#family .sideArea .sideNav.all, 
#employer .sideArea .sideNav.all, 
#manager .sideArea .sideNav.all, 
#supporter .sideArea .sideNav.all { 
	display: none;
}
#worker .sideArea .sideNav.worker {
	display: block;
}
#family .sideArea .sideNav.family {
	display: block;
}
#employer .sideArea .sideNav.employer {
	display: block;
}
#manager .sideArea .sideNav.manager {
	display: block;
}
#supporter .sideArea .sideNav.supporter {
	display: block;
}
.sideArea .head {
	position: relative;
	padding: 24px 24px 24px 72px;
	border-bottom: 1px solid #f2ecda;
	font-size: 20px;
	font-size: 2.0rem;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
}
#worker .sideArea .head {
	color: #ffa143;
}
#family .sideArea .head {
	color: #6d6dcd;
}
#employer .sideArea .head {
	color: #df644b;
}
#manager .sideArea .head {
	color: #56c1dc;
}
#supporter .sideArea .head {
	color: #8ed767;
}
.sideArea .head .ico {
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 24px;
	width: 32px;
}
.sideArea .head .min {
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.sideArea .head.sp {
	display: none;
}
.sideArea .block {
	padding: 24px 0 8px 0;
	border-bottom: 1px solid #f2ecda;
}
.sideArea .block:last-child {
	border-bottom: none;
}
.sideArea .subHead {
	margin-bottom: 16px;
	padding: 0 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
.sideArea .subHead .ico {
	display: inline-block;
	margin-right: 20px;
	width: 38px;
}
.sideArea .h {
	padding: 0 24px;
	margin-bottom: 8px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
.sideArea .h a {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: #333;
}
.sideArea .h a:after {
	content: '';
	position: absolute;
	top: 6px;
	left: -4px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.sideArea ul {
	margin-bottom: 16px;
	padding: 0 24px;
}
.sideArea li {
	margin-bottom: 4px;
}
.sideArea li a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #333;
}
.sideArea li a:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
@media only screen and (max-width: 1280px){
.sideArea.right {
	right: 24px;
}
}
@media only screen and (max-width: 1023px){
#contents .sideOuter {
	padding: 0;
}
.sideArea {
	position: static;
	width: auto;
	padding: 20px 24px;
	background: #faf7ed;
}
.sideArea .head {
	position: relative;
	padding: 12px 16px 12px 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.sideArea .head .icoNav {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 16px;
	margin-top: -6px;
}
.sideArea .head .icoNav span {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 3px;
	background: #ff8080;
}
.sideArea .head .min {
	font-size: 16px;
	font-size: 1.6rem;
}
.sideArea .head.sp {
	display: block;
}
.sideArea .head .ico {
	position: static;
	width: 20px;
	margin-right: 10px;
}
.sideArea .group {
	display: none;
}
.sideArea.right {
	margin-top: 48px;
	padding: 0;
	background:none;
}
.sideArea .newsNav .block {
	padding: 0 16px;
}
.sideArea .newsNav ul {
	margin: 0;
	padding: 16px 0 12px 0;
}
.sideArea .newsNav li {
	display: inline-block;
	margin: 0 16px 4px 0;
}
}
@media only screen and (max-width: 1023px){
.sideArea {
	padding: 16px;
}
}
@media only screen and (max-width: 767px){
.sideArea.right {
	margin-top: 24px;
}
}
@media only screen and (min-width: 1024px){
.sideArea .group {
	display: block !important;
}
}



/* ---------------- contents */
#contents .mainArea {
	padding: 48px 0 48px 0px;
}
#contents .mainArea.left {
	padding: 48px 352px 48px 0;
}
.wp-pagenavi {
	position: relative;
	margin-bottom: 24px;
	padding: 16px 64px;
	border-top: 4px solid #f2ecda;
	border-bottom: 4px solid #f2ecda;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	margin: 0 8px;
	color: #333;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
.wp-pagenavi .current {
	color: #ff8080;
	border-bottom: 1px solid #ff8080;
}
.wp-pagenavi a.previouspostslink {
	position: absolute;
	top: 16px;
	left: 0;
	padding-left: 24px;
	font-size: 16px;
	font-size: 1.6rem;
}
.wp-pagenavi a.previouspostslink:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #ff8080;
	border-left: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
}
.wp-pagenavi a.nextpostslink {
	position: absolute;
	top: 16px;
	right: 0;
	padding-right: 24px;
	font-size: 16px;
	font-size: 1.6rem;
}
.wp-pagenavi a.nextpostslink:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 4px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
}
.timeBlock {
	margin-bottom: 32px;
	padding: 8px 24px 16px 24px;
	background: #f5f5f5;
	color: #3c88ed;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	letter-spacing: 0.05em;
}
.timeBlock .head {
	display: inline-block;
}
.timeBlock .ico {
	display: inline-block;
	position: relative;
	top: -2px;
	width: 18px;
	margin-right: 6px;
}
.timeBlock .body {
	display: inline-block;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.timeBlock .num {
	font-size: 22px;
	font-size: 2.2rem;
}
.inNav {
	margin-bottom: 32px;
	padding: 16px 16px 0 16px;
	background: #faf7ed;
}
.inNav li {
	display: inline-block;
	position: relative;
	margin-bottom: 16px !important;
	padding: 0 8px 0 4px;
	border-right: 2px solid #f2ecda;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
}
.inNav.block li {
	display: block;
}
.inNav li a {
	color: #333;
}
.inNav li:before{
	content: '';
	position: relative;
	top: 12px;
	margin-right: 4px;
	border: 3px solid transparent;
	border-top: 5px solid #ff8080;
}
.inNav.column {
	padding: 16px;
}
.inNav.column ul {
	float: left;
	margin: 0;
	padding-left: 0;
}
.inNav.column ul:first-child {
	margin-right: 32px;
}
.inNav.column ul li {
	display: block;
	margin-bottom: 0;
	padding: 0;
	border: none;
	line-height: 1.75;
}
@media only screen and (max-width: 1279px){
#contents .mainArea.left {
	padding-right: 280px;
}
}
@media only screen and (max-width: 1023px){
#contents .mainArea {
	padding: 72px 0 48px 0;
}
#contents .mainArea.left {
	padding: 48px 0 48px 0;
}
}
@media only screen and (max-width: 767px){
#contents .mainArea {
	padding: 24px 0;
}
#contents .mainArea.left {
	padding: 24px 0;
}
.wp-pagenavi {
	padding: 40px 0 8px 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 4px;
	font-size: 14px;
	font-size: 1.4rem;
}
.wp-pagenavi a.previouspostslink {
	top: 8px;
	font-size: 14px;
	font-size: 1.4rem;
}
.wp-pagenavi a.previouspostslink:after {
	width: 8px;
	height: 8px;
}
.wp-pagenavi a.nextpostslink {
	top: 8px;
	font-size: 14px;
	font-size: 1.4rem;
}
.wp-pagenavi a.nextpostslink:after {
	width: 8px;
	height: 8px;
}
.timeBlock .head {
	font-size: 12px;
	font-size: 1.2rem;
}
.timeBlock .ico {
	width: 14px;
}
.timeBlock .body {
	font-size: 14px;
	font-size: 1.4rem;
}
.timeBlock .num {
	font-size: 18px;
	font-size: 1.8rem;
}
.inNav {
	padding-bottom: 8px;
}
.inNav li {
	margin: 0 16px 8px 0 !important;
	padding: 0;
	border-right: none;
	line-height: 1.5;
}
.inNav.block li {
	display: block;
	margin: 0 0 8px 0;
}
}



/* ---------------- detail */
#contents .bodyBlock {
	margin-bottom: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
#contents .bodyBlock p {
	padding-bottom: 32px;
}
#contents .bodyBlock h2 {
	clear: both;
	margin: 48px 0 32px 0;
	padding-bottom: 8px;
	border-bottom: 4px solid #ff8080;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
#worker #contents .bodyBlock h2 {
	border-bottom: 4px solid #ffa143;
}
#family #contents .bodyBlock h2 {
	border-bottom: 4px solid #6d6dcd;
}
#employer #contents .bodyBlock h2 {
	border-bottom: 4px solid #df644b;
}
#manager #contents .bodyBlock h2 {
	border-bottom: 4px solid #56c1dc;
}
#supporter #contents .bodyBlock h2 {
	border-bottom: 4px solid #8ed767;
}
#contents .bodyBlock h3 {
	clear: both;
	margin: 24px 0;
	padding-left: 12px;
	border-left: 4px solid #ff8080;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2rem;
}
#worker #contents .bodyBlock h3 {
	border-left: 4px solid #ffa143;
}
#family #contents .bodyBlock h3 {
	border-left: 4px solid #6d6dcd;
}
#employer #contents .bodyBlock h3 {
	border-left: 4px solid #df644b;
}
#manager #contents .bodyBlock h3 {
	border-left: 4px solid #56c1dc;
}
#supporter #contents .bodyBlock h3 {
	border-left: 4px solid #8ed767;
}
#contents .bodyBlock h4 {
	margin: 24px 0;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
#contents .bodyBlock h5 {
	margin: 24px 0;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
}
.shareArea {
	margin-bottom: 40px;
	padding: 16px 0;
	border-radius: 4px;
	background: #f5f5f5;
	text-align: center;
}
.shareArea .addthis_toolbox > a {
	float: none !important;
	margin: 0;
	vertical-align: top;
}
.shareArea .addthis_toolbox .addthis_button_tweet {
    margin-right: 32px;
}
.btPage {
	margin-bottom: 24px;
	border-top: 4px solid #faf7ed;
	border-bottom: 4px solid #faf7ed;
}
.btPage li {
	float: left;
	width: 48%;
	padding: 16px 0;
}
.btPage li a {
	overflow: hidden;
	display: block;
	position: relative;
	padding-left: 24px;
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.btPage li a:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #ff8080;
	border-left: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.btPage li:first-child {
	float: right;
	text-align: right;
}
.btPage li:first-child a {
	padding-left: 0;
	padding-right: 24px;
}
.btPage li:first-child a:after {
	left: auto;
	right: 4px;
	border: none;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
}
.btList {
	margin-bottom: 40px;
	text-align: center;
}
.btList a {
	display: inline-block;
	padding: 0 16px;
	border-radius: 20px;
	background: #ff8080;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 40px;
}
.contentsList {
	margin-bottom: 40px;
}
.contentsList .h {
	position: relative;
	margin-bottom: 3px;
	padding-bottom: 8px;
	border-bottom: 2px solid #ebe5d3;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.contentsList .h:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 160px;
	height: 2px;
	background: #ff8080;
}
.contentsList ul {
	margin-left: -4.4%;
}
.contentsList ul li {
	float: left;
	width: 45.6%;
	margin-left: 4.4%;
	border-bottom: 1px solid #f2ecda;
}
.contentsList ul li a {
	overflow: hidden;
	display: block;
	position: relative;
	padding-left: 10px;
	color: #333;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.contentsList ul li a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
.keywordList {
	margin-bottom: 40px;
}
.keywordList .h {
	position: relative;
	margin-bottom: 8px;
	padding-left: 24px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.keywordList .h .ico {
	position: absolute;
	top: 6px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: center top;
	transform: rotate(-45deg);
	transform-origin: center top;
}
.keywordList .h .ico:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 2px;
	height: 12px;
	margin-left: -1px;
	background: #ff8080;
}
.keywordList .h .ico:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -7px;
	border: 2px solid #ff8080;
	border-radius: 50%;
	background: #fff;
}
.keywordList ul {
	padding: 24px 16px 10px 24px;
	background: #faf7ed;
}
.keywordList ul li {
	display: inline-block;
	margin: 0 8px 14px 0;
}
.keywordList ul li a {
	display: block;
	padding: 0 14px;
	border-radius: 20px;
	background: #fff;
	color: #ff8080;
	line-height: 40px;
}
.rateArea .h {
	margin-bottom: 8px;
	font-size: 13px;
	font-size: 1.3rem;
}
.rateArea .h .ico {
	display: inline-block;
	width: 20px;
	margin-right: 4px;
}
.rateArea .btGroup {
	overflow: hidden;
	display: table;
	width: 100%;
	border-radius: 4px;
	background: #f5f5f5;
}
.rateArea .btGroup .rateBtn {
	display: table-cell;
	width: 25%;
	box-sizing: border-box;
	border-left: 1px solid #e0e0e0;
	color: #666;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.4s ease;
}
.rateArea .btGroup .rateBtn:first-child {
	border-left: none;
}
.rateArea .btGroup .rateBtn:hover {
	opacity: 0.6;
}
#rate {
	position: relative;
	margin-bottom: 40px;
}
#rate .popup {
	display: none;
	position: absolute;
	bottom: 64px;
	left: 12%;
	width: 76%;
	padding: 24px 32px 32px 32px;
	box-sizing: border-box;
	border-radius: 8px;
	background: #f5f5f5;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
#rate .rate-head {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
#rate .rate-head {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
#rate textarea {
	width: 100%;
	height: 118px;
	margin: 8px 0 24px 0;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #ccc;
}
#rate .bt {
	text-align: center;
}
#rate .bt a {
	display: inline-block;
	width: 240px;
	border-radius: 20px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 40px;
}
#rate .close {
	position: absolute;
	top: 16px;
	right: 16px;
}
#rate .close a {
	display: block;
	position: relative;
	width: 34px;
	height: 34px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
#rate .close a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	background: #ff8080;
}
#rate .close a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background: #ff8080;
}
.dash {
	font-weight: bold;
}
.dash:before {
	content: "— ";
}
.supervision {
	display: flex;
	margin-bottom: 32px;
}
.supervision .img {
	width: 96px;
	margin-right: 32px;
}
.supervision .body {
	flex: 1;
	font-size: 14px;
}
.supervision .body p {
	padding-bottom: 0 !important;
}
.supervision .body .name {
	font-size: 22px;
}
@media only screen and (max-width: 767px){
#contents .bodyBlock {
	font-size: 16px;
	font-size: 1.6rem;
}
#contents .bodyBlock h2 {
	font-size: 20px;
}
#contents .bodyBlock h3 {
	font-size: 18px;
}
.contentsList ul {
	margin-left: 0;
}
.contentsList ul li {
	float: none;
	width: auto;
	margin-left: 0;
}
.keywordList ul {
	padding: 16px 8px 16px 16px;
}
.keywordList ul li {
	margin: 0 8px 8px 0;
}
.keywordList ul li a {
	font-size: 1.2rem;
	line-height: 30px;
}
.btPage li {
	float: none !important;
	width: auto;
	padding: 8px 0;
}
.btPage li:first-child {
	border-bottom: 4px solid #faf7ed;
}
.btPage li a {
	font-size: 14px;
}
.btPage li a:after {
	width: 8px;
	height: 8px;
}
.btList a {
	padding: 8px 16px;
	line-height: 1.5;
}
.shareArea .addthis_toolbox > a {
    float: left !important;
}
.rateArea .btGroup {
	border: 1px solid #e0e0e0;
}
.rateArea .btGroup .rateBtn {
	display: block;
	width: auto;
	border-left: none;
	border-top: 1px solid #e0e0e0;
	font-size: 13px;
	line-height: 34px;
}
.rateArea .btGroup .rateBtn:first-child {
	border: none;
}
#rate .popup {
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 16px;
}
#rate .rate-head {
	margin-bottom: 8px;
	font-size: 16px;
}
#rate textarea {
	height: 80px;
}
#rate .bt {
	text-align: center;
}
#rate .bt a {
	width: auto;

	padding: 0 24px;
	font-size: 14px;
}
#rate .close a {
	width: 24px;
	height: 24px;
}
.supervision .img {
	width: 72px;
	margin-right: 16px;
}
.supervision .body {
	font-size: 14px;
}
.supervision .body .name {
	font-size: 18px;
}
}



/* ---------------- category */
.leadBlock {
	margin-bottom: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
.leadBlock .head {
	display: table;
	width: 100%;
	margin-bottom: 40px;
	box-sizing: border-box;
	border: 4px solid #f2ecda;
}
.leadBlock .head .txt {
	display: table-cell;
	padding: 32px 8px 32px 32px;
	box-sizing: border-box;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	vertical-align: middle;
}
.leadBlock .head .img {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: bottom;
}
.leadBlock .head .img img {
	width: 100%;
}
.leadBlock .body {
	padding: 0 24px;
	line-height: 2.0;
}
.leadBlock.lead02 .head .txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.leadBlock.lead02 .head .txt .title {
	padding: 8px 0;
	font-size: 22px;
	font-size: 2.2rem;
}
.leadBlock.lead02 .head .txt .title .min {
	font-size: 16px;
	font-size: 1.6rem;
}
.leadBlock.lead02 .head .txt p {
	padding: 8px 0 !important;
}
.leadBlock.lead02 .head .img {
	width: 37.5%;
	padding: 4px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.archiveBlock {
	margin-bottom: 56px;
}
.archiveBlock .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.archiveBlock h3 {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.archiveBlock ul {
	margin-bottom: 32px;
	border-top: 4px solid #f2ecda;
}
.archiveBlock ul li {
	border-bottom: 2px solid #f2ecda;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.archiveBlock ul li a {
	display: block;
	position: relative;
	padding: 16px 96px 16px 0;
	color: #333;
}
.archiveBlock ul li a:hover {
	background: #fafaf7;
}
.archiveBlock ul li .title {
	display: block;
	position: relative;
	padding-left: 24px;
}
.archiveBlock ul li .title:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.archiveBlock ul li .info {
	display: block;
	padding: 4px 0 0 24px;
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}
.archiveBlock ul li .time {
	position: absolute;
	top: 50%;
	right: 0;
	width: 96px;
	margin-top: -12px;
	padding-left: 14px;
	box-sizing: border-box;
	color: #3c88ed;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
	line-height: 24px;
}
.archiveBlock ul li .time .ico {
	display: inline-block;
	width: 16px;
	margin-right: 8px;
}
.archiveBlock ul li .time .ico img {
	vertical-align: middle;
}
.archiveBlock ul.addThumb li a {
	display: table;
	width: 100%;
	padding: 0;
}
.archiveBlock ul.addThumb li .img {
	display: table-cell;
	width: 31.3%;
	padding: 8px;
}
.archiveBlock ul.addThumb li .img img {
	width: 100%;
}
.archiveBlock ul.addThumb li .body {
	display: table-cell;
	padding: 8px 96px 8px 24px;
	vertical-align: middle;
}
.archiveBlock ul.addThumb li .title {
	font-size: 18px;
	font-size: 1.8rem;
}
.archiveBlock ul.addThumb li .title:after {
	top: 12px;
}
.archiveBlock ul.addThumb li .info {
	padding-top: 16px;
}
.archiveBlock dt {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.archiveBlock dt {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.archiveBlock dd {
	border-top: 4px solid #f2ecda;
}
.archiveBlock dd > div {
	border-bottom: 2px solid #f2ecda;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 1.6rem;
}
.archiveBlock dd div a {
	display: block;
	position: relative;
	padding: 16px 0 16px 64px;
	background-repeat: no-repeat;
	background-position: 8px 16px;
	color: #333;
}
.archiveBlock .worker-mentalhealth-basic a {
	background-image: url(/case/images/ico_case01.jpg);
}
.archiveBlock .worker-mentalhealth-return a {
	background-image: url(/case/images/ico_case02.jpg);
}
.archiveBlock .worker-mentalhealth-business-type a {
	background-image: url(/case/images/ico_case03.jpg);
}
.archiveBlock .worker-mentalhealth-job-type a {
	background-image: url(/case/images/ico_case04.jpg);
}
.archiveBlock .worker-mentalhealth-etc a {
	background-image: url(/case/images/ico_case05.jpg);
}
.archiveBlock .worker-mentalhealth-family a {
	background-image: url(/case/images/ico_case06.jpg);
}
.archiveBlock .worker-mentalhealth-compensation a {
	background-image: url(/case/images/ico_case07.jpg);
}
.archiveBlock .worker-mentalhealth-approach a {
	background-image: url(/case/images/ico_case08.jpg);
}
.archiveBlock .worker-overwork-job-type a {
	background-image: url(/case/images/ico_case09.jpg);
}
.archiveBlock .worker-overwork-sex a {
	background-image: url(/case/images/ico_case10.jpg);
}
.archiveBlock .worker-judgment-suicide a {
	background-image: url(/case/images/ico_case11.jpg);
}
.archiveBlock .worker-judgment-contract a {
	background-image: url(/case/images/ico_case12.jpg);
}
.archiveBlock .worker-judgment-return a {
	background-image: url(/case/images/ico_case13.jpg);
}
.archiveBlock .worker-judgment-overwork a {
	background-image: url(/case/images/ico_case14.jpg);
}
.archiveBlock .worker-judgment-doctor a {
	background-image: url(/case/images/ico_case15.jpg);
}
.archiveBlock .worker-judgment-safety a {
	background-image: url(/case/images/ico_case16.jpg);
}
.archiveBlock .supporter-mentalhealth-depression a {
	background-image: url(/case/images/ico_case17.jpg);
}
.archiveBlock .supporter-mentalhealth-change a {
	background-image: url(/case/images/ico_case18.jpg);
}
.archiveBlock .supporter-overwork-depression a {
	background-image: url(/case/images/ico_case17.jpg);
}
.archiveBlock .supporter-overwork-change a {
	background-image: url(/case/images/ico_case18.jpg);
}
.archiveBlock .supporter-etc-etc a {
	background-image: url(/case/images/ico_case19.jpg);
}
.accordionBlock {
	margin-bottom: 56px;
}
.accordionBlock .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.accordionBlock .itemGroup {
	border-top: 4px solid #f2ecda;
}
.accordionBlock .itemGroup .case-result {
    border-top: none;
}
.accordionBlock .item {
	position: relative;
	border-bottom: 2px solid #f2ecda;
	line-height: 1.75;
}
.accordionBlock .item:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 18px;
	right: 14px;
	width: 2px;
	height: 14px;
  margin: 0;
  padding: 0;
	background: #ff8080;
}
.accordionBlock .item.on:before {
	display: none;
}
.accordionBlock .item:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 8px;
	width: 14px;
	height: 2px;
	background: #ff8080;
}
.accordionBlock .item .head {
	position: relative;
	padding: 16px 40px 16px 8px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	cursor: pointer;
}
.accordionBlock.faq .item .head {
	padding: 16px 40px;
}
.accordionBlock .item .head:hover,
.accordionBlock .item.on .head {
	background: #fafaf7;
}
.accordionBlock.faq .item.new .head::before {
	content: 'NEW';
	display: inline-block;
	margin-right: 8px;
	padding: 0 4px;
	border-radius: 2px;
	background: #e51717;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.accordionBlock.faq .item .head:after {
	content: 'Q';
	position: absolute;
	top: 10px;
	left: 4px;
	color: #3c88ed;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.accordionBlock .item .body {
	display: none;
	position: relative;
	padding: 16px 08px;
}
.accordionBlock.faq .item .body {
	padding: 16px 8px 16px 40px;
}
.accordionBlock.faq .item .body:after {
	content: 'A';
	position: absolute;
	top: 10px;
	left: 4px;
	color: #cc2929;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.accordionBlock .item .body p {
	margin-bottom: 16px;
}
.qa660 {
	position: relative;
	padding: 16px 40px;
	border-top: 4px solid #faf7ed;
	cursor: pointer;
}
.qa660:hover,
.qa660.on {
	background: #fafaf7;
}
.qa660:after {
	content: 'Q';
	position: absolute;
	top: 10px;
	left: 4px;
	color: #3c88ed;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.qa660 p {
	padding: 0 !important;
}
.qa660 .qa-top660:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 18px;
	right: 14px;
	width: 2px;
	height: 14px;
	background: #ff8080;
}
.qa660.on .qa-top660:before {
	display: none;
}
.qa660 .qa-top660:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 8px;
	width: 14px;
	height: 2px;
	background: #ff8080;
}
.qa-body {
	display: none;
	position: relative;
	padding: 16px 8px 16px 40px;
}
.qa-body:after {
	content: 'A';
	position: absolute;
	top: 10px;
	left: 4px;
	color: #cc2929;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.qa-body p {
	padding-bottom: 16px !important;
}
@media only screen and (max-width: 767px){
.leadBlock {
	font-size: 16px;
}
.leadBlock .head {
	margin-bottom: 24px;
}
.leadBlock .head .txt {
	display: block;
	padding: 16px 8px 16px 16px;
	font-size: 18px;
}
.leadBlock .head .img {
	display: block;
	width: auto;
	text-align: center;
}
.leadBlock .body {
	padding: 0 16px;
}
.leadBlock.lead02 .head .txt p {
	padding: 4px 0 0 0 !important;
}
.leadBlock.lead02 .head .txt .title {
	padding: 0 0 4px 0 !important;
	font-size: 18px;
}
.leadBlock.lead02 .head .img {
	width: auto;
}
.archiveBlock .h {
	font-size: 15px;
}
.archiveBlock ul li {
	font-size: 14px;
}
.archiveBlock ul li a {
	padding: 8px;
}
.archiveBlock ul li .title:after {
	top: 6px;
	width: 8px;
	height: 8px;
}
.archiveBlock ul li .time {
	display: block;
	position: static;
	margin: 0;
	padding-left: 24px;
	text-align: left;
}
.archiveBlock ul li .info {
	font-size: 12px;
}
.archiveBlock ul.addThumb li .img {
	width: 28%;
}
.archiveBlock ul.addThumb li .body {
	padding: 8px 8px 8px 0;
	vertical-align: top;
}
.archiveBlock ul.addThumb li .title {
	font-size: 14px;
}
.archiveBlock ul.addThumb li .title:after {
	top: 6px;
}
.archiveBlock ul.addThumb li .info {
	padding-top: 0;
}
.archiveBlock dt {
	font-size: 15px;
}
.archiveBlock dd > div {
	font-size: 14px;
}
.archiveBlock dd > div a {
	padding: 8px 0 8px 40px;
	background-size: 24px;
	background-position: 4px 8px;
}
.accordionBlock .h {
	font-size: 15px;
}
.accordionBlock .item:before {
	top: 12px;
}
.accordionBlock .item:after {
	top: 18px;
}
.accordionBlock .item .head {
	padding: 8px 40px 8px 8px;
}
.accordionBlock.faq .item .head {
	padding: 8px 40px;
}
.accordionBlock .item .body {
	padding: 8px;
}
.accordionBlock.faq .item .body {
	padding: 8px 8px 8px 40px;
}
.accordionBlock.faq .item .head:after {
	top: 4px;
	font-size: 16px;
}
.accordionBlock.faq .item .body:after {
	top: 4px;
	font-size: 16px;
}
}

/* banner */
.conBnr {
    margin-bottom: 32px;
}
.conBnr a {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 544px;
    padding: 8px 32px 8px 8px;
    border-radius: 4px;
    border: 2px solid #f2ecda;
}
.conBnr a::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ff8080;
    border-right: 2px solid #ff8080;
    transform: translateY(-50%) rotate(45deg);
}
.conBnr .img {
    width: 104px;
    margin-right: 12px;
}
.conBnr .body {
    flex: 1;
    color: #333;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
}
@media (max-width: 767px){
.conBnr a {
    border-radius: 2px;
}
.conBnr .img {
    width: 80px;
    margin-right: 8px;
}
.conBnr .body {
    font-size: 15px;
}
}


/* ---------------- topContents */
#contents .topContents .layout {
    max-width: 1120px;
}
.topContents .heroArea {
	padding: 16px 0;
	background: #f2ecda;
}
.topContents .heroArea .column {
	float: left;
	width: 32%;
	margin-left: 2%;
}
.topContents .heroArea .column:first-child {
	margin-left: 0;
}
.topContents .heroArea .head {
	margin-bottom: 13px;
	border-radius: 2px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 26px;
}
.topContents .heroArea .itemGroup {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	border-radius: 4px;
}
.topContents .heroArea .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 158px;
	padding: 24px 20px;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
}
.topContents .heroArea .item img {
	width: 100%;
}
.topContents .heroArea .borderT {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-top: 2px solid #f2ecda;
}
.topContents .heroArea .borderB {
	clear: both;
	border-bottom: 2px solid #f2ecda;
}
.topContents .heroArea .borderR {
	float: left;
	width: 50%;
	border-right: 1px solid #f2ecda;
}
.topContents .heroArea .borderL {
	float: right;
	width: 50%;
	border-left: 1px solid #f2ecda;
}
.topContents .heroArea .item > .img {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.topContents .heroArea .simple {
	display: block;
	margin-top: 16px;
	color: #333;
	font-size: 14px;
}
.topContents .heroArea .btGroup {
	margin-top: 8px;
	text-align: center;
}
.topContents .heroArea .btGroup li {
	display: inline-block;
	margin: 0 4px;
}
.topContents .heroArea .btGroup a {
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	line-height: 1.2;
}
.topContents .popularArea {
	padding: 32px 0;
}
.topContents .popularArea .hGroup {
	margin-bottom: 16px;
}
.topContents .popularArea .hGroup .h {
	display: inline-block;
	margin-right: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
}
.topContents .popularArea .hGroup .category {
	display: inline-block;
	font-size: 0;
}
.topContents .popularArea .hGroup .category li {
	display: inline-block;
	margin-right: 8px;
	padding: 0 16px;
	border-radius: 15px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	transition: all 0.4s ease;
}
.topContents .popularArea .hGroup .category li:hover {
	opacity: 0.6;
}
.topContents .popularArea .hGroup .category .ico {
	display: inline-block;
	margin-right: 4px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.topContents .popularArea .hGroup .category .min {
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 12px;
}
.topContents .popularArea .hGroup .category li:nth-child(1) {
	color: #ffa143;
	border: 1px solid #ffa143;
}
.topContents .popularArea .hGroup .category li:nth-child(1) .ico {
	background: url(/img/ico_worker.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(1).on {
	color: #fff;
	background: #ffa143;
}
.topContents .popularArea .hGroup .category li:nth-child(1).on .ico {
	background: url(/img/ico_worker_w.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(2) {
	color: #6d6dcd;
	border: 1px solid #6d6dcd;
}
.topContents .popularArea .hGroup .category li:nth-child(2) .ico {
	background: url(/img/ico_family.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(2).on {
	color: #fff;
	background: #6d6dcd;
}
.topContents .popularArea .hGroup .category li:nth-child(2).on .ico {
	background: url(/img/ico_family_w.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(3) {
	color: #df644b;
	border: 1px solid #df644b;
}
.topContents .popularArea .hGroup .category li:nth-child(3) .ico {
	background: url(/img/ico_employer.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(3).on {
	color: #fff;
	background: #df644b;
}
.topContents .popularArea .hGroup .category li:nth-child(3).on .ico {
	background: url(/img/ico_employer_w.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(4) {
	color: #40bad8;
	border: 1px solid #40bad8;
}
.topContents .popularArea .hGroup .category li:nth-child(4) .ico {
	background: url(/img/ico_manager.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(4).on {
	color: #fff;
	background: #40bad8;
}
.topContents .popularArea .hGroup .category li:nth-child(4).on .ico {
	background: url(/img/ico_manager_w.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(5) {
	color: #65be35;
	border: 1px solid #65be35;
}
.topContents .popularArea .hGroup .category li:nth-child(5) .ico {
	background: url(/img/ico_supporter.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .hGroup .category li:nth-child(5).on {
	color: #fff;
	background: #65be35;
}
.topContents .popularArea .hGroup .category li:nth-child(5).on .ico {
	background: url(/img/ico_supporter_w.png) no-repeat center;
	background-size: contain;
}
.topContents .popularArea .bannerGroup {
	overflow: hidden;
	position: relative;
	height: 88px;
}
.topContents .popularArea .bannerGroup ul {
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease;
}
.topContents .popularArea .bannerGroup ul.on {
	opacity: 1;
	z-index: 1;
	top: 0;
}
.topContents .popularArea .bannerGroup li {
	float: left;
	width: 22.7%;
	height: 100%;
	margin-left: 3%;
}
.topContents .popularArea .bannerGroup li:first-child {
	margin-left: 0;
}
.topContents .popularArea .bannerGroup li a {
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
}
.topContents .popularArea .bannerGroup li .ico {
	display: table-cell;
	width: 35%;
	height: 86px;
	padding-right: 8px;
	text-align: center;
	vertical-align: middle;
}
.topContents .popularArea .bannerGroup li .ico img {
	max-height: 100%;
}
.topContents .popularArea .bannerGroup li .body {
	display: table-cell;
	padding-right: 8px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 15px;
	vertical-align: middle;
	line-height: 1.5;
}
.topContents .e_learningArea {
	padding: 32px 0;
	border-top: 2px solid #f2ecda;
}
.topContents .e_learningArea .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
}
.topContents .e_learningArea .bannerGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.topContents .e_learningArea .bannerGroup li {
	overflow: hidden;
	float: left;
	width: 31.3%;
	margin-left: 3%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.topContents .e_learningArea .bannerGroup li:first-child {
	margin-left: 0;
}
.topContents .e_learningArea .bannerGroup li a {
	overflow: hidden;
	display: table;
	width: 100%;
	min-height: 86px;
	background: #fff;
	color: #333;
}
.topContents .e_learningArea .bannerGroup li .ico {
	display: table-cell;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}
.topContents .e_learningArea .bannerGroup li .body {
	display: table-cell;
	padding: 0 10px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	vertical-align: middle;
}
.topContents .e_learningArea .bannerGroup li .body .min {
	color: #666;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
}
.topContents .indexArea {
	padding: 32px 0 40px 0;
	background: #faf7ed;
}
.topContents .indexArea .columnGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.topContents .indexArea .column {
	position: relative;
	float: left;
	width: 31.3%;
	margin-left: 3%;
	padding: 32px;
	box-sizing: border-box;
	border-bottom: 2px solid #ebe5d3;
	background: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.topContents .indexArea .column:first-child {
	margin-left: 0;
}
.topContents .indexArea .column .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
}
.topContents .indexArea .column .h .ico {
	display: inline-block;
	width: 72px;
	margin-right: 16px;
}
.topContents .indexArea .column .img {
	position: absolute;
	top: 2px;
	right: 16px;
	width: 86px;
}
.topContents .indexArea .keywordBlock {
	margin-bottom: 32px;
	border-bottom: 2px solid #ebe5d3;
	background: #fff;
}
.topContents .indexArea .keywordBlock .head {
	float: left;
	width: 31.3%;
	padding: 24px 32px;
	box-sizing: border-box;
}
.topContents .indexArea .keywordBlock .head {
	float: left;
	width: 31.3%;
}
.topContents .indexArea .keywordBlock .head .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
.topContents .indexArea .keywordBlock .head .bt a {
	display: inline-block;
	padding: 0 32px;
	border-radius: 20px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
.topContents .indexArea .keywordBlock ul {
	float: right;
	width: 68.7%;
	box-sizing: border-box;
	padding: 24px 16px 10px 24px;
	background: #f2ecda;
}
.topContents .indexArea .keywordBlock ul li {
	display: inline-block;
	margin: 0 8px 14px 0;
}
.topContents .indexArea .keywordBlock ul li a {
	display: block;
	padding: 0 14px;
	border-radius: 20px;
	background: #fff;
	color: #ff8080;
	line-height: 40px;
}
.topContents .indexArea .btBlock {
	text-align: center;
}
.topContents .indexArea .btBlock .bal {
	display: inline-block;
	position: relative;
	margin: 0 8px;
	padding: 0 16px;
	border-radius: 4px;
	background: #fff;
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 40px;
}
.topContents .indexArea .btBlock .bal:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 8px solid #fff;
}
.topContents .indexArea .btBlock .bt {
	display: inline-block;
	margin: 0 8px;
}
.topContents .indexArea .btBlock .bt a {
	display: inline-block;
	padding: 0 32px;
	border-radius: 20px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
.topContents .informationArea {
	padding: 56px 0;
}
.informationArea .column {
	float: right;
	width: 48.5%;
}
.informationArea .column:first-child {
	float: left;
}
.informationArea .h {
	position: relative;
	margin-bottom: 3px;
	padding-bottom: 12px;
	border-bottom: 2px solid #ebe5d3;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
.informationArea .h:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 160px;
	height: 2px;
	background: #ff8080;
}
.topContents .informationArea .itemGroup {
	margin-bottom: 16px;
}
.informationArea .item {
	padding: 16px 0;
	border-bottom: 1px solid #f2ecda;
}
.informationArea .item .date {
	float: left;
	width: 160px;
	font-size: 14px;
	font-size: 1.4rem;
}
.informationArea .item .date .tag {
	margin-top: 8px;
}
.informationArea .item .date .tag a {
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 24px;
}
.informationArea .item .body {
	padding-left: 160px;
}
.informationArea .item .body.slide {
	overflow: hidden;
	position: relative;
	height: 96px;
	padding: 0 0 64px 0;
}
.informationArea .item .body.slide.on {
	height: auto;
	padding-bottom: 48px;
}
.informationArea .item .body .btSlide {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32px;
	padding-top: 32px;
	background: #fff;
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}
.informationArea .item .body .btSlide.on {
	padding-top: 0;
}
.informationArea .item .body .btSlide span {
	display: block;
}
.informationArea .item .body .btSlide.on .t1 {
	display: none;
}
.informationArea .item .body .btSlide span:after {
	content: '';
	position: relative;
	display: inline-block;
	top: 0;
	width: 10px;
	height: 10px;
	margin-left: 12px;
	border-top: 2px solid #ff8080;
	border-left: 2px solid #ff8080;
	-webkit-transform: rotate(225deg);
	-webkit-transform-origin: center;
	transform: rotate(225deg);
	transform-origin: center;
}
.informationArea .item .body .btSlide span.t2:after {
	top: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.informationArea .item .body .title {
	margin-bottom: 8px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
.informationArea .item .body .category {
	margin-top: 8px;
}
.informationArea .item .body .category li {
	display: inline-block;
	margin-right: 4px;
}
.informationArea .item .body .category li a {
	display: inline-block;
	padding: 0 6px;
	border-radius: 12px;
	font-size: 13px;
	line-height: 22px;
}
.informationArea .item .body .category li.worker a {
	color: #ffa143;
	border: 1px solid #ffa143;
}
.informationArea .item .body .category li.family a {
	color: #6d6dcd;
	border: 1px solid #6d6dcd;
}
.informationArea .item .body .category li.employer a {
	color: #df644b;
	border: 1px solid #df644b;
}
.informationArea .item .body .category li.manager a {
	color: #40bad8;
	border: 1px solid #40bad8;
}
.informationArea .item .body .category li.supporter a {
	color: #65be35;
	border: 1px solid #65be35;
}
.informationArea .more {
	font-family: "新丸ゴ R JIS2004", sans-serif;
}
.topContents .linkArea {
	background: #e6f6fa;
	padding: 16px 0 24px 0;
}
.topContents .linkArea .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
.topContents .linkArea .banner {
	margin-left: -17px;
}
.topContents .linkArea .banner li {
	float: left;
	width: 172px;
	margin: 0 0 16px 17px;
}
.topContents .bannerArea {
	padding: 32px 0;
	background: #faf7ed;
}
.topContents .bannerArea .banner {
	text-align: center;
}
.topContents .bannerArea .banner a {
	display: table;
	width: 100%;
	max-width: 608px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
	text-align: left;
}
.topContents .bannerArea .banner.image a {
	display: inline-block;
	width: auto;
	border: none;
	text-align: center;
}
.topContents .bannerArea .banner .img {
	display: table-cell;
	width: 120px;
	padding: 16px;
	vertical-align: middle;
}
.topContents .bannerArea .banner .body {
	display: table-cell;
	padding: 16px 16px 16px 0;
	vertical-align: middle;
}
.topContents .bannerArea .banner .h {
	margin-bottom: 8px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
.topContents .bannerArea .bnrGroup {
	max-width: 1056px;
	margin: 0 auto;
}
.topContents .bannerArea .bnrGroup li:first-child {
	float: left;
	width: 48.48%;
}
.topContents .bannerArea .bnrGroup li:last-child {
	float: right;
	width: 48.48%;
}
@media only screen and (max-width: 1023px){
.topContents .heroArea .column {
	float: none;
	width: auto;
	margin: 16px 0 0 0;
}
.topContents .heroArea .column:first-child {
	margin: 0;
}
.topContents .popularArea .hGroup .h {
	display: block;
	margin: 0 0 16px 0;
}
.topContents .popularArea .bannerGroup {
	height: 200px;
}
.topContents .popularArea .bannerGroup li {
	width: 48.6%;
	height: 88px;
	margin: 0 0  16px 2.8%;
}
.topContents .popularArea .bannerGroup li:nth-child(1),
.topContents .popularArea .bannerGroup li:nth-child(3) {
	margin: 0 0  16px 0;
}
.topContents .e_learningArea .bannerGroup li .ico {
	display: block;
	width: 100%;
	height: 80px;
}
.topContents .e_learningArea .bannerGroup li .body {
	display: block;
	padding: 16px;
}
.topContents .indexArea .column {
	padding:  16px;
	font-size: 14px;
	font-size: 1.4rem;
}
.topContents .indexArea .column .h {
	margin-bottom: 16px;
	font-size: 21px;
	font-size: 2.1rem;
}
.topContents .indexArea .column .h .ico {
	width: 50px;
}
.topContents .indexArea .column .img {
	top: 8px;
	right: 16px;
	width: 65px;
}
.topContents .indexArea .keywordBlock .head {
	float: none;
	width: auto;
}
.topContents .indexArea .keywordBlock ul {
	float: none;
	width: auto;
}
.informationArea .item .date {
	float: none;
	width: auto;
	margin-bottom: 8px;
}
.informationArea .item .date .tag {
	margin-top: 0;
}
.informationArea .item .date p {
	display: inline-block;
	margin-right: 8px;
}
.informationArea .item .body {
	padding-left: 0;
}
}
@media only screen and (max-width: 767px){
.topContents .heroArea .head {
	font-size: 12px;
	line-height: 22px;
}
.topContents .heroArea .item {
	min-height: 0;
	padding: 16px;
}
.topContents .popularArea {
	padding: 16px 0;
}
.topContents .popularArea .hGroup .h {
	font-size: 14px;
}
.topContents .popularArea .hGroup .category li {
	margin-bottom: 8px;
	padding: 0;
	font-size: 12px;
}
.topContents .popularArea .hGroup .category .ico {
	width: 30px;
	margin: 0;
	text-align: center;
}
.topContents .popularArea .hGroup .category .txt {
	display: none;
}
.topContents .popularArea .hGroup .category .on .txt {
	display: inline-block;
	margin-right: 8px;
}
.topContents .popularArea .hGroup .category .min {
	font-size: 9px;
}
.topContents .popularArea .bannerGroup {
	height: 222px;
}
.topContents .popularArea .bannerGroup li {
	height: 107px;
	margin-bottom: 8px;
}
.topContents .popularArea .bannerGroup li:nth-child(1),
.topContents .popularArea .bannerGroup li:nth-child(3) {
	margin-bottom: 8px;
}
.topContents .popularArea .bannerGroup li a {
	display: block;
	width: auto;
	height: 107px;
	padding: 8px;
	text-align: center;
}
.topContents .popularArea .bannerGroup li .ico {
	display: block;
	width: auto;
	height: 48px;
	margin-bottom: 8px;
	padding-right: 0;
}
.topContents .popularArea .bannerGroup li .ico img {
	width: auto;
	height: 100%;
}
.topContents .popularArea .bannerGroup li .body {
	display: inline-block;
	width: auto;
	padding-right: 0;
	font-size: 13px;
	text-align: left;
	line-height: 1.3;
}
.topContents .e_learningArea {
	padding: 16px 0 40px 0;
}
.topContents .e_learningArea .h {
	font-size: 14px;
}
.topContents .e_learningArea .bannerGroup {
	display: block;
	padding: 0 16px;
}
.topContents .e_learningArea .bannerGroup li {
	float: none;
	width: auto;
	margin: 16px 0 0 0;
}
.topContents .e_learningArea .bannerGroup li:first-child {
	margin: 0;
}
.topContents .e_learningArea .bannerGroup li .ico {
	overflow: hidden;
	display: table-cell;
	width: 96px;
	height: auto;
}
.topContents .e_learningArea .bannerGroup li .body {
	display: table-cell;
	padding: 0 0 0 10px;
	font-size: 14px;
}
.topContents .e_learningArea .bannerGroup li .body .min {
	font-size: 12px;
}
.topContents .indexArea {
	padding: 40px 0;
}
.topContents .indexArea .columnGroup {
	margin-bottom: 8px;
}
.topContents .indexArea .column {
	width: 100%;
	margin: 8px 0 0 0;
}
.topContents .indexArea .column:first-child {
	margin: 0;
}
.topContents .indexArea .keywordBlock {
	margin-bottom: 20px;
}
.topContents .indexArea .keywordBlock .head {
	padding: 16px;
}
.topContents .indexArea .keywordBlock .head .h {
	margin-bottom: 8px;
	font-size: 18px;
}
.topContents .indexArea .keywordBlock .head .bt a {
	padding: 0 16px;
	font-size: 1.2rem;
	line-height: 30px;
}
.topContents .indexArea .keywordBlock ul {
	padding: 16px 8px 8px 16px;
}
.topContents .indexArea .keywordBlock ul li {
	margin: 0 8px 8px 0;
}
.topContents .indexArea .keywordBlock ul li a {
	padding: 0 10px;
	font-size: 1.2rem;
	line-height: 30px;
}
.topContents .indexArea .btBlock .bal {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1.3rem;
	line-height: 40px;
}
.topContents .indexArea .btBlock .bal:after {
	top: 100%;
	left: 50%;
	margin: 0 0 0 -8px;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
}
.topContents .indexArea .btBlock .bt a {
	font-size: 1.2rem;
	line-height: 30px;
}
.topContents .informationArea {
	padding: 40px 0;
}
.informationArea .column {
	float: none !important;
	width: auto;
}
.informationArea .column:first-child {
	margin-bottom: 40px;
}
.informationArea .h {
	padding-bottom: 8px;
	font-size: 1.4rem;
}
.informationArea .item {
	padding: 8px 0;
}
.informationArea .item .date {
	font-size: 12px;
	font-size: 1.2rem;
}
.informationArea .item .date .tag {
	font-size: 1.1rem;
	line-height: 22px;
}
.informationArea .item .body .category {
	font-size: 1.1rem;
}
.informationArea .item .body .category li {
	margin-right: 8px;
}
.informationArea .item .body .new:before {

	font-size: 10px;
	line-height: 12px;
}
.informationArea .more {
	font-size: 1.3rem;
}
.topContents .linkArea .h {
	font-size: 1.3rem;
}
.topContents .linkArea .banner {
	width: 256px;
	margin: 0 auto;

}
.topContents .linkArea .banner li {
	width: 120px;
	margin: 0 0 6px 0;
}
.topContents .linkArea .banner li:nth-child(2n) {
	margin: 0 0 6px 16px;
}
.topContents .bannerArea .banner a {
	display: block;
}
.topContents .bannerArea .banner .img {
	display: block;
	margin: 0 auto;
	padding: 4px 16px 0 16px;
}
.topContents .bannerArea .banner .body {
	display: block;
	padding: 8px 16px;
}
.topContents .bannerArea .banner .h {
	font-size: 14px;
	text-align: center;
}
.topContents .bannerArea .bnrGroup li {
	text-align: center;
}
.topContents .bannerArea .bnrGroup li:first-child {
	float: none;
	width: auto;
	margin-bottom: 16px;
}
.topContents .bannerArea .bnrGroup li:last-child {
	float: none;
	width: auto;
}
}



/* ---------------- index */
#contents .topArea .layout {
    max-width: 1120px;
}
.topArea .lead {
	max-width: 608px;
	margin: 0 auto;
	padding: 32px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.topArea .lead .h {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 8px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.topArea .lead .h:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 128px;
	height: 2px;
	margin-left: -64px;
}
#contents.worker .topArea .lead .h:after {
	background: #ff952b;
}
#contents.family .topArea .lead .h:after {
	background: #6d6dcd;
}
#contents.employer .topArea .lead .h:after {
	background: #df644b;
}
#contents.manager .topArea .lead .h:after {
	background: #56c1dc;
}
#contents.supporter .topArea .lead .h:after {
	background: #64cc2c;
}
.topArea .mainSection h2 {
	margin-bottom: 32px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
}
#contents.worker .topArea .mainSection h2 {
	color: #ff952b;
}
#contents.employer .topArea .mainSection h2 {
	color: #df644b;
}
#contents.supporter .topArea .mainSection h2 {
	color: #64cc2c;
}
.topArea .agencyKokoro {
	padding: 32px 0;
}
.topArea .agencyKokoro .layout.min {
	max-width: 928px;
}
.topArea .agencyKokoro .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.topArea .agencyKokoro .item {
	float: left;
	position: relative;
	width: 48%;
	margin-left: 4%;
	padding: 24px 24px 88px 24px;
	box-sizing: border-box;
	border-bottom: 2px solid #eae3ce;
	background: #fff;
}
.topArea .agencyKokoro .item:first-child {
	margin-left: 0;
}
.topArea .agencyKokoro .item .head {
	display: table;
	table-layout: fixed;
	margin-bottom: 16px;
}
.topArea .agencyKokoro .item .head .ico {
	display: table-cell;
	width: 88px;
	vertical-align: middle;
}
.topArea .agencyKokoro .item .head .ico img {
	width: 100%;
}
.topArea .agencyKokoro .item .head .title {
	display: table-cell;
	padding-left: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	vertical-align: middle;
}
.topArea .agencyKokoro .item .head .title .min {
	font-size: 13px;
	font-size: 1.3rem;
}
.topArea .agencyKokoro .item .body {
	margin-bottom: 16px;
}
.topArea .agencyKokoro .item .stg {
	padding-top: 24px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
}
.topArea .agencyKokoro .item .phone {
	text-align: center;
}
.topArea .agencyKokoro .item .num {
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
}
.topArea .agencyKokoro .item .num .ico {
	display: inline-block;
	width: 20px;
	margin-right: 8px;
}
.topArea .agencyKokoro .item .note {
	margin-bottom: 8px;
	font-size: 13px;
	font-size: 1.3rem;
}
.topArea .agencyKokoro .item .btMore {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center;
}
.topArea .agencyBlock {
	max-width: 1186px;
	margin: 0 auto;
	padding: 32px 0;
	background: #fff;
}
.topArea .agencyBlock .head {
	position: relative;
	margin: 0 32px 16px 32px;
	color: #ff952b;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.topArea .agencyBlock .head:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	margin-top: -2px;
	background: #faf7ed;
}
.topArea .agencyBlock .head h3 {
	display: inline-block;
	position: relative;
	padding: 0 32px;
	background: #fff;
}
.topArea .agencyBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 8px 16px 8px;
	text-align: center;
}
.topArea .agencyBlock .item {
	display: inline-block;
	position: relative;
	width: 268px;
	margin: 0 8px 16px 8px;
	background: #faf7ed;
	border-bottom: 2px solid #eae3ce;
}
.topArea .agencyBlock .item .title {
	padding: 16px 16px 0 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
}
.topArea .agencyBlock .item .title a {
	color: #333;
}
.topArea .agencyBlock .item .body {
	padding: 8px 16px;
	font-size: 14px;
	text-align: left;
}
.topArea .agencyBlock .item .phone {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 16px;
	box-sizing: border-box;
	background: #f2ecda;
}
.topArea .agencyBlock .item .num {
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
}
.topArea .agencyBlock .item .num .ico {
	display: inline-block;
	width: 20px;
	margin-right: 8px;
}
.topArea .agencyBlock .item .note {
	font-size: 12px;
}
.topArea .agencyBlock .btBlock {
	padding-top: 32px;
	text-align: center;
}
.topArea .agencyBlock .btBlock .bal {
	display: inline-block;
	position: relative;
	margin: 0 8px;
	padding: 0 16px;
	border-radius: 4px;
	background: #ff952b;
	color: #fff;
	font-size: 1.6rem;
	line-height: 40px;
	vertical-align: middle;
}
.topArea .agencyBlock .btBlock .bal:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 8px solid #ff952b;
}
.topArea .agencyBlock .btBlock .bt {
	display: inline-block;
	margin: 0 8px;
	vertical-align: middle;
}
.topArea .agencyBlock .btBlock .bt a {
	display: table;
	width: 100%;
	height: 100%;
	min-width: 254px;
	min-height: 86px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
}
.topArea .agencyBlock .btBlock .bt .ico {
	display: table-cell;
	width: 72px;
	padding: 8px 16px;
	text-align: center;
	vertical-align: middle;
}
.topArea .agencyBlock .btBlock .bt .ico img {
	width: 100%;
	max-height: 100%;
}
.topArea .agencyBlock .btBlock .bt .body {
	display: table-cell;
	padding: 8px 16px 8px 0;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	text-align: left;
	line-height: 1.5;
	vertical-align: middle;
}
.topArea .facilityBlock  {
	padding: 64px 0;
}
.topArea .facilityBlock .layout {
	display: table;
}
.topArea .facilityBlock .img {
	display: table-cell;
	width: 32%;
	vertical-align: middle;
}
.topArea .facilityBlock .img img {
	width: 100%;
}
.topArea .facilityBlock .body {
	display: table-cell;
	padding-right: 16px;
	vertical-align: middle;
}
.topArea .facilityBlock .body h2 {
	margin-bottom: 16px;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: left;
}
.topArea .facilityBlock .body .btMore {
	padding-top: 16px;
}
.topArea .bereavedBlock  {
	padding: 64px 0;
}
.topArea .bereavedBlock .layout {
	display: table;
}
.topArea .bereavedBlock .img {
	display: table-cell;
	width: 352px;
	vertical-align: middle;
}
.topArea .bereavedBlock .img img {
	width: 100%;
}
.topArea .bereavedBlock .body {
	display: table-cell;
	padding-right: 16px;
	vertical-align: middle;
}
.topArea .bereavedBlock .body h2 {
	margin-bottom: 16px;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: left;
}
.topArea .bereavedBlock .body .btMore {
	padding-top: 16px;
}
.topArea .familyBlock {
	padding: 48px 0;
	background: #fff;
}
.topArea .familyBlock .img {
	float: left;
	width: 256px;
}
.topArea .familyBlock .body {
	padding-left: 288px;
}
.topArea .familyBlock .btMore {
	padding-top: 24px;
	text-align: center;
}
.topArea .employerBlock {
	padding: 40px 0;
}
.topArea .employerBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.topArea .employerBlock .item {
	float: left;
	position: relative;
	width: 48%;
	margin-left: 4%;
	padding: 24px 24px 88px 24px;
	box-sizing: border-box;
	border-bottom: 2px solid #eae3ce;
	background: #fff;
}
.topArea .employerBlock .item:first-child {
	margin-left: 0;
}
.topArea .employerBlock .item .head {
	display: table;
	margin-bottom: 16px;
}
.topArea .employerBlock .item .head .ico {
	display: table-cell;
	width: 94px;
	vertical-align: middle;
}
.topArea .employerBlock .item .head .ico img {
	width: 100%;
}
.topArea .employerBlock .item .head .title {
	display: table-cell;
	padding-left: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	vertical-align: middle;
}
.topArea .employerBlock .item .body {
	margin-bottom: 16px;
}
.topArea .employerBlock .item .btMore {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center;
}
.topArea .employerBlock .list {
	padding: 32px 64px;
	background: #fff;
}
.topArea .employerBlock .list p {
	margin-bottom: 24px;
}
.topArea .managerBlock {
	padding: 40px 0;
}
.topArea .managerBlock .list {
	display: flex;
	justify-content: space-between;
	padding: 32px 64px;
	background: #fff;
}
.topArea .managerBlock .img {
	width: 170px;
	margin-right: 96px;
    margin-left: 36px;
}
.topArea .managerBlock ul {
	flex: 1;
}
.topArea .supporterBlock {
	padding: 40px 0;
}
.topArea .supporterBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
}
.topArea .supporterBlock .item {
	float: left;
	width: 31.3%;
	margin-left: 3%;
	padding: 24px;
	box-sizing: border-box;
	border-bottom: 2px solid #ebe5d3;
	background: #fff;
}
.topArea .supporterBlock .item:first-child {
	margin-left: 0;
}
.topArea .supporterBlock .item .head .ico {
	width: 80px;
	margin: 0 auto 8px auto;
}
.topArea .supporterBlock .item .head .title {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
}
.topArea .supporterBlock .item .body {
	margin-bottom: 16px;
}
.topArea .supporterBlock .item .btMore {
	text-align: center;
}
.topArea .popularBlock {
	padding: 32px 0;
	border-bottom: 2px solid #f2ecda;
}
.topArea .popularBlock h2 {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
#contents.worker .topArea .popularBlock h2 {
	color: #ff952b;
}
#contents.family .topArea .popularBlock h2 {
	color: #6d6dcd;
}
#contents.employer .topArea .popularBlock h2 {
	color: #df644b;
}
#contents.manager .topArea .popularBlock h2 {
	color: #56c1dc;
}
#contents.supporter .topArea .popularBlock h2 {
	color: #64cc2c;
}
.topArea .popularBlock .banner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.topArea .popularBlock .banner::after {
	display: none;
}
.topArea .popularBlock .banner li {
	width: 22.7%;
}
.topArea .popularBlock .banner li a {
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
}
.topArea .popularBlock .banner li .ico {
	display: table-cell;
	width: 37%;
	height: 86px;
	text-align: center;
	vertical-align: middle;
}
.topArea .popularBlock .banner li .ico img {
	max-height: 100%;
}
.topArea .popularBlock .banner li .body {
	display: table-cell;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	vertical-align: middle;
}
.topArea .informationArea {
	padding: 48px 0;
}
.topArea .informationArea .h {
	font-size: 24px;
	font-size: 2.4rem;
}
.topArea .informationArea .more {
	padding-top: 16px;
}
@media only screen and (max-width: 1199px){
.topArea .agencyBlock .itemGroup {
	width: 800px;
	margin: 0 auto 16px auto;
}
}
@media only screen and (max-width: 1023px){
.topArea .popularBlock .banner li {
	width: 48.6%;
	margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px){
.topArea .lead {
	font-size: 14px;
}
.topArea .lead .h {
	font-size: 16px;
}
#contents .topArea .mainSection h2 {
	margin-bottom: 16px;
	font-size: 18px;
}
.topArea .agencyKokoro {
	padding: 24px 0;
}
.topArea .agencyKokoro .item {
	float: none;
	width: 100%;
	margin: 0 0 16px 0;
	padding: 16px;
}
.topArea .agencyKokoro .item .head {
	display: block;
}
.topArea .agencyKokoro .item .head .ico {
	display: block;
	margin: 0 auto 8px auto;
}
.topArea .agencyKokoro .item .head .title {
	display: block;
	font-size: 16px;
	text-align: center;
}
.topArea .agencyKokoro .item .num {
	font-size: 22px;
}

.topArea .agencyKokoro .item .stg {
	padding-top: 16px;
}
.topArea .agencyKokoro .item .btMore {
	position: static;
}
.topArea .agencyBlock {
	padding: 24px 0;
}
.topArea .agencyBlock .head {
	margin: 0 16px 16px 16px;
}
.topArea .agencyBlock .head:before {
	display: none;
}
.topArea .agencyBlock .head h3 {
	padding: 0;
	font-size: 16px;
}
.topArea .agencyBlock .itemGroup {
	width: auto;
	margin: 0 16px 16px 16px;
}
.topArea .agencyBlock .item {
	width: 100%;
	margin: 0 0 16px 0;
	padding-bottom: 0 !important;
}
.topArea .agencyBlock .item .title {
	font-size: 14px;
}
.topArea .agencyBlock .item .phone {
	position: static;
}
.topArea .agencyBlock .item .num {
	font-size: 18px;
}
.topArea .agencyBlock .btBlock {
	padding-top: 0;
}
.topArea .agencyBlock .btBlock .bal {
	display: block;
	margin: 0 0 16px 0;
	font-size: 1.3rem;
	line-height: 40px;
}
.topArea .agencyBlock .btBlock .bal:after {
	top: 100%;
	left: 50%;
	margin: 0 0 0 -8px;
	border: 8px solid transparent;
	border-top: 8px solid #ff952b;
}
.topArea .agencyBlock .btBlock .bt {
	margin: 0;
}
.topArea .facilityBlock {
	padding: 24px 0;
}
.topArea .facilityBlock .body {
	display: block;
	margin-bottom: 8px;
	padding-right: 0;
}
.topArea .facilityBlock .img {
	display: none;
}
.topArea .bereavedBlock {
	padding: 24px 0;
}
.topArea .bereavedBlock .body {
	display: block;
	margin-bottom: 8px;
	padding-right: 0;
}
.topArea .bereavedBlock .img {
	display: none;
}
.topArea .familyBlock {
	padding: 8px 0 32px 0;
}
.topArea .familyBlock .img {
	display: none;
}
.topArea .familyBlock .body {
	padding-left: 0;
}
.topArea .employerBlock {
	padding: 32px 0;
}
.topArea .employerBlock .item {
	width: 100%;
	margin: 0 0 16px 0;
	padding: 16px;
}
.topArea .employerBlock .item .head {
	display: block;
}
.topArea .employerBlock .item .head .ico {
	display: block;
	margin: 0 auto 8px auto;
}
.topArea .employerBlock .item .head .title {
	display: block;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.topArea .employerBlock .item .btMore {
	position: static;
}
.topArea .employerBlock .list {
	padding: 16px;
}
.topArea .managerBlock {
	padding: 32px 0;
}
.topArea .managerBlock .list {
	display: block;
	padding: 16px;
}
.topArea .managerBlock .img {
	display: none;
}
.topArea .supporterBlock {
	padding: 32px 0;
}
.topArea .supporterBlock .itemGroup {
	display: block;
}
.topArea .supporterBlock .item {
	width: 100%;
	margin: 0 0 16px 0;
	padding: 16px;
}
.topArea .supporterBlock .item .head .title {
	font-size: 16px;
	font-size: 1.6rem;
}
.topArea .popularBlock {
	font-size: 24px 0;
}
.topArea .popularBlock h2 {
	font-size: 16px;
}
.topArea .popularBlock .banner li {
	margin-bottom: 8px;
}
.topArea .popularBlock .banner li a {
	display: block;
	width: auto;
	padding: 8px;
	text-align: center;
}
.topArea .popularBlock .banner li .ico {
	display: block;
	width: auto;
	height: 48px;
	margin-bottom: 8px;
}
.topArea .popularBlock .banner li .ico img {
	width: auto;
	height: 100%;
}
.topArea .popularBlock .banner li .body {
	display: inline-block;
	width: auto;
	font-size: 13px;
	text-align: left;
	line-height: 1.3;
}
.topArea .informationArea {
	padding: 32px 0;
}
.topArea .informationArea .h {
	font-size: 18px;
}
}

/* pickup */
.topArea .pickup {
    max-width: 928px;
    margin: 0 auto 48px;
}
.topArea .pickup .group {
    display: flex;
}
.topArea .pickup .img {
    width: 256px;
    margin-right: 32px;
}
.topArea .pickup .body {
    flex: 1;
}
.topArea .pickup .btMore {
    padding-top: 24px;
    text-align: center;
}
@media (max-width: 767px){
.topArea .pickup .img {
    display: none;
}
}



/* ---------------- contentsIndex */
.contentsIndex {
	padding: 32px 0;
	border-bottom: 2px solid #f2ecda;
}
.contentsIndex.main {
	margin-bottom: 64px;
	border-bottom: none;
}
.contentsIndex h2 {
	margin-bottom: 16px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
#contents.worker .contentsIndex h2 {
	color: #ff952b;
}
#contents.family .contentsIndex h2 {
	color: #6d6dcd;
}
#contents.employer .contentsIndex h2 {
	color: #df644b;
}
#contents.manager .contentsIndex h2 {
	color: #56c1dc;
}
#contents.supporter .contentsIndex h2 {
	color: #64cc2c;
}
.contentsIndex .category {
	padding: 40px 0;
	text-align: center;
}
.contentsIndex .category li {
	display: inline-block;
	margin-right: 8px;
	padding: 0 16px;
	border-radius: 15px;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	transition: all 0.4s ease;
}
.contentsIndex .category li:hover {
	opacity: 0.6;
}
.contentsIndex .category .ico {
	display: inline-block;
	margin-right: 4px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.contentsIndex .category .min {
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 12px;
}
.contentsIndex .category li:nth-child(1) {
	color: #ff8080;
	border: 1px solid #ff8080;
}
.contentsIndex .category li:nth-child(1).on {
	color: #fff;
	background: #ff8080;
}
.contentsIndex .category li:nth-child(2) {
	color: #ffa143;
	border: 1px solid #ffa143;
}
.contentsIndex .category li:nth-child(2) .ico {
	background: url(/img/ico_worker.svg) no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(2).on {
	color: #fff;
	background: #ffa143;
}
.contentsIndex .category li:nth-child(2).on .ico {
	background: url("/img/ico_nav_worker.svg") no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(3) {
	color: #6d6dcd;
	border: 1px solid #6d6dcd;
}
.contentsIndex .category li:nth-child(3) .ico {
	background: url(/img/ico_family.svg) no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(3).on {
	color: #fff;
	background: #6d6dcd;
}
.contentsIndex .category li:nth-child(3).on .ico {
	background: url("/img/ico_nav_family.svg") no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(4) {
	color: #df644b;
	border: 1px solid #df644b;
}
.contentsIndex .category li:nth-child(4) .ico {
	background: url(/img/ico_employer.svg) no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(4).on {
	color: #fff;
	background: #df644b;
}
.contentsIndex .category li:nth-child(4).on .ico {
	background: url("/img/ico_nav_employer.svg") no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(5) {
	color: #40bad8;
	border: 1px solid #40bad8;
}
.contentsIndex .category li:nth-child(5) .ico {
	background: url(/img/ico_manager.svg) no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(5).on {
	color: #fff;
	background: #40bad8;
}
.contentsIndex .category li:nth-child(5).on .ico {
	background: url("/img/ico_nav_manager.svg") no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(6) {
	color: #65be35;
	border: 1px solid #65be35;
}
.contentsIndex .category li:nth-child(6) .ico {
	background: url(/img/ico_supporter.svg) no-repeat center;
	background-size: contain;
}
.contentsIndex .category li:nth-child(6).on {
	color: #fff;
	background: #65be35;
}
.contentsIndex .category li:nth-child(6).on .ico {
	background: url("/img/ico_nav_supporter.svg") no-repeat center;
	background-size: contain;
}
.contentsIndex .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	border-left: 4px solid #faf7ed;
}
.contentsIndex .item {
	float: left;
	width: 33%;
	padding: 0 32px;
	box-sizing: border-box;
	border-right: 4px solid #faf7ed;
}
.contentsIndex .head {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
.contentsIndex .head .ico {
	display: inline-block;
	margin-right: 20px;
	width: 50px;
}
.contentsIndex .h {
	margin-bottom: 8px;
}
.contentsIndex .h a {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: #333;
}
.contentsIndex .h a:after {
	content: '';
	position: absolute;
	top: 6px;
	left: -4px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.contentsIndex ul {
	margin-bottom: 16px;
}
.contentsIndex li {
	margin-bottom: 4px;
}
.contentsIndex li a {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: #333;
}
.contentsIndex li a:after {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
.contentsIndex .itemGroup.worker a.worker {
	color: #ffa143;
}
.contentsIndex .itemGroup.family a.family {
	color: #6d6dcd;
}
.contentsIndex .itemGroup.employer a.employer {
	color: #df644b;
}
.contentsIndex .itemGroup.manager a.manager {
	color: #40bad8;
}
.contentsIndex .itemGroup.supporter a.supporter {
	color: #65be35;
}
.contentsIndex .itemGroup.worker a, 
.contentsIndex .itemGroup.family a, 
.contentsIndex .itemGroup.employer a, 
.contentsIndex .itemGroup.manager a, 
.contentsIndex .itemGroup.supporter a {
	opacity: 0.3;
}
.contentsIndex .itemGroup.worker a.worker, 
.contentsIndex .itemGroup.family a.family, 
.contentsIndex .itemGroup.employer a.employer, 
.contentsIndex .itemGroup.manager a.manager, 
.contentsIndex .itemGroup.supporter a.supporter {
	opacity: 1;
}
@media only screen and (max-width: 1023px){
.contentsIndex .item {
	padding: 0 24px;
}
.contentsIndex .head .ico {
	width: 38px;
	margin-right: 8px;
}
.contentsIndex .head {
	font-size: 18px;
	font-size: 1.8rem;
}
}
@media only screen and (max-width: 767px){
.contentsIndex {
	padding: 24px 0;
}
.contentsIndex h2 {
	font-size: 16px;
}
.contentsIndex .category {
	padding: 0;
	text-align: left;
}
.contentsIndex .category li {
	margin-bottom: 8px;
	padding: 0;
	font-size: 12px;
}
.contentsIndex .category li:first-child .txt {
	display: inline-block !important;
	margin: 0 8px;
}
.contentsIndex .category .ico {
	width: 30px;
	margin: 0;
	text-align: center;
}
.contentsIndex .category .txt {
	display: none;
}
.contentsIndex .category .on .txt {
	display: inline-block;
	margin-right: 8px;
}
.contentsIndex .category .min {
	font-size: 9px;
}
.contentsIndex .itemGroup {
	border: none;
}
.contentsIndex .item {
	float: none;
	width: 100%;
	padding: 16px 0;
	border: none;
	border-bottom: 4px solid #faf7ed
}
.contentsIndex.main .head {
	position: relative;
}
/*
.contentsIndex.main .head:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 12px;
	right: 14px;
	width: 2px;
	height: 14px;
	background: #ff8080;
}
.contentsIndex.main .head.on:before {
	display: none;
}
.contentsIndex.main .head:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 18px;
	right: 8px;
	width: 14px;
	height: 2px;
	background: #ff8080;
}
.contentsIndex.main .block {
	display: none;
	padding-top: 16px;
}*/
}
@media only screen and (min-width: 768px){
.contentsIndex.main .block {
	display: block !important;
}
}



/* ---------------- contentsNav */
.contentsNav  {
    line-height: 1.5;
}
.contentsNav .columnGroup {
    display: flex;
    justify-content: space-between;
}
.contentsNav .column {
    width: calc((100% - 48px) / 3);
}
.contentsNav .h {
    margin-bottom: 8px;
    font-weight: 700;
}
.contentsNav .column > ul {
    margin-bottom: 24px;
}
.contentsNav ul ul {
    margin-top: 4px;
    margin-bottom: 0;
    padding-left: 16px;
}
.contentsNav li {
    margin-bottom: 4px;
}
.contentsNav li a {
    display: inline-block;
    position: relative;
    padding-left: 11px;
    color: #333;
}
.contentsNav a:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	border: 3px solid transparent;
	border-left: 5px solid #ff8080;
}
#footer .contentsNav  {
    padding: 24px 0 40px;
    background: #faf7ed;
    font-size: 1.3rem;
}
#footer .contentsNav .columnGroup {
    padding: 24px;
    background: #fff;
    border-bottom: 2px solid #ebe5d3;
}
#footer .contentsNav a:after {
	top: 6px;
}
.contentsIndex .contentsNav .layout {
    padding: 0;
}
.contentsIndex .contentsNav .h {
    padding-bottom: 4px;
    border-bottom: 2px solid #f2ecda;
}
.contentsIndex .contentsNav.worker a.worker {
	color: #ffa143;
}
.contentsIndex .contentsNav.family a.family {
	color: #6d6dcd;
}
.contentsIndex .contentsNav.employer a.employer {
	color: #df644b;
}
.contentsIndex .contentsNav.manager a.manager {
	color: #40bad8;
}
.contentsIndex .contentsNav.supporter a.supporter {
	color: #65be35;
}
.contentsIndex .contentsNav.worker a, 
.contentsIndex .contentsNav.family a, 
.contentsIndex .contentsNav.employer a, 
.contentsIndex .contentsNav.manager a, 
.contentsIndex .contentsNav.supporter a {
	opacity: 0.3;
}
.contentsIndex .contentsNav.worker a.worker, 
.contentsIndex .contentsNav.family a.family, 
.contentsIndex .contentsNav.employer a.employer, 
.contentsIndex .contentsNav.manager a.manager, 
.contentsIndex .contentsNav.supporter a.supporter {
	opacity: 1;
}
@media (max-width: 767px){
.contentsNav .columnGroup {
	display: block;
}
.contentsNav .column {
    width: auto;
}
#footer .contentsNav {
    padding: 16px 0 40px;
}
#footer .contentsNav .columnGroup {
    padding: 16px;
}
}



/* ---------------- keyword */
.keywordIndex {
	padding: 72px 0 32px 0;
	margin-bottom: 64px;
}
.keywordIndex .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.4%;
}
.keywordIndex .item {
	float: left;
	width: 23.5%;
	margin: 0 0 24px 1.4%;
	background: #faf7ed;
}
.keywordIndex .h {
	padding-bottom: 8px;
	background: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
}
.keywordIndex ul {
	padding: 16px 8px 8px 16px;
}
.keywordIndex li {
	display: inline-block;
	margin: 0 8px 8px 0;
}
.keywordIndex li a {
	display: block;
	padding: 0 14px;
	border-radius: 20px;
	background: #fff;
	color: #ff8080;
	line-height: 40px;
}
@media only screen and (max-width: 1023px){
.keywordIndex .item {
	width: 31.8%;
}
}
@media only screen and (max-width: 767px){
.keywordIndex {
	padding: 24px 0;
}
.keywordIndex .itemGroup {
	margin-left: 0%;
}
.keywordIndex .item {
	width: 100%;
	margin: 0 0 16px 0%;
}
.keywordIndex .h {
	font-size: 14px;
}
.keywordIndex  li a {
	border-radius: 15px;
	font-size: 1.2rem;
	line-height: 30px;
}
}



/* ---------------- beginner */
/*
.beginnerArea .lead {
	max-width: 608px;
	margin: 0 auto;
	padding: 32px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.beginnerArea .lead h2 {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 8px;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.beginnerArea .lead h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 128px;
	height: 2px;
	margin-left: -64px;
	background: #ff8080;
}
.beginnerArea .lead p {
	padding-bottom: 24px;
}
.beginnerArea .feature {
	margin-bottom: 32px;
}
.beginnerArea .feature .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	border-left: 4px solid #faf7ed;
}
.beginnerArea .feature .item {
	float: left;
	width: 33%;
	padding: 0 32px;
	box-sizing: border-box;
	border-right: 4px solid #faf7ed;
}
.beginnerArea .feature .h .ico {
	width: 96px;
	margin: 0 auto 16px auto;
}
.beginnerArea .feature .h .txt {
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
}
.beginnerArea .nav {
	padding: 32px 0;
}
.beginnerArea .nav ul {
	padding: 16px 0;
	background: #faf7ed;
	text-align: center;
}
.beginnerArea .nav li {
	display: inline-block;
	padding: 0 16px;
	border-left: 2px solid #eae3ce;
}
.beginnerArea .nav li:first-child {
	border-left: none;
}
.beginnerArea .nav li a {
	color: #333;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
}
.beginnerArea .nav li .ico {
	display: inline-block;
	width: 18px;
	margin-right: 8px;
}
.beginnerArea .section {
	margin-bottom: 32px;
}
.beginnerArea .section .head {
	padding: 32px 0;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.beginnerArea .section .head .ico {
	width: 40px;
	margin: 0 auto 16px auto;
}
.beginnerArea .section .head h2 {
	margin-bottom: 24px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
}
.beginnerArea .section.worker .head h2 {
	color: #ff952b;
}
.beginnerArea .section.family .head h2 {
	color: #6d6dcd;
}
.beginnerArea .section.employer .head h2 {
	color: #df644b;
}
.beginnerArea .section.manager .head h2 {
	color: #56c1dc;
}
.beginnerArea .section.supporter .head h2 {
	color: #64cc2c;
}
.beginnerArea .serviceBlock {
	padding: 32px 0;
}
.beginnerArea .serviceBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	border-left: 4px solid #faf7ed;
}
.beginnerArea .serviceBlock .item {
	float: left;
	width: 33%;
	padding: 0 32px;
	box-sizing: border-box;
	border-right: 4px solid #faf7ed;
	text-align: center;
}
.beginnerArea .serviceBlock .h {
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.beginnerArea .serviceBlock li {
	margin-bottom: 8px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.beginnerArea .serviceBlock li:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-radius: 4px;
	background: #ff8080;
}
.beginnerArea .section.worker .serviceBlock li:before {
	background: #ff952b;
}
.beginnerArea .section.family .serviceBlock li:before {
	background: #6d6dcd;
}
.beginnerArea .section.employer .serviceBlock li:before {
	background: #56c1dc;
}
.beginnerArea .section.supporter .serviceBlock li:before {
	background: #64cc2c;
}
.beginnerArea .contentsBlock {
	max-width: 1120px;
	margin: 0 auto;
	padding: 32px 0;
	background: #faf7ed;
}
.beginnerArea .contentsBlock h3 {
	margin-bottom: 40px;
	color: #ff8080;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
.beginnerArea .section.worker .contentsBlock h3 {
	color: #ff952b;
}
.beginnerArea .section.family .contentsBlock h3 {
	color: #6d6dcd;
}
.beginnerArea .section.employer .contentsBlock h3 {
	color: #df644b;
}
.beginnerArea .section.manager .contentsBlock h3 {
	color: #56c1dc;
}
.beginnerArea .section.supporter .contentsBlock h3 {
	color: #64cc2c;
}
.beginnerArea .contentsBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.beginnerArea .contentsBlock .item {
	position: relative;
	float: left;
	width: 31.3%;
	margin-left: 3%;
}
.beginnerArea .contentsBlock .item:first-child {
	margin-left: 0;
}
.beginnerArea .contentsBlock .item .h {
	display: table;
	margin-bottom: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
}
.beginnerArea .contentsBlock .item .h .ico {
	display: table-cell;
	width: 57px;
	vertical-align: middle;
}
.beginnerArea .contentsBlock .item .h .ico img {
	width: 100%;
}
.beginnerArea .contentsBlock .item .h .txt {
	display: table-cell;
	padding-left: 16px;
	vertical-align: middle;
}
.beginnerArea .contentsBlock .item .h .txt .min {
	font-size: 14px;
	font-size: 1.4rem;
}
.beginnerArea .contentsBlock .item ul {
	border-top: 4px solid #f2ecda;
}
.beginnerArea .contentsBlock .item li {
	border-bottom: 4px solid #f2ecda;
}
.beginnerArea .contentsBlock .item li a {
	display: block;
	position: relative;
	padding: 16px 0 16px 24px;
	color: #333;
}
.beginnerArea .contentsBlock .item li a:after {
	content: '';
	position: absolute;
	top: 22px;
	left: 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.beginnerArea .contentsBlock .btMore {
	text-align: center;
}
.beginnerArea .contentsBlock .btMore li {
	display: inline-block;
	margin: 0;
}
@media only screen and (max-width: 767px){
.beginnerArea .lead {
	font-size: 14px;
}
.beginnerArea .lead h2 {
	font-size: 16px;
}
.beginnerArea .nav {
	padding: 0;
}
.beginnerArea .feature .itemGroup {
	border: none;
	border-top: 4px solid #faf7ed;
}
.beginnerArea .feature .item {
	width: 100%;
	padding: 16px 0;
	border: none;
	border-bottom: 4px solid #faf7ed
}
.beginnerArea .feature .h .ico {
	width: 72px;
	margin-bottom: 8px;
}
.beginnerArea .feature .h .txt {
	font-size: 20px;
}
.beginnerArea .nav ul {
	padding: 8px 16px;
	text-align: left;
}
.beginnerArea .nav li {
	display: block;
	padding: 8px 0;
	border: none;
	border-top: 2px solid #eae3ce;
}
.beginnerArea .nav li:first-child {
	border-top: none;
}
.beginnerArea .nav li a {
	display: block;
}
.beginnerArea .section .head {
	padding: 48px 0 32px 0;
	text-align: left;
}
.beginnerArea .section .head .ico {
	margin-bottom: 8px;
}
.beginnerArea .section .head h2 {
	font-size: 18px;
	text-align: center;
}
.beginnerArea .serviceBlock {
	padding: 0 0 32px 0;
}
.beginnerArea .serviceBlock .itemGroup {
	border: none;
	border-top: 4px solid #faf7ed;
}
.beginnerArea .serviceBlock .item {
	float: none;
	width: 100%;
	padding: 16px 0;
	border: none;
	border-bottom: 4px solid #faf7ed;
}
.beginnerArea .contentsBlock .itemGroup {
	margin-bottom: 0;
}
.beginnerArea .contentsBlock h3 {
	margin-bottom: 24px;
	font-size: 16px;
}
.beginnerArea .contentsBlock .item {
	float: none;
	width: 100%;
	margin: 0 0 32px 0;
}
.beginnerArea .contentsBlock .item .h .txt {
	font-size: 18px;
}
.beginnerArea .contentsBlock .btMore li {
	display: block;
}
.beginnerArea .contentsBlock .btMore li a {
	padding: 8px 16px;
	line-height: 1.5;
}
}
*/

.beginnerArea {
    font-family: "新丸ゴ R JIS2004", sans-serif
}
.beginnerArea * {
    box-sizing: border-box;
}
.beginnerArea .sp {
    display: none;
}
.beginnerArea section {
    margin-bottom: 64px;
}
.beginnerArea .leadBox {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    padding: 0;
    border: 4px solid #f2ecda;
}
.beginnerArea .leadBox .txt {
    flex: 1;
    padding: 32px 48px 32px 32px;
    font-size: 2.2rem;
    font-family: "新丸ゴ R JIS2004", sans-serif
}
.beginnerArea .leadBox .img {
    width: 40.19%;
    min-width: 200px;
    text-align: center;
}
.beginnerArea .leadBox .img img {
    max-width: 200px;
}
.beginnerArea .youtube {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 2px solid #f2ecda;
    border-radius: 16px;
}
.beginnerArea .categoryGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -34px;
}
.beginnerArea .categoryGroup .item {
    width: 31.03%;
    margin-bottom: 34px;
    border: 2px solid #f2ecda;
    border-radius: 8px;
}
.beginnerArea .categoryGroup .item:nth-child(n + 4) {
    width: 48.27%;
}
.beginnerArea .categoryGroup p.head {
    padding: 16px !important;
    background: #faf7ed;
    font-size: 1.8rem;
    text-align: center;
}
.beginnerArea .categoryGroup .worker p.head {
    color: #ffa143;
}
.beginnerArea .categoryGroup .family p.head {
    color: #6d6dcd;
}
.beginnerArea .categoryGroup .employer p.head {
    color: #df644b;
}
.beginnerArea .categoryGroup .manager p.head {
    color: #56c1dc;
}
.beginnerArea .categoryGroup .supporter p.head {
    color: #64cc2c;
}
.beginnerArea .categoryGroup .head .ico {
    display: inline-block;
    width: 24px;
    margin-right: 8px;
    transform: translateY(-2px);
}
.beginnerArea .categoryGroup ul {
    margin: 0;
    padding: 16px 24px;
}
.beginnerArea .categoryGroup li {
    list-style: none;
    position: relative;
    padding-left: 12px;
    font-size: 1.4rem;
}
.beginnerArea .categoryGroup li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #f2ecda;
    border-radius: 50%;
}
.beginnerArea .categoryGroup .worker ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
}
.beginnerArea .categoryGroup .worker li {
    width: calc((100% - 16px) / 2);
    margin-left: 8px;
}
.beginnerArea .tips .box {
    margin-bottom: 40px;
    padding: 24px;
    background: #faf7ed;
}
.beginnerArea .tips .box li {
    list-style: none;
    position: relative;
    padding-left: 24px;
    font-size: 1.5rem;
}
.beginnerArea .tips .box li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #ff8080;
    border-radius: 50%;
}
.beginnerArea .tips figure {
    overflow: hidden;
    position: relative;
    margin: 0 0 64px;
    padding: 0;
    border: 2px solid #f2ecda;
    border-radius: 16px;
}
.beginnerArea .tips figure .over {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity .4s ease;
}
.beginnerArea .tips figure.on .over {
    opacity: 1;
}
@media (max-width: 767px){
.beginnerArea .pc {
    display: none;
}
.beginnerArea .sp {
    display: block;
}
.beginnerArea section {
    margin-bottom: 48px;
}
.beginnerArea .leadBox {
    display: block;
}
.beginnerArea .leadBox .txt {
    padding: 16px;
    font-size: 18px;
}
.beginnerArea .leadBox .img {
    width: auto;
}
.beginnerArea .categoryGroup {
    display: block;
}
.beginnerArea .categoryGroup .item {
    margin-bottom: 24px;
    width: auto !important;
}
}



/* ---------------- pittari */
.pittariArea {
    padding: 48px 0;
}
.pittariArea .layout {
    max-width: 976px;
}
.pittariArea section {
    margin-bottom: 56px;
}
.pittariArea h2 {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 12px;
    font-family: "新丸ゴ R JIS2004", sans-serif;
    font-size: 2.0rem;
    text-align: center;
}
.pittariArea h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 128px;
    height: 2px;
    background: #ff8080;
    transform: translateX(-50%);
}
.pittariArea .lead {
    max-width: 608px;
    margin: 0 auto 32px;
    font-weight: 600;
}
.pittariArea .keywordBox {
    padding: 56px 32px;
    background: #faf7ed;
}
.pittariArea .keywordBox .box {
    position: relative;
}
.pittariArea .keywordBox input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 88px 0 56px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}
.pittariArea .keywordBox input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 68px;
    height: 36px;
    border-radius: 4px;
    background: #ff8080;
    color: #fff;
    font-size: 14px;
    text-align: center;
    transform: translateY(-50%);
}
.pittariArea .keywordBox .ico {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    transform: translateY(-50%) rotate(-45deg);
}
.pittariArea .keywordBox .ico:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 2px;
	height: 16px;
	margin-left: -1px;
	background: #999;
}
.pittariArea .keywordBox .ico:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	border: 2px solid #999;
	border-radius: 50%;
	background: #fff;
}
.pittariArea .block {
	margin-bottom: 48px;
    padding: 32px;
    background: #faf7ed;
}
.pittariArea .block .head {
    margin-bottom: 24px;
	text-align: center;
}
.pittariArea .block .head .ico {
	display: inline-block;
    width: 24px;
    margin-bottom: 4px;
}
.pittariArea .block .head h3 {
    position: relative;
    font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 2.0rem;
}
.pittariArea .block .head h3::before {
    content: '';
    opacity: 0.3;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ccc;
    transform: translateY(-50%);
}
.pittariArea .block .head h3 span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 32px;
    background: #faf7ed;
}
.pittariArea .block.worker h3 {
    color: #ffa143;
}
.pittariArea .block.worker h3::before {
    background: #ffa143;
}
.pittariArea .block.family h3 {
    color: #6d6dcd;
}
.pittariArea .block.family h3::before {
    background: #6d6dcd;
}
.pittariArea .block.employer h3 {
    color: #df644b;
}
.pittariArea .block.employer h3::before {
    background: #df644b;
}
.pittariArea .block.manager h3 {
    color: #40bad8 ;
}
.pittariArea .block.manager h3::before {
    background: #40bad8 ;
}
.pittariArea .block.supporter h3 {
    color: #65be35 ;
}
.pittariArea .block.supporter h3::before {
    background: #65be35 ;
}
.pittariArea .block .itemGroup {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
}
.pittariArea .block .item {
    width: calc((100% - 24px) / 3);
    margin: 0 0 8px 8px;
}
.pittariArea .block .item a {
    display: flex;
    align-items: center;
    min-height: 88px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #333;
}
.pittariArea .block .item .img {
    width: 70px;
    margin-right: 16px;
}
.pittariArea .block .item .body {
    flex: 1;
    font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 15px;
    line-height: 1.7;
}
@media (max-width: 767px){
.pittariArea {
    padding: 24px 0;
}
.pittariArea section {
    margin-bottom: 40px;
}
.pittariArea h2 {
    font-size: 1.8rem;
}
.pittariArea .keywordBox {
    padding: 16px;
}
.pittariArea .block {
    margin-bottom: 24px;
    padding: 16px;
}
.pittariArea .block .head {
    margin-bottom: 16px;
}
.pittariArea .block .head h3 {
    font-size: 1.8rem;
}
.pittariArea .block .itemGroup {
    display: block;
    margin: 0;
}
.pittariArea .block .item {
    width: auto;
    margin: 0 0 8px;
}
}


/* ---------------- body */
.bodyBlock .note {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
}
.bodyBlock table {
    width: 100%;
	margin-bottom: 32px;
}
.bodyBlock table th {
	padding: 16px;
	border: 2px solid #f2ecda;
	background: #faf7ed;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.bodyBlock table td {
	padding: 16px;
	border: 2px solid #f2ecda;
	text-align: left;
	vertical-align: top;
}
.bodyBlock .index-table {
	border-top: 4px solid #f2ecda;
}
.bodyBlock .index-table th {
	border: none;
	border-bottom: 2px solid #f2ecda;
	background: none;
	font-weight: normal;
}
.bodyBlock .index-table td {
	border: none;
	border-bottom: 2px solid #f2ecda;
}
.bodyBlock ul {
	margin-bottom: 24px;
	padding-left: 24px;
}
.bodyBlock ul li {
	margin-bottom: 4px;
	list-style: disc;
}
.bodyBlock ol {
	margin-bottom: 24px;
	padding-left: 24px;
}
.bodyBlock ol li {
	margin-bottom: 4px;
}
.bodyBlock ul.none, 
.bodyBlock ol.none {
	padding-left: 0 !important;
}
.bodyBlock ul.none li, 
.bodyBlock ol.none li {
	list-style: none !important;
}
.bodyBlock .index-table ul {
	margin-bottom: 0;
}
.bodyBlock .index-table ul li {
	margin-top: 2px;
	margin-bottom: 2px;
}
.agencyBlock .banner {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	border-bottom: 2px solid #f2ecda;
}
.agencyBlock .banner .item {
	float: left;
	width: 31.3%;
	margin-left: 3%;
	margin-bottom: 40px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.agencyBlock .banner .item:first-child {
	margin-left: 0;
}
.agencyBlock .banner .item a {
	display: block;
	padding: 16px 8px;
	color: #333;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 1.6;
}
.agencyBlock .banner .item .img {
	display: block;
	height: 72px;
	margin: 0 auto 8px auto;
	text-align: center;
}
.agencyBlock .banner .item .img img {
	width: auto;
	height: 100%;
}
.agencyBlock .banner .item .min {
	font-size: 14px;
}
.agencyBlock .banner .item .note {
	font-size: 13px;
}
.agencyBlock .banner .item.sns {
	width: 100%;
	margin-left: 0;
}
.agencyBlock .banner .item.sns a {
	padding: 24px;
}
.agencyBlock .banner .item.sns .img {
	height: auto !important;
	margin-bottom: 16px;
}
.agencyBlock .banner .item.sns .img img {
	height: auto;
}
.agencyBlock .banner .item.sns .time {
	display: inline-block;
	margin-right: 16px;
	padding: 4px 8px;
	border-radius: 4px;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
}
.agencyBlock .banner .item.sns br.sp {
	display: none;
}
.agencyBlock .agencyNav ul {
	margin-bottom: 0;
	padding-left: 0;
}
.agencyBlock .agencyNav {
	margin-bottom: 12px;
}
.agencyBlock .agencyNav li {
	display: inline-block;
	margin: 0 12px 12px 0;
	padding: 0 12px;
	border: 1px solid #ff8080;
	border-radius: 20px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 38px;
	cursor: pointer;
	transition: all 0.4s ease;
}
.agencyBlock .agencyNav li.on, 
.agencyBlock .agencyNav li:hover {
	background: #ff8080;
	color: #fff;
}
.agencyBlock .agencyNav .worker li {
	border: 1px solid #ff952b;
}
.agencyBlock .agencyNav .worker li.on, 
.agencyBlock .agencyNav .worker li:hover {
	background: #ff952b;
}
.agencyBlock .agencyNav .employer li {
	border: 1px solid #56c1dc;
}
.agencyBlock .agencyNav .employer li.on, 
.agencyBlock .agencyNav .employer li:hover {
	background: #56c1dc;
}
.agencyBlock .agencyGroup {
	margin-bottom: 24px;
	padding: 15px;
	background: #f5f5f5;
}
.agencyBlock .agencyGroup.worker {
	background: #ffead5;
}
.agencyBlock .agencyGroup.employer {
	background: #ddf3f8;
}
.agencyBlock .agencyGroup .section {
	display: none;
}
.agencyBlock .agencyGroup .section.on {
	display: block;
}
.agencyBlock .agencyGroup .word {
	margin-bottom: 16px;
	padding: 0 16px;
}
.agencyBlock .agencyGroup .word:after {
	display: none;
}
.agencyBlock .agencyGroup .word li {
	display: inline-block;
	position: relative;
	margin: 0 8px 8px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
}
.agencyBlock .agencyGroup .word li:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-radius: 4px;
	background: #ff8080;
}
.agencyBlock .agencyGroup.worker .word li:before {
	background: #ff952b;
}
.agencyBlock .agencyGroup.employer .word li:before {
	background: #56c1dc;
}
.agencyBlock .agencyGroup .h {
	padding-left: 0 !important;
	border-left: none !important;
	font-size: 18px !important;
	fonf-size: 1.8rem !important;
}
.agencyBlock .agencyGroup p {
	padding-bottom: 0 !important;
}
.agencyBlock .agencyList .item {
	position: relative;
	margin-bottom: 4px;
	background: #fff;
	border-radius: 4px;
}
.agencyBlock .agencyList .item:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 16px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform: rotate(45deg);
	transform-origin: center;
}
.agencyBlock .agencyList .item a {
	display: block;
	padding: 16px 56px 16px 40px;
	color: #333;
}
.agencyBlock .agencyList .body {
	float: left;
	width: 70%;
}
.agencyBlock .agencyList .title {
	padding-bottom: 0 !important;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
}
.agencyBlock .agencyList .note {
	padding-bottom: 0 !important;
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.agencyBlock .agencyList .phone {
	float: right;
	width: 30%;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	line-height: 1.3;
}
.agencyBlock .agencyList .phone .ico {
	display: inline-block;
	width: 20px;
	margin-right: 8px;
}
.agencyBlock .agencyList .phone .note {
	display: inline-block;
	padding-left: 28px;
	font-size: 13px;
	font-weight: 1.3rem;
	line-height: 1.3;
}
.agencyBlock .agencyList .mail {
	position: absolute;
	top: 20px;
	right: 16px;
	color: #b3ad9d;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
}
.agencyBlock .agencyList .mail .ico {
	display: inline-block;
	width: 22px;
	margin-bottom: 4px;
}
.consultBlock {
	max-width: 407px;
	margin: 0 auto 32px auto;
}
.consultBlock .check {
	margin-bottom: 16px;
	padding: 16px 32px;
	background: #faebeb;
	color: #c73c3c;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
.consultBlock .check .mark {
	display: inline-block;
	width: 27px;
	margin-right: 8px;
}
.consultBlock .check .mark img {
	display: none;
}
.consultBlock .check .mark img:first-child {
	display: inline;
}
.consultBlock .check.on .mark img {
	display: inline;
}
.consultBlock .check.on .mark img:first-child {
	display: none;
}
.consultBlock .bt {
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}
.consultBlock .bt .over {
	opacity: 0.3;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ccc;
}
.consultBlock .bt.on .over {
	display: none;
}
.consultBlock .bt a {
	opacity: 0.3;
	display: table;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
}
.consultBlock .bt.on a {
	opacity: 1;
}
.consultBlock .bt .ico {
	display: table-cell;
	width: 64px;
	padding: 24px 16px 24px 48px;
	vertical-align: middle;
}
.consultBlock .bt .body {
	display: table-cell;
	padding: 24px 16px 24px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5;
	vertical-align: middle;
}
.consultBlock .bt .body .min {
	color: #666;
	font-size: 13px;
}
.consultBlock .address {
	padding: 32px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
}
.consultBlock .address span {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 32px;
}
.consultBlock .address span:first-child {
	display: none;
	color: #3300cc;
	font-size: 20px;
	font-size: 2.0rem;
}
.consultBlock .address.on span {
	display: none;
}
.consultBlock .address.on span:first-child {
	display: inline;
}
.confortTable {
	padding-bottom: 32px;
}
.confortTable .item {
	position: relative;
	float: left;
	width: 26%;
	margin-left: 5%;
}
.confortTable .item:nth-child(1) {
	margin-left: 0;
}
.confortTable .item:nth-child(1):after {
	content: '';
	position: absolute;
	top: 50%;
	left: 106%;
	border: 16px solid transparent;
	border-left: 16px solid #ff8080;
}
.confortTable .item:nth-child(3):after {
	content: '';
	position: absolute;
	top: 50%;
	right: 106%;
	border: 16px solid transparent;
	border-right: 16px solid #ff8080;
}
.confortTable .item:nth-child(2) {
	width: 38%
}
.confortTable .h {
	padding-bottom: 8px !important;
	background: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.confortTable ul {
	margin-bottom: 0;
	padding: 8px 0;
	border: 1px solid #f2ecda;
	background: #faf7ed;
}
.confortTable ul li {
	list-style: none;
	padding: 8px 16px;
	text-align: center;
	line-height: 1.5;
}
.confortTable .item:nth-child(2) ul li {
	padding: 8px 16px;
	border-top: 1px solid #f2ecda;
	text-align: left;
}
.confortTable .item:nth-child(2) ul li:first-child {
	border-top: none;
}
.confortTable .item:nth-child(3) ul li {
	padding: 40px 16px;
}
.responsiveBlock .left {
	float: left;
}
.responsiveBlock .right {
	float: right;
}
.videoProfile .img {
	float: left;
	width: 147px;
}
.videoProfile .body {
	padding-left: 171px;
}
.videoProfile .post {
	padding: 0 !important;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}
.videoProfile .name {
	margin-bottom: 16px;
	padding: 0 !important;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2rem;
}
.videoProfile .btProfile {
	position: relative;
	margin-bottom: 16px;
	padding: 0 0 0 10px !important;
	cursor: pointer;
}
.videoProfile .btProfile:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	border: 3px solid transparent;
	border-top: 5px solid #ff8080;
}
.videoProfile .profile {
	display: none;
}
.videoProfile .profile p {
	margin-bottom: 16px;
	padding: 0 !important;
}
.videoProfile .profile .h {
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0 !important;
}
.videoProfile .btGroup {
	padding: 0;
}
.videoProfile .btGroup li {
	list-style: none;
	display: inline-block;
	margin: 0 16px 0 0;
}
.areaLink {
	margin-bottom: 32px;
	padding: 24px 24px 1px 24px;
	background: #faf7ed;
}
.areaLink .h {
	margin-bottom: 8px;
	padding: 0 !important;
}
.manualBlock .itemGroup {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 32px -32px;
}
.manualBlock .item {
	width: 234px;
	margin: 0 0 24px 32px;
	text-align: center;
}
.manualBlock .item img {
	margin: 8px 0;
}
.consultPhone {
	margin-bottom: 32px;
	padding: 32px;
	background: #faf7ed;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}
.consultPhone .item {
	margin-bottom: 32px;
}
.consultPhone .item:last-child {
	margin-bottom: 0;
}
.consultPhone .item .img {
	float: left;
	width: 97px;
}
.consultPhone .item .body {
	padding-left: 128px;
}
.consultPhone .item .h {
	padding-bottom: 16px  !important;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 22px;
}
.consultPhone .item ul {
	margin-bottom: 0;
}
.caseBlock .banner {
	display: table;
	width: 100%;
	margin-bottom: 32px;
	padding: 32px;
	box-sizing: border-box;
	background: #faf8ed;
}
.caseBlock .banner .body {
	display: table-cell;
	padding-right: 16px;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: top;
}
.caseBlock .banner p {
	padding-bottom: 16px !important;
}
.caseBlock .banner .h {
	padding-bottom: 8px !important;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2rem;
}
.caseBlock .banner .img {
	display: table-cell;
	width: 32%;
	vertical-align: top;
}
.caseBlock .banner .img img {
	width: 100%;
}
@media only screen and (max-width: 767px){
.bodyBlock table {
	width: 100%;
}
.bodyBlock table th {
	white-space: normal;
}
.bodyBlock table.responsive {
	border-top: 1px solid #f2ecda;
}
.bodyBlock table.responsive tr {
	display: block;
	border: 1px solid #f2ecda;
	border-top: none;
}
.bodyBlock table.responsive th {
	display: block;
	width: auto !important;
	padding: 8px;
	border: none;
	background: #faf7ed;
}
.bodyBlock table.responsive td {
	display: block;
	width: auto !important;
	padding: 8px;
	border: none;
}
.bodyBlock .tableBlock {
	overflow: auto;
	width: 100%;
	margin-bottom: 32px;
	font-size: 14px;
}
.bodyBlock .tableBlock th {
	padding: 8px;
}
.bodyBlock .tableBlock td {
	padding: 8px;
}
.bodyBlock .tableBlock .inner {
	width: 720px;
}
.bodyBlock .tableBlock table {
	width: auto;
	margin-bottom: 0;
}
.bodyBlock table.index-table {
	border-top: 4px solid #f2ecda;
}
.bodyBlock table.index-table tr {
	border: none;
	border-bottom: 4px solid #faf7ed;
}
.agencyBlock .banner {
	margin-bottom: 32px;
	padding-bottom: 32px;
}
.agencyBlock .banner .item {
	float: none;
	width: 100%;
	margin: 0 0 16px 0;
}
.agencyBlock .agencyNav {
	margin-bottom: 8px;
}
.agencyBlock .agencyNav li {
	margin: 0 4px 8px 0;
	border-radius: 15px;
	font-size: 14px;
	line-height: 30px;
}
.agencyBlock .agencyGroup {
	padding: 8px;
}
.agencyBlock .agencyGroup .word {
	margin-bottom: 8px;
	padding: 0 8px;
}
.agencyBlock .agencyList .item:after {
	left: 8px;
}
.agencyBlock .agencyList .item a {
	padding: 8px 40px 8px 32px;
}
.agencyBlock .agencyList .body {
	float: none;
	width: auto;
}
.agencyBlock .agencyList .title {
	font-size: 16px;
}
.agencyBlock .agencyList .phone {
	float: none;
	width: auto;
	margin: 8px 0 0 0;
	font-size: 16px;
}
.agencyBlock .agencyList .mail {
	top: 8px;
	right: 8px;
}
.agencyBlock .banner .item.sns br.sp {
	display: inline-block;
}
.consultBlock .check {
	position: relative;
	padding: 16px 16px 16px 48px;
}
.consultBlock .check .mark {
	position: absolute;
	top: 16px;
	left: 16px;
}
.consultBlock .bt .ico {
	width: 40x;
	padding: 16px 8px 16px 8px;
}
.consultBlock .bt .body {
	padding: 16px 0 16px 0;
	font-size: 16px;
}
.consultBlock .bt .body .min {
	font-size: 11px;
}
.consultBlock .address {
	padding: 24px 0;
}
.confortTable .item {
	float: none;
	width: auto !important;
	margin: 0 0 32px 0;
}
.confortTable .item:nth-child(1):after {
	top: auto;
	bottom: -40px;
	left: 50%;
	margin-left: -16px;
	border: 16px solid transparent;
	border-top: 16px solid #ff8080;
}
.confortTable .item:nth-child(3):after {
	top: -40px;
	right: 50%;
	margin-right: -16px;
	border: 16px solid transparent;
	border-bottom: 16px solid #ff8080;
}
.confortTable .h {
	font-size: 14px;
}
.confortTable ul li {
	padding: 4px 16px;
	font-size: 14px;
}
.confortTable .item:nth-child(3) ul li {
	padding: 4px 16px;
}
.responsiveBlock > div {
	width: auto !important;
	margin-bottom: 16px; 
}
.responsiveBlock .left, 
.responsiveBlock .right {
	float: none;
}
.videoProfile .img {
	float: none;
	margin: 0 auto 8px auto;
	text-align: center;
}
.videoProfile .body {
	padding-left: 0;
}
.videoProfile .profile {
	font-size: 14px;
}
.videoProfile .btGroup {
	text-align: left;
}
.videoProfile .btGroup li {
	display: block;
	margin: 0 0 8px 0;
}
.ereaLink {
	margin-bottom: 32px;
	padding: 16px 16px 1px 16px;
}
.ereaLink .h {
	margin-bottom: 4px;
	padding: 0 !important;
}
.ereaLink ul {
	margin-bottom: 16px;
}
.consultPhone {
	padding: 16px;
}
.consultPhone .item {
	margin-bottom: 16px;
}
.consultPhone .item .img {
	float: none;
	margin: 0 auto 8px auto;
}
.consultPhone .item .body {
	padding-left: 0;
}
.consultPhone .item .h {
	padding-bottom: 8px !important;
	font-size: 18px;
	text-align: center;
}
.caseBlock .banner{
	padding: 16px;
}
.caseBlock .banner .h {
	font-size: 18px;
}
.caseBlock .banner .img {
	display: none;
}
}



/* ---------------- old */
.table-noborder {
	border: none !important;
}
.break-wrap {
	white-space: normal !important;
}
.link-icon-left {
	margin-right: 8px;
}
.link-icon-right {
	margin-left: 8px;
}
.line-dot01 {
	margin-bottom: 40px;
	border-bottom: 2px solid #f2ecda;
}
.solid-contents {
	margin-bottom: 24px;
	padding: 0 24px 24px 24px;
	border: 4px solid #f2ecda;
}
.solid-contents.attention {
	border: 4px solid #faebeb;
	color: #c73c3c;
}
.solid-contents p {
	margin: 0;
	padding: 24px 0 0 0 !important;
}
.solid-contents ul, 
.solid-contents ol {
	margin: 0;
	padding: 24px 0 0 24px !important;
}
.solid-contents .h, 
.solid-contents h2, 
.solid-contents h3, 
.solid-contents .solid-head {
	margin: 0 -24px !important;
	padding: 16px !important;
	border: none !important;
	border-bottom: 4px solid #f2ecda !important;
	background: #faf7ed;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	text-align: center;
}
.solid-contents .solid-head h2, 
.solid-contents .solid-head h3 {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}
.solid-contents.attention .h, 
.solid-contents.attention h2, 
.solid-contents.attention h3, 
.solid-contents.attention .solid-head {
	border: none !important;
	background: #faebeb;
}
.solid-contents .phone {
	text-align: center;
}
.solid-contents .phone .num {
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
}
.solid-contents .phone .ico {
	display: inline-block;
	width: 20px;
	margin-right: 8px;
}
.solid-contents .phone .min {
	font-size: 14px;
	font-size: 1.4rem;
}
.solid-contents .phone .note {
	padding: 0 !important;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
}
#map, 
map, 
#name {
	display: none;
}
.float-left-block img {
	margin: 0px 20px 20px 0px;
	float: left;
}
img.float-left {
	float: left;
	margin: 0 24px 24px 0;
}
img.float-right {
	float: right;
	margin: 0 0 24px 24px;
}
.layout-left{
float:left;
}

.layout-right{
float:right;
}
.link-list {
	padding-left: 0 !important;
}
.link-list li {
	list-style: none !important;
}
@media only screen and (max-width: 767px){
.table-noborder > tr, 
.table-noborder > tbody > tr {
	border: none !important;
}
.solid-contents {
	padding: 0 16px 8px 16px;
}
.solid-contents p {
	padding: 16px 0 0 0 !important;
}
.solid-contents .h, 
.solid-contents h2, 
.solid-contents h3, 
.solid-contents .solid-head {
	margin: 0 -16px !important;
	padding: 8px !important;
}
.solid-contents .phone .num {
	font-size: 18px;
}
.solid-contents .phone .min {
	font-size: 13px;
}
.float-left-block img {
	display: block;
	float: none;
	margin: 0 0 24px 0;
}
img.float-left {
	display: block;
	float: none;
	margin: 0 0 24px 0;
}
img.float-right {
	display: block;
	float: none;
	margin: 0 0 24px 0;
}
}



/* ---------------- search */
iframe .gs-webResult {
	width: auto !important;
}



/* ---------------- tablesorter */
table.tablesorter th {
	vertical-align: middle;
}
table.tablesorter .header {
	padding:10px 15px 10px 10px;
	background-image: url(/img/sort_bg.gif);
	background-position:center right;
	background-repeat: no-repeat;
	cursor:pointer;
}
table.tablesorter .headerSortUp {
	background-image: url(/img/sort_asc.gif);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image: url(/img/sort_desc.gif);
	background-repeat: no-repeat;
}



/* ---------------- form */
.formArea {
	padding: 32px 0;
}
.formArea p {
	padding-bottom: 32px;
}
.formArea h2 {
	margin: 16px 0 32px 0;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
.formArea h3 {
	margin-bottom: 32px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 20px;
	font-size: 2rem;
}
.formArea .mailform table {
	width: 100%;
	margin-bottom: 32px;
}
.formArea .mailform table th {
	width: 24%;
	padding: 16px;
	border: 2px solid #f2ecda;
	background: #faf7ed;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.formArea .mailform table td {
	padding: 16px;
	border: 2px solid #f2ecda;
	text-align: left;
	vertical-align: top;
}
.formArea input[type="text"], 
.formArea select, 
.formArea textarea  {
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.formArea input[type="text"] {
	width: 70%;
	box-sizing: border-box;
}
.formArea textarea  {
	width: 70%;
	height: 240px;
	box-sizing: border-box;
}
.formArea input[type="submit"], 
.formArea button.btn, 
.formArea #btn_can, 
.formArea input.back, 
.formArea input[type="reset"] {
	margin: 0 8px;
	padding: 0 32px;
	border-radius: 20px;
	border: none;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
.formArea input#back, 
.formArea #btn_can, 
.formArea input.back, 
.formArea input[type="reset"] {
	background: #a3a3a3;
}
.formArea input[type="submit"][disabled] {
	background: #f5f5f5;
	color: #ccc;
}
.formArea label input[type="radio"] {
	margin: 0 4px 0 8px;
	padding: 0;
}
.formArea .errorBlock {
	padding: 8px 32px;
	background: #faebeb;
	color: #c73c3c;
}
.formArea td .error {
	color: #c73c3c;
}
.formArea td .error.required {
	color: #333;
}
.formArea td .error-message {
	color: #c73c3c;
}
.formArea #warn {
	margin-bototm: 32px;
}
.formArea #warn .err {
	padding: 8px 32px;
	background: #faebeb;
	color: #c73c3c;
}
.formArea .mailform .note {
	padding-top: 8px;
	font-size: 13px;
}
.formArea .mailform th span {
	display: inline-block;
	margin-left: 8px;
	padding: 0 4px;
	border-radius: 4px;
	background: #c73c3c;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}
.formArea .mailform th p.sup {
	padding-bottom: 0 !important;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
}
div.dataelem {
	width: 100%;
}
.formArea .pdfForm .section {
	margin-bottom: 40px;
	border-top: 4px solid #f2ecda;
}
.formArea .pdfForm h3 {
	margin-bottom: 8px;
}
.formArea .pdfForm .group {
	position: relative;
	padding: 8px 16px;
	border-bottom: 2px solid #f2ecda;
}
.formArea .pdfForm .group.error {
	background: #faebeb;
}
.formArea .pdfForm .group dt {
	padding-right: 160px;
}
.formArea .pdfForm .group dd {
	position: absolute;
	top: 8px;
	right: 16px;
}
.formArea .pdfForm .commentBlock {
	display: table;
	width: 100%;
	padding: 16px;
	box-sizing: border-box;
	border-bottom: none;
}
.formArea .pdfForm .commentBlock dt {
	display: table-cell;
	padding-right: 0;
	width: 192px;
}
.formArea .pdfForm.result .commentBlock dt {
	width: 88px;
}
.formArea .pdfForm .commentBlock dd {
	display: table-cell;
	position: static;
}
.formArea .pdfForm .commentBlock dd.ans {
	min-height: 32px;
	padding: 4px 8px;
	background: #faf7ed;
}
.formArea .pdfForm .commentBlock input {
	width: 100%;
}
.formArea .pdfForm .submitBlock {
	text-align: center;
}
.formArea .attention .solid-contents {
	border: none;
	background: #faebeb;
}
.formArea .pdfForm .confirmLead {
	margin-bottom: 40px;
}
.formArea .pdfForm .confirmLead p {
	padding-bottom: 0;
}
.formArea .pdfForm .ans_y {
	display: inline-block;
	width: 80px;
	border-radius: 12px;
	background: #92bf7b;
	color: #fff;
	font-size: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
	line-height: 24px;
}
.formArea .pdfForm .ans_n {
	display: inline-block;
	width: 80px;
	border-radius: 12px;
	background: #c27171;
	color: #fff;
	font-size: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
	line-height: 24px;
}
.formArea .pdfForm .ans_blank {
	display: inline-block;
	width: 80px;
	padding-bottom: 4px;
	border-radius: 12px;
	background: #f5f5f5;
	font-size: 16px;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
	line-height: 20px;
}
.formArea .pdfForm .btnConfirm {
	position: relative;
	padding: 0;
	border-bottom: none;
	text-align: right;
}
.formArea .pdfForm .btnConfirm li {
	display: inline-block;
}
.formArea .pdfForm .btnConfirm .back input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 8px;
	padding: 0 32px;
	border-radius: 20px;
	border: none;
	background: #a3a3a3;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
.formArea .pdfForm .btnConfirm .print input {
	margin: 0 8px;
	padding: 0 32px;
	border-radius: 20px;
	border: none;
	background: #ff8080;
	color: #fff;
	font-family: "新丸ゴ R JIS2004", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 40px;
}
.formArea .pdfForm .btnConfirm .pdf:after {
	display: none;
}
.formArea input.input-text02 {
	width: 160px;
}
.formArea input.input-text03 {
	width: 160px;
}
.formArea ul {
	margin-bottom: 24px;
	padding-left: 24px;
}
.formArea ul li {
	margin-bottom: 4px;
	list-style: disc;
}

@media only screen and (max-width: 767px){
.formArea h2 {
	font-size: 20px;
}
.formArea h3 {
	font-size: 18px;
}
.formArea .mailform table {
	border-top: 1px solid #f2ecda;
}
.formArea .mailform table tr {
	display: block;
	border: 1px solid #f2ecda;
	border-top: none;
}
.formArea .mailform table th {
	display: block;
	width: auto !important;
	padding: 8px;
	border: none;
	background: #faf7ed;
}
.formArea .mailform table td {
	display: block;
	width: auto !important;
	padding: 8px;
	border: none;
}
.formArea input[type="text"] {
	width: 100%;
}
.formArea textarea  {
	width: 100%;
	height: 160px;
}
.formArea input[type="submit"], 
.formArea button.btn, 
.formArea input[type="reset"] {
	margin: 0 8px 8px 8px;
}
.formArea .pdfForm .group dt {
	padding-right: 0;
}
.formArea .pdfForm .group dd {
	position: static;
	padding-top: 8px;
}
.formArea .pdfForm .commentBlock dt {
	display: block;
	width: auto;
	margin-bottom: 8px;
}
.formArea .pdfForm .commentBlock dd {
	display: block;
}
.formArea .pdfForm .btnConfirm {
	text-align: center;
}
.formArea .pdfForm .btnConfirm li {
	display: block;
	margin-bottom: 8px;
}
.formArea .pdfForm .btnConfirm .back input {
	position: static;
}
}
@media print {
.formArea .pdfForm .btnConfirm {
	display: none;
}
.formArea .pdfForm .ans_y {
	color: #333;
}
.formArea .pdfForm .ans_n {
	color: #333;
}
}

/* ---------------- top-banner */
.bnrCtn {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 8px 16px;
	background: rgba(33,33,33,0.2);
	z-index: 9999;
	transition: all 0.4s ease;
	box-sizing: border-box;
}
.bnrCtn .inner {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
	background: #fff;
}
.bnrCtn a {
	display: block;
}
.bnrCtn .bnrClose {
	position: absolute;
	top: -20px;
	right: 8px;
	width: 40px;
	height: 40px;
	background: rgba(66,66,66,0.80);
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.4s ease;
}
.bnrCtn .bnrClose:hover {
	opacity: 0.6;
}
.bnrCtn .bnrClose:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	background: #fdfdfd;
	transform: translate(-50%,-50%) rotate(45deg);
}
.bnrCtn .bnrClose:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	background: #fdfdfd;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.bnrCtn .sp {
	display: none;
}
.bnrCtn.new::before {
	display: none;
}
.bnrCtn.new .bnr {
	position: relative;
}
.bnrCtn.new .bnr::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10%;
	height: 100%;
	background: url("/img/bnr/bnr_ico_new.png") no-repeat top left;
	background-size: contain;
}
@media screen and (max-width: 767px){
	.bnrCtn .pc {
		display: none;
	}
	.bnrCtn .sp {
		display: block;
	}
	.bnrCtn .sp img {
		width: 100%;
	}
	.bnrCtn .bnrClose {
		top: -10px;
		right: 4px;
		width: 20px;
		height:20px;
	}
	.bnrCtn .bnrClose:before {
		width: 12px;
	}
	.bnrCtn .bnrClose:after {
		width: 12px;
	}
}


/* ---------------- sns-soudan */
.snsFlow {
	margin-bottom: 58px;
}
.snsFlow .item {
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 58px;
	padding: 12px 16px 12px 30px;
	background: #faf7ed;
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	font-size: 18px;
	line-height: 1.5;
}
.snsFlow .item::before {
	content: '';
	position: absolute;
	top: -38px;
	left: 50%;
	border: 14px solid transparent;
	border-top: 18px solid #ff8080;
	transform: translateX(-50%);
}
.snsFlow .item:first-child {
	margin-top: 0;
	padding: 24px;
	background: none;
	border: 4px solid #f2ecda;
	text-align: center;
}
.snsFlow .item:first-child::before {
	display: none;
}
.snsFlow .item .h {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	margin-right: 28px;
	background: #fff;
	border-radius: 50%;
	font-size: 15px;
	text-align: center;
	line-height: 1.2;
}
.snsFlow .item .blank {
	width: 64px;
	height: 64px;
	margin-right: 28px;
}
.snsFlow .item .blank::after {
	display: none;
}
.snsFlow .item p {
	flex: 1;
	padding: 0 !important;
}
.snsDay {
	font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
	text-align: center;
}
.snsDay .day {
	margin-top: 24px;
	font-size: 2.2rem;
	line-height: 1.5;
}
.snsDay .note {
	font-size: 1.6rem;
}
.snsDay .date {
	margin-top: 24px;
	border-top: 2px solid #f2ecda;
}
.snsDay .date .h {
	border: none !important;
	background: none;
}
.btnSnsSoudan {
	display: inline-block;
	width: 260px;
}
.termBlock {
	overflow: auto;
	max-height: 480px;
	margin-bottom: 32px;
	border: 1px solid #ccc;
	padding: 16px;
}
@media (max-width: 767px){
.snsFlow .item {
	padding: 8px 16px;
	font-size: 16px;
}
.snsFlow .item:first-child {
	padding: 16px;
}
.snsFlow .item .h {
	margin-right: 16px;
}
.snsDay .day {
	font-size: 1.8rem;
}
.termBlock {
	max-height: 240px;
}
}

/* ---------------- youtube */
.youtube {
	position: relative;
	margin-bottom: 32px;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ---------------- case */
/* copy, lead */
.copyBox {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding: 8px 32px;
    border: 4px solid #f2ecda;
}
.copyBox .body {
    flex: 1;
    padding-bottom: 0 !important;
    font-family: "新丸ゴ R JIS2004", sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5;
}
.copyBox .img {
    width: 180px;
}
.copyBox .body + .img {
    margin-left: 16px;
}
.copyBox .img + .body {
    margin-left: 24px;
}
.leadBox {
    padding: 0 24px;
}
.leadBox p {
    margin-bottom: 32px;
    padding-bottom: 0 !important;
}
@media (max-width: 767px){
.copyBox {
    margin-bottom: 24px;
    padding: 16px;
}
.copyBox .body {
    font-size: 18px;
}
.copyBox .img {
    width: 80px;
}
.leadBox {
    padding: 0 15px;
}
}

/* search */
.case-search {
    margin-bottom: 40px;
}
.case-search .head {
    position: relative;
    padding: 0 18px;
    background: #f2ecda;
    font-family: "新丸ゴ R JIS2004", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 46px;
    letter-spacing: 0.1em;
}
.case-search .head .mark {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ff8080;
    transform: translateY(-50%);
}
.case-search .head .mark::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 3px;
    background: #fff;
    transform: translate(-50%, -50%);
}
.case-search .head .mark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 3px;
    background: #fff;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.4s ease;
}
.case-search .head.on .mark::after {
    width: 0;
}
.case-search .head .ico {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    transform: rotate(-45deg);
}
.case-search .head .ico:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 2px;
	height: 12px;
	margin-left: -1px;
	background: #ff8080;
}
.case-search .head .ico:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -7px;
	border: 2px solid #ff8080;
	border-radius: 50%;
	background: #fff;
}
.case-search table {
    width: 100%;
}
.case-search table th {
    width: 180px;
    padding: 12px 16px;
    border: 2px solid #f2ecda;
    background: #faf7ed;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
}
.case-search table td {
    padding: 8px 16px;
    border: 2px solid #f2ecda;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
    vertical-align: top;
}
.case-search table ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 4px 0;
}
.case-search label input {
    display: none;
}
.case-search .label {
    display: block;
    position: relative;
    padding-left: 20px;
    line-height: 20px;
}
.case-search .label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    translate: 0 -50%;
}
.case-search input:checked + .label::before {
    border-color: #ff8080;
    background: #ff8080;
}
.case-search input:checked + .label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    width: 3px;
    height: 6px;
    margin-top: -1px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    transform: translateY(-50%) rotate(45deg);
}
.case-search .keyword {
    padding: 8px 0;
}
.case-search .keyword input {
    width: 100%;
    height: 29px;
    max-width: 470px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 0;
}
.case-search .btnSearch {
    padding: 16px;
    border: 2px solid #f2ecda;
    border-top: none;
    text-align: center;
}
.case-search .btnSearch .a {
    outline: none;
    height: 40px;
    padding: 0 32px;
    border-radius: 20px;
    border: none;
    background: #ff8080;
    color: #fff;
    font-size: 13px;
}
@media (max-width: 767px){
.case-search .head {
    font-size: 14px;
}
.case-search .head .mark {
    display: block;
}
.case-search .body {
    display: none;
}
.case-search table th {
    display: block;
    width: auto;
    padding: 8px 12px;
    border-top: none;
    border-bottom: none;
    font-size: 14px;
}
.case-search table td {
    display: block;
    padding: 8px 12px;
    border-top: none;
    font-size: 14px;
}
}

/* result */
.case-result {
    margin-bottom: 32px;
    border-top: 4px solid #f2ecda;
    font-family: "新丸ゴ R JIS2004", sans-serif;
}
.case-result .item {
    border-bottom: 2px solid #f2ecda;
}
.case-result .item a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    color: #333;
}
.case-result .img {
    width: 29.16%;
    margin-right: 24px;
}
.case-result .body {
    flex: 1;
    padding: 8px 96px 8px 8px;
}
.case-result .title {
    position: relative;
    padding-left: 24px;
    font-size: 1.8rem;
    line-height: 1.5;
}
.case-result .title::after {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff8080;
	border-right: 2px solid #ff8080;
	transform: rotate(45deg);
}
.case-result .tag {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0 0 24px;
}
.case-result .tag li {
    position: relative;
    padding-right: 8px;
    margin: 0 8px 0 0;
    color: #666;
    font-size: 1.2rem;
    white-space: nowrap;
}
.case-result .tag li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ccc;
    transform: translateY(-50%);
}
.case-result .tag li:last-child::after {
    display: none;
}
.case-result .time {
	position: absolute;
	top: 50%;
	right: 0;
	width: 96px;
	padding-left: 14px;
	box-sizing: border-box;
	color: #3c88ed;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
	line-height: 24px;
    transform: translateY(-50%);
}
.case-result .time .ico {
	display: inline-block;
	width: 16px;
	margin-right: 8px;
}
.case-result .time .ico img {
	vertical-align: middle;
}
.case-result > p {
    padding: 16px 0;
}
@media (max-width: 767px){
.case-result .item a {
    align-items: flex-start;
}
.case-result .img {
    width: 23.32%;
    margin-right: 8px;
}
.case-result .body {
    padding: 0;
}
.case-result .title {
    font-size: 14px;
}
.case-result .title::after {
    top: 6px;
    width: 8px;
    height: 8px;
}
.case-result .tag {
    padding-top: 0;
}
.case-result .tag li {
    font-size: 11px;
}
.case-result .time {
    position: static;
    width: auto;
    padding: 0 0 0 24px;
    text-align: left;
    transform: translateY(0);
}
}

/* ---------------- general */
.mt0 {
	margin-top: 0 !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb32 {
	margin-bottom: 32px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr8 {
	margin-right: 8px !important;
}
.mr16 {
	margin-right: 16px !important;
}
.mr24 {
	margin-right: 24px !important;
}
.mr32 {
	margin-right: 32px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml8 {
	margin-left: 8px !important;
}
.ml16 {
	margin-left: 16px !important;
}
.ml24 {
	margin-left: 24px !important;
}
.ml32 {
	margin-left: 32px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt8 {
	padding-top: 8px !important;
}
.pt16 {
	padding-top: 16px !important;
}
.pt24 {
	padding-top: 24px !important;
}
.pt32 {
	padding-top: 32px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb8 {
	padding-bottom: 8px !important;
}
.pb16 {
	padding-bottom: 16px !important;
}
.pb24 {
	padding-bottom: 24px !important;
}
.pb32 {
	padding-bottom: 32px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pr8 {
	padding-right: 8px !important;
}
.pr16 {
	padding-right: 16px !important;
}
.pr24 {
	padding-right: 24px !important;
}
.pr32 {
	padding-right: 32px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl8 {
	padding-left: 8px !important;
}
.pl16 {
	padding-left: 16px !important;
}
.pl24 {
	padding-left: 24px !important;
}
.pl32 {
	padding-left: 32px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.wp5 {
	width:5%;
}
.wp10 {
	width:10%;
}
.wp15 {
	width:15%;
}
.wp20 {
	width:20%;
}
.wp25 {
	width:25%;
}
.wp30 {
	width:30%;
}
.wp35 {
	width:35%;
}
.wp40 {
	width:40%;
}
.wp45 {
	width:45%;
}
.wp50 {
	width:50%;
}
.wp55 {
	width:55%;
}
.wp60 {
	width:60%;
}
.wp70 {
	width:70%;
}
.wp80 {
	width:80%;
}
.wp90 {
	width:90%;
}
.wp100 {
	width:100%;
}
.txtR {
	text-align: right !important;
}
.txtL {
	text-align: left !important;
}
.text-center, 
.txtC {
	text-align: center !important;
}
.f12 {
	font-size: 1.2rem !important;
}
.f14 {
	font-size: 1.4rem !important;
}
.f16 {
	font-size: 1.6rem !important;
}
.f18 {
	font-size: 1.8rem !important;
}
.f20 {
	font-size: 2rem !important;
}
.f24 {
	font-size: 2.4rem !important;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.red {
	color: #c73c3c;
}
.pink {
	color: #ff8080;
}
ul.inlineList {
	padding-left: 0;
}
ul.inlineList li {
	display: inline-block;
	margin-right: 16px;
}
@media only screen and (max-width: 767px){

}



/*------------------------ 5分間研修シリーズ */
.fiveminArea {
    font-family: "新丸ゴ R JIS2004", sans-serif;
}
.fiveminArea .a {
    cursor: pointer;
    transition: .4s ease;
}
.fiveminArea .a:hover {
    opacity: 0.6;
}
#contents .fiveminArea p {
    padding-bottom: 0;
}
#contents .fiveminArea h2 {
    margin-bottom: 56px;
}
#contents .fiveminArea h3 {
    margin-bottom: 40px;
}
.fiveminArea .section {
    margin-bottom: 64px;
}
.fiveminArea .leadBox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 40px;
    padding: 32px 72px 32px 32px;
    border: 4px solid #f2ecda;
}
.fiveminArea .leadBox .body {
    flex: 1;
    font-size: 2.2rem;
    font-family: "新丸ゴ R JIS2004", sans-serif;
}
.fiveminArea .leadBox .img {
    width: 225px;
    margin-left: 48px;
}
.fiveminArea .leadBox .img img {
    width: 100%;
}
.fiveminArea > .body {
    margin-bottom: 40px;
}
.fiveminArea > .body p {
    margin-bottom: 32px;
}
.fiveminArea .index {
    margin-bottom: 40px;
    padding: 32px 32px 8px;
    background: #faf7ed;
}
.fiveminArea .index .h {
    margin-bottom: 8px;
    font-size: 1.6rem;
}
.fiveminArea .index p.h {
    margin-bottom: 8px;
    padding-bottom: 4px !important;
    border-bottom: 2px solid #f2ecda;
    font-size: 1.6rem;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
}
.fiveminArea .index ul {
    padding: 0;
}
.fiveminArea .index li {
    position: relative;
    list-style: none;
    padding-left: 20px;
}
.fiveminArea .index li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    border: 4px solid transparent;
    border-left: 6px solid #ff8080;
}
.fiveminArea .index a {
    color: #333;
}
.fiveminArea .videoInfo {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    font-family: "新丸ゴ R JIS2004", sans-serif;
}
.fiveminArea .videoInfo .img {
    overflow: hidden;
    width: 156px;
    margin-right: 32px;
    border: 2px solid #f2ecda;
    border-radius: 8px;
}
.fiveminArea .videoInfo .body {
    flex: 1;
}
.fiveminArea .videoInfo .box {
    padding: 16px 24px;
    background: #faf7ed;
    font-size: 1.5rem;
}
.fiveminArea .videoInfo .profile {
    display: flex;
    padding-top: 16px;
    font-size: 1.4rem;
}
.fiveminArea .videoInfo .profile .h {
    margin-right: 4px;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    white-space: nowrap;
}
.fiveminArea .videoInfo .profile p:not(.h) {
    flex: 1;
}
.fiveminArea .videoInfo .profile .btn {
    display: inline-block;
    margin-left: 16px;
    background: #ff8080;
    border-radius: 14px;
    padding: 0 8px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    vertical-align: middle;
}
.fiveminArea .videoBlock {
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 2px solid #f2ecda;
    border-radius: 16px;
}
.fiveminArea .videoBlock .video {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.fiveminArea .videoBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px){
#contents .fiveminArea h2 {
    margin-bottom: 32px;
}
#contents .fiveminArea h3 {
    margin-bottom: 24px;
}
.fiveminArea .section {
    margin-bottom: 32px;
}
.fiveminArea .leadBox {
    display: block;
    padding: 16px;
}
.fiveminArea .leadBox .img {
    width: 200px;
    margin: 0 auto 16px;
}
.fiveminArea .leadBox .body {
    font-size: 18px;
}
.fiveminArea .index {
    padding: 24px 16px 1px 16px;
}
.fiveminArea .index li {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.5;
}
.fiveminArea .videoInfo {
    display: block;
    margin-bottom: 32px;
}
.fiveminArea .videoInfo .img {
    width: 120px;
    margin: 0 auto 16px;
}
.fiveminArea .videoInfo .box {
    font-size: 14px;
}
.fiveminArea .videoInfo .profile {
    display: block;
}
.fiveminArea .videoInfo .profile .btn {
    display: block;
    width: 94px;
    margin: 8px 0 0;
}
}

/* modal */
.fiveminArea .modalGroup {
    opacity: 0;
    position: relative;
    z-index: 1000000;
    visibility: hidden;
    transition: opacity .4s ease;
}
.fiveminArea .modalGroup.on {
    opacity: 1;
    visibility: visible;
}
.fiveminArea .modalGroup .overlay {
    opacity: 0.4;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.fiveminArea .modalGroup .modal {
    overflow: auto;
    position: fixed;
    z-index: 1000000;
    top: 50%;
    left: 50%;
    width: calc(100% - 64px);
    max-width: 928px;
    max-height: calc(100% - 32px);
    padding: 32px 96px 72px;
    box-sizing: border-box;
    background: #faf7ed;
    border-radius: 16px;
    transform: translate(-50%, -50%);
}
.fiveminArea .modalGroup .btnClose .a {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
}
.fiveminArea .modalGroup .btnClose .a::before,
.fiveminArea .modalGroup .btnClose .a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #ff8080;
    transform: translate(-50%, -50%) rotate(45deg);
}
.fiveminArea .modalGroup .btnClose .a::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.fiveminArea .modalGroup .modalHead {
    margin-bottom: 32px;
    font-size: 2rem;
    font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
    text-align: center;
    line-height: 1.5;
}
.fiveminArea .modalGroup .modalBody {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.fiveminArea .modalGroup .img {
    overflow: hidden;
    width: 39.13%;
    border-radius: 12px;
}
.fiveminArea .modalGroup .body {
    width: 52.17%;
    font-size: 1.6rem;
}
.fiveminArea .modalGroup .post {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.71;
}
.fiveminArea .modalGroup .name {
    margin-bottom: 32px;
    font-size: 2.8rem;
    line-height: 1.5;
}
.fiveminArea .modalGroup .name .min {
    font-size: 1.6rem;
}
.fiveminArea .modalGroup .data {
    display: none;
}
@media (max-width: 767px){
.fiveminArea .modalGroup .modal {
    max-width: calc(100% - 32px);
    padding: 16px 16px 24px;
}
.fiveminArea .modalGroup .modalHead {
    margin-bottom: 24px;
    font-size: 18px;
}
.fiveminArea .modalGroup .modalBody {
    display: block;
}
.fiveminArea .modalGroup .img {
    width: 200px;
    margin: 0 auto 16px;
}
.fiveminArea .modalGroup .body {
    width: auto;
    font-size: 14px;
}
.fiveminArea .modalGroup .post {
    margin-bottom: 8px;
}
.fiveminArea .modalGroup .name {
    margin-bottom: 16px;
    font-size: 20px;
}
}



/*------------------------ わたしのセルフケア宣言 */
#contents .bodyBlock .myselfcareArea p {
  padding: 0;
}
.myselfcareArea .leadBox {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    padding: 0;
    border: 4px solid #f2ecda;
}
.myselfcareArea .leadBox .txt {
    flex: 1;
    padding: 32px 48px 32px 32px;
    font-size: 2.2rem;
    font-family: "新丸ゴ R JIS2004", sans-serif
}
.myselfcareArea .leadBox .img {
    width: 40.19%;
    min-width: 200px;
    text-align: center;
}
.myselfcareArea .leadBox .img img {
    max-width: 200px;
}
.myselfcareArea .box {
  padding: 24px;
  background: #faf7ed;
  font-size: 1.5rem;
}
.myselfcareArea .box ul {
  margin: 0;
  padding: 0;
}
.myselfcareArea .box ul li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.myselfcareArea .box ul li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #ff8080;
  border-radius: 50%;
}
.myselfcareArea .box ol {
  margin: 0;
  padding: 0;
  counter-reset: num 0;
}
.myselfcareArea .box ol li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.myselfcareArea .box ol li::before {
  counter-increment: num 1;
  content: counter(num);
  position: absolute;
  top: 0px;
  left: 0;
  color: #ff8080;
}
.myselfcareArea .box li + li {
  margin-top: 8px;
}
.myselfcareArea p + .box {
  margin-top: 24px;
}
.myselfcareArea .btn {
  margin-top: 32px;
  text-align: center;
}
.myselfcareArea .btn a {
  display: inline-block;
  width: 100%;
  max-width: 217px;
  background: #ff8080;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
}
.myselfcareArea .container + .container {
  margin-top: 64px;
}
.myselfcareArea .head-step {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
}
.myselfcareArea .head-step .step {
  color: #ff8080;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}
.myselfcareArea .head-step .step .num {
  display: block;
  width: 40px;
  margin-top: 4px;
  background: #ff8080;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
}
#contents .myselfcareArea .head-step h3 {
  margin: 0;
  padding-left: 0;
  border: none !important;
  font-size: 20px;
  line-height: 40px;
}
.myselfcareArea figure {
  overflow: hidden;
  position: relative;
  margin: 24px 0 0;
  padding: 0;
  border: 2px solid #f2ecda;
  border-radius: 16px;
}
.myselfcareArea figure .over {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.myselfcareArea figure.on .over {
  opacity: 1;
  transition: opacity .4s ease;
}
.myselfcareArea .box + h3 {
  margin-top: 32px !important;
}
@media (max-width: 767px){
  .myselfcareArea .leadBox {
    display: block;
  }
  .myselfcareArea .leadBox .txt {
    padding: 16px;
    font-size: 18px;
  }
  .myselfcareArea .leadBox .img {
    width: auto;
  }
  .myselfcareArea .head-step {
    align-items: center;
  }
  #contents .myselfcareArea .head-step h3 {
    font-size: 18px;
    line-height: 1.5;
  }
}



/*------------------------ コッコローのご紹介 */
/*
.kokkoroArea {
  font-family: "新丸ゴ R JIS2004", sans-serif;
}
*/
.kokkoroArea * {
  box-sizing: border-box;
}
#contents .bodyBlock .kokkoroArea p {
  padding: 0;
}
.kokkoroArea .container + .container {
  margin-top: 72px;
}
@media (max-width: 767px){
  .kokkoroArea .container + .container {
    margin-top: 48px;
  }
}

/* intro */
.kokkoroArea .intro {
  display: grid;
  grid-template-columns: 1fr 255px;
  gap: 32px;
}
.kokkoroArea .intro .head {
  margin-bottom: 24px;
  font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
  line-height: 1.5;
}
.kokkoroArea .intro .head .shoulder {
  margin-bottom: 8px;
}
.kokkoroArea .intro .head .h {
  color: #FF8080;
  font-size: 3.6rem;
}
.kokkoroArea .intro .img {
  text-align: center;
}
.kokkoroArea .intro .img img {
  max-width: 220px;
}
@media (max-width: 767px){
  .kokkoroArea .intro {
    grid-template-columns: 1fr;
  }
  .kokkoroArea .intro .head .h {
    font-size: 2.8rem;
  }
}

/* profile */
.kokkoroArea .profile {
  display: grid;
  grid-template-columns: 1fr 255px;
  gap: 32px;
}
.kokkoroArea .profile dl dt {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #F2ECDA;
  color: #FF8080;
  font-size: 1.4rem;
  font-weight: 700;
}
.kokkoroArea .profile dl dd {
  font-size: 1.8rem;
}
.kokkoroArea .profile dl dd + dt {
  margin-top: 16px;
}
@media (max-width: 767px){
  .kokkoroArea .profile {
    grid-template-columns: 1fr;
  }
  .kokkoroArea .profile dl dd {
    font-size: 1.6rem;
  }
}

/* links */
.kokkoroArea .links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  margin: 32px 0 0 0;
  padding: 0;
  list-style: none;
}
.kokkoroArea .links li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kokkoroArea .links a {
  display: block;
  padding: 24px;
  background: #fff;
  border: 3px solid #F2ECDA;
  border-radius: 11px;
}
.kokkoroArea .links .img {
  margin-bottom: 16px;
}
.kokkoroArea .links .img img {
  max-width: 234px;
  border-radius: 4px;
}
.kokkoroArea .links .h {
  color: #FF8080;
  font-family: "新丸ゴ M JIS2004", "新丸ゴ R JIS2004", sans-serif;
  font-size: 2.0rem;
  text-align: center;
}
@media (max-width: 767px){
  .kokkoroArea .links .h {
    font-size: 1.8rem;
  }
}

/* listen to me */
.kokkoroArea p + p {
  margin-top: 24px;
}
.kokkoroArea .btMore {
  margin-top: 24px;
}