body {
	background: #000;
}
#wrap {
	background: #fff;
}
header{
	background:#fff;
	text-align: center;
	position: relative;
	height: 44px;
	overflow: hidden;
}

header h1 img {
	width: 60%;
	height: auto;
	margin-left: 10%;
	padding-top: 8px;
}
header#main-top {
	width: 100%;
	height: 44px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	/*background: rgba(0,0,0,.5);*/
	transition: .3s;
	overflow: hidden;
}

.menu-btn {
	position: absolute;
	left: 0;
	top:0;
	height: 44px;
	width: 44px;
	display: block;
	background: url(/images/menu-btn@3x.png) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
	
a {
	color:#333;
	text-decoration:none;
	outline: none;		
}

a:hover {
	color:#19b491;
}

p {
	line-height: 1.6em;
}
	
p span.marker {
	background-color: #fff8b0;
}

.left {
	float: left:
}

.right {
	float: right;
}

.note {
	font-size: 12px;
	line-height: 16px;
}

.mb6 {
	margin-bottom: 6px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb18 {
	margin-bottom: 18px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb48 {
	margin-bottom: 48px;
}

.mbnone {
	margin-bottom: 0 !important;
}

#conteiner.recipe {
	background: url(/images/living/living-recipe-area-bg.gif) repeat;
	padding: 68px 24px 24px 24px;
}

#menu {
	background: #ECFADF;
}

#menu ul li.active {
	background-color: #F5F5F5;
}

#menu ul li.active02 {
	background-color: #FFFFFF;
}

#menu .current {
	background-color: #F5F5F5;
}

.nextbtn {
	max-width: 50%;
	float: right;
	display: block;
	overflow: hidden;
}

#contentsWarp {
	padding: 5%;
}

.low-warp {
	background: #FFF;
	padding: 5%;
}

.low-warp.column {
	background: #F7F8DA;
}

.top-soramame-btn {
	width: 90%;
	margin: 12px auto 24px;
}

/*************************
　　　　共通項目
*************************/

#conteiner {
	padding-top: 44px;
	overflow: hidden;
}

#conteiner h2 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.guide {
	background: #ECFADF;
}

.cat01 {
	background: #FCF3DF;
}

.cat02 {
	background: #FDEDEF;
}

.cat03 {
	background: #E6FAFF;
}

.cat04 {
	background: #EFEBFF;
}

.cat05 {
	background: #FFE7E5;
}

.cat06 {
	background: #FFEFF5;
}
.cat07 {
	background: #F6FDEF;
}
.cat08 {
	background: #FFECD6;
}

.contents {
	margin-bottom: 24px;
}

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

/*****コラム*****/
.columntitle {
	margin-bottom: 24px;
}
.columntitle img {
	width: 40%;
	display: block;
	margin: 0 auto;
}

.columnWarp {
	width: 88%;
	margin: 0 auto;
	background: #FFF;
	border-radius: 10px;
	padding: 6%;
}

.columnWarp h3.columnTitle {
	text-align: center;
	font-weight: bold;
	color: #0032C8;
	font-size: 19px;
	margin-bottom: 12px;
}

.column-itemBox {
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 16px;
	border: 1px solid #6EC844;
}

.column-itemBox .illust-title {
	overflow: hidden;
	margin-bottom: 12px;
}

.column-itemBox .illust-title img {
	width: 24%;
	float: left;
	margin-right: 8px;
}

.column-itemBox .illust-title h4 {
	color: #6EC844;
	padding-left: 24%;
}

.column-itemBox .illust-title p {
	padding-left: 28%;
}

.column-linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.column-linkbtn a {
	padding: 6px;
	color: #FFF;
	background: #9AD87E;
	border: 1px solid #6EC844;
	border-radius: 8px;
}

.telbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 16px;
	font-weight: bold;
}

.telbtn a {
	padding: 6px;
	color: #FFF;
	background: #3891ff;
	border: 1px solid #b6d6fe;
	border-radius: 8px;
	font-size: 16px;
}

/*****強調文字*****/
.kyocyo {
	font-weight: bold;
	color: #FF007F;
}

/*****文字センター揃い*****/
.center {
	text-align: center;
}

/*****チェック項目背景赤*****/
.checkArea-red-illust {
	width: 50%;
}
.checkArea-red {
	border-radius: 10px;
	padding: 5%;
	overflow: hidden;
	background: #fff4f4;
	color: #FF0000;
	margin-bottom: 24px;
	border: 2px solid #FF0000;
}

/*****ページ見出し部分*****/
.pagetitle {
	padding-left: 5%;
	padding-right: 5%;
	background-image: url(../images/pagetitle-bg-img@3x.png);
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: bottom;
	background-size: 11%;
	height: 66px;
}

.pagetitle dl dt {
	float: left;
	font-size: 24px;
	padding-top: 14px;
}
.pagetitle dl dd {
	font-size: 14px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: bold;
}

.pagetitle dl dt.cat01 {
	color: #FFB200;
}

.pagetitle dl dt.cat02 {
	color: #FF8C96;
}

.pagetitle dl dt.cat03 {
	color: #00C3FF;
}

.pagetitle dl dt.cat04 {
	color: #AA96FF;
}

.pagetitle dl dt.cat05 {
	color: #FF5546;
}

.pagetitle dl dt.cat06 {
	color: #FF0064;
}

.pagetitle dl dt.cat07 {
	color: #96E650;
}

.pagetitle dl dt.cat08 {
	color: #FF9212;
}



/*****ページリード文*****/
.page-lead {
	border-bottom: 1px solid #000;
	margin-bottom: 24px;
	padding-bottom: 6px;
}

.page-lead p {
	font-size: 13px;
	line-height: 1.5em;
}

.page-lead .cat07-lead-sub {
	color: #5AAF41;
}


/*****フッターページナビボタン*****/
.footnavi {
	overflow: hidden;
	margin-bottom: 24px;
}

.footnavi ul li {
	float: left;
	width: 31%;
	display: block;
	text-align: center;
	font-size: 11px;
	background: #000;
	color: #FFF;
	margin-right: 3%;
	padding: 2%;
}

.footnavi ul li a {
	color: #FFF;
}

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

.footnavi ul li.prev {
	width: 25.5%;
}

.footnavi ul li.next {
	width: 25.5%;
}

.footnavi ul li.cat1 {
	background: #FFB200;
}

.footnavi ul li.cat2 {
	background: #FF8C96;
}

.footnavi ul li.cat3 {
	background: #00C3FF;
}

.footnavi ul li.cat4 {
	background: #AA96FF;
}

.footnavi ul li.cat5 {
	background: #FF5546;
}

.footnavi ul li.cat6 {
	background: #FF0064;
}
.footnavi ul li.cat7 {
	background: #96E650;
}
.footnavi ul li.cat8 {
	background: #FF9212;
}



/*****ツイッターボタン*****/
.tw-btn {
	margin-bottom: 24px;
}

.tw-btn img {
	width: 80%;
	margin: 0 auto;
	display: block;
}


/*****チェック項目*****/
.checkArea {
	overflow: hidden;
	margin-bottom: 24px;
}
.checkArea .checktitle {
	position: relative;
	height: 60px;
	padding-top: 20px;
}

.checkArea .checktitle img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
}

.checkArea .checktitle h2 {
	text-align: right;
	font-weight: bold;
	font-size: 24px;
	border-radius: 30px;
	padding-right: 3%;
}

.checkArea .checktitle h2.page01 {
	background: #FDE8B6;
	color: #FFB400;
}

.checkArea .checktitle h2.page02 {
	background: #FDEDEF;
	color: #FF8C96;
}

.checkArea .checktitle h2.page04 {
	background: #EFEBFF;
	color: #AA96FF;
}

.checkArea .checktitle h2.page05 {
	background: #FFE7E5;
	color: #FF5546;
}

.checkArea .checktitle h2.page06 {
	background: #FFEFF5;
	color: #FF0064;
}

.checkArea .checktitle h2.page07 {
	background: #F6FDEF;
	color: #96E650;
}
.checkArea .checktitle h2.page08 {
	background: #FFECD6;
	color: #FF9212;
}

.checktext .illust-title {
	overflow: hidden;
	margin-bottom: 12px;
}

.checktext .illust-title img {
	width: 18%;
	float: left;
	margin-right: 8px;
}

.checktext .illust-title h4 {
	color: #960000;
	font-size: 14px;
}


.checktext {
	padding: 5%;
	border-radius: 10px;
	margin-bottom: 16px;
}

.checktext .infotxt {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 2px dotted #ff0064;
}

.checktext .infotxt:last-child {
	border-bottom: none;
}

.checktext .infotxt h5 {
	color: #ff0064;
	font-size: 15px;
	margin-bottom: 6px;
}

.checktext .infotxt p {
	font-weight: normal;
}

.checktext02 .infotxt h5 {
	color: #ff0064;
	font-size: 15px;
	margin-bottom: 6px;
}

.linkbox {
	position: relative;
}

.linkbox a {
	position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.checktext.page01 {
	border: 1px solid #FF5A00;
}
.checktext.page04 {
	border: 1px solid #7555FF;
}
.checktext.page05 {
	border: 1px solid #FF1B07;
}
.checktext.page06 {
	border: 1px solid #FF0064;
}

.checktext.page07 {
	border: 1px solid #5AAF41;
}

.checktext.page01 a:hover{/* マウスオーバー時に色変更*/
    opacity: 0.1;
    background-color: #FF5A00;
}

.checktext.page02 {
	border: 1px solid #FF8C96;
}

.checktext.page02 a:hover{/* マウスオーバー時に色変更*/
    opacity: 0.1;
    background-color: #FF8C96;
}

.checktext p {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5em;
}

.checktext {
	overflow: hidden;
}

.checktext .text {
	width: 85%;
	float: left;
	margin-right: 5%;
}

.checktext .arrow img {
	width: 8%;
	display: block;
	padding-top: 3%;
}

/*****チェック項目リンクボタン*****/
.checktext .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.checktext .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.checktext .linkbtn.cat06-link a {
	background: #FD6EA6;
	border: 1px solid #FF0064;
	border-radius: 8px;
}

.checktext02 .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.checktext02 .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.checktext02 .linkbtn.cat07-link a {
	background: #97DE82;
	border: 1px solid #5AAF41;
	border-radius: 8px;
	text-align: center;
}

/*****背景黄色のボックスの時使用*****/
.illustBox-yellow {
	border-radius: 10px;
	padding: 5%;
	background: #F7F8DA;
	margin-bottom: 16px;
}

.illustBox-yellow h3 {
	color: #FFF;
	text-align: center;
	padding: 2%;
	border-radius: 6px;
	display: block;
	width: 50%;
	margin: 0 auto 12px;
}

.illustBox-yellow h3.cat02 {
	background: #FF8C96;
}

.illustBox-yellow h3.cat05 {
	background: #FF5546;
}

.illustBox-yellow h3.cat06 {
	background: #FF0064;
}

.illustBox-yellow h3.cat07 {
	background: #96E650;
}
.illustBox-yellow h3.cat08 {
	background: #FF9212;
}

.illustBox-yellow h4.cat02-sub {
	color: #FF8C96;
}

.illustBox-yellow h4.cat06-sub {
	color: #FF0064;
}

.illustBox-yellow h4.cat07-sub {
	color: #3F8600;
}
.illustBox-yellow h4.cat08-sub {
	color: #FF9212;
}

.illustBox-yellow h4 {
	font-size: 13px;
	color: #FF5F08;
	margin-bottom: 16px;
	text-align: center;
}

.illustBox-yellow .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.illustBox-yellow .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.illustBox-yellow .linkbtn.cat08-link a {
	background: #FFECD6;
	border: 1px solid #FF9212;
	border-radius: 8px;
	text-align: center;
	color: #FF9212;
}
.illustBox-yellow ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.illustBox-yellow ul li span.cat08-icon {
	color: #FF9212;
}

/*****背景青色のボックスの時使用*****/
.illustBox-blue {
	border-radius: 10px;
	padding: 5%;
	background: #E0F0EB;
	margin-bottom: 16px;
}
.illustBox-blue h4 {
	font-size: 13px;
	color: #0031C7;
	margin-bottom: 16px;
}

/*****注意項目*****/
.noteBox {
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 16px;
	border: 1px dotted #FF0000;
}
.noteBox h4 {
	font-size: 18px;
	color: #FF0000;
	margin-bottom: 8px;
	text-align: center;
}

.noteBox p {
	font-size: 12px;
	line-height: 1.5em;
}

.noteText {
	color: #F00;
}

/*****メモ用*****/
.memoBox {
	border-radius: 10px;
	padding: 5%;
	background: #F7F8DA;
	margin-bottom: 16px;
	border: 1px solid #E6002D;
	font-weight: bold;
}

.memoBox h4 {
	font-size: 16px;
	color: #E6002D;
	margin-bottom: 16px;
	text-align: center;
}

.memo-imgBox {
	overflow: hidden;
}

.memo-imgBox img {
	width: 30%;
	margin-right: 5%;
	float: left;
}

.memo-imgBox .memo-img-txt {
	width: 65%;
	float: right;
}

.memo-imgBox .memo-img-txt ul li {
	padding-left: 1em;
	text-indent: -1em;
}
	
/*************************
　　　　トップページ
*************************/
.navArea {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
}
ul.nav {
	padding-top: 24px;
	overflow: hidden;
}

ul.nav li {
	float: left;
	height: auto;
	width: 47.5%;
	margin-right: 5%;
}

ul.nav li:last-child {
	margin-right: 0;
}
	
/*************************
　　　　フッター
*************************/

#footer {
	min-height: 100%;
	background: #000;
	color: #FFF;
	padding-top: 12px;
	text-align: center;
	padding-bottom: 24px;
}

#footer p {
	font-size: 12px;
}
	
/*************************
　　　　はじめに
*************************/

#conteiner.guide h2 {
	background-color: #009943;
	padding: 10px 0;
	color: #FFF;
	font-size: 24px;
	line-height: 1.5em;
	text-align: center;
}

.guideArea {
	padding: 0 24px;
	background: url(/images/guide/guide-bg.gif) no-repeat;
	background-size:cover;
}
.guideArea p {
	font-size: 16px;
	line-height: 28px;
	padding-top: 210px;
	padding-left: 110px;
}

.guide-itemBox {
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 16px;
	border: 2px solid #E6002D;
	background: #FFF;
	overflow: hidden;
}

.guide-itemBox .checkillust {
	width: 30%;
	float: left;
	margin-right: 3%;
}

.guide-itemBox .text {
	padding-left: 35%;
}

.guide-table {
	margin-bottom: 24px;
}

.guide-table tr {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
	background: #FFF;
}

.guide-table th.subhead {
	background: #6EC844;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.guide-table th.subhead p {
	margin-bottom: 12px;
}

.guide-table th.subhead .img50 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.guide-table td.first {
	border-top: 1px solid #FFB200;
}

.guide-table th.subhead.last {
	border-bottom: 1px solid #6EC844;
}

.guide-table td {
	padding: 3%;
	border-bottom: 1px solid #CCC;
}

.guide-table td.left {
	border-left: none;
}

.guide-table td img.arrow {
	display: block;
	width: 33%;
	margin: 0 auto;
}

.guide-table td.answer {
	background: #F7F8DA;
}


/******************************
　　　　1.社会人として〜
******************************/
.cat01 h2 {
	background: #FFB200;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/01/1@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.menu-lead {
	border-bottom: 1px solid #000;
	margin-bottom: 24px;
	padding-bottom: 6px;
}

.menu-lead p {
	font-size: 14px;
}

.cat01-menu {
	margin-bottom: 24px;
}

.cat01-menu dt {
	float: left;
	font-size: 24px;
	color: #FFB200;
	padding-top: 14px;
}

.cat01-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #FFB200;
	background: url(../images/01/mind-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat01-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat01-menu a:hover {
	color: #575757;
}

.cat01table {
	margin-bottom: 24px;
	position: relative;
}

.cat01table tr {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}

.cat01table th.subhead {
	background: #FFB200;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.cat01table th.subhead p {
	margin-bottom: 12px;
}

.cat01table th.subhead .img50 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.cat01table td.first {
	border-top: 1px solid #FFB200;
}

.cat01table th.subhead.last {
	border-bottom: 1px solid #FFB200;
}

.cat01table td {
	padding: 3%;
	border-left: 1px solid #FFB200;
	border-bottom: 1px solid #FFB200;
}

.cat01table td p {
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
}

.cat01table td.left {
	border-left: none;
}

.cat01table td.arrow {
	background-image: url(../images/01/teble-arrow@3x.png);
	background-position-x: center;
	background-position-y: bottom;
	background-size: 20%;
	background-repeat: no-repeat;
	padding-bottom: 24px;
}

.cat01table td img.arrow {
	display: block;
	width: 10%;
	position: absolute;
	z-index: 100;
	bottom: 0;
}

.cat01table td.answer {
	background: #F7F8DA;
}

.cat01table .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 13px;
}

.cat01table .linkbtn a {
	padding: 4px;
	color: #FFF;
}

.cat01table .linkbtn.cat01-link a {
	background: #FFB200;
	border: 1px solid #e49f00;
	border-radius: 8px;
}

.tabletitle {
	color: #FF5A00;
	font-size: 14px;
}

.tabletitle-cat07 {
	color: #5AAF41;
	font-size: 14px;
}

.tabletitle-cat08 {
	color: #FF9212;
	font-size: 14px;
}

.title02 {
	text-align: center;
	color: #FFF;
	background: #FF5A00;
	border-radius: 20px;
	font-size: 18px;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 16px;
}

.illustBox {
	margin-bottom: 24px;
}

.illustBox h4 {
	font-size: 14px;
}

.illustBox img {
	margin-bottom: 16px;
}

.illustBox02 {
	border: 1px solid #FF5F08;
	border-radius: 10px;
	padding: 5%;
	overflow: hidden;
}

.illustBox02 h4 {
	font-size: 13px;
	color: #FF5F08;
	margin-bottom: 16px;
}

.description {
	padding: 3%;
	border: 1px solid #FFB200;
	background: #F7F8DA;
}

.description p {
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
}

.description dt {
	font-weight: bold;
	font-size: 12px;
}

.description dd {
	font-size: 12px;
}

.description02 {
	overflow: hidden;
}

.description02 .textBox {
	width: 53%;
	float: left;
	margin-right: 5%;
}

.description02 .textBox p {
	text-align: center;
	border: 1px solid #FFB200;
	background: #FCCF69;
	font-size: 14px;
}

.description02 .textBox ul {
	padding: 3%;
	border-left: 1px solid #FFB200;
	border-right: 1px solid #FFB200;
	border-bottom: 1px solid #FFB200;
	background: #F7F8DA;
}

.description02 .textBox ul li {
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

.description02 img {
	width: 40%;
}

/******************************
　　　　2.職場での人間関係
******************************/
.cat02 h2 {
	background: #FF8C96;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/02/2@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat02-menu {
	margin-bottom: 24px;
}

.cat02-menu dt {
	float: left;
	font-size: 24px;
	color: #FF8C96;
	padding-top: 14px;
}

.cat02-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #FF8C96;
	background: url(../images/02/cat02-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat02-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat02-menu a:hover {
	color: #575757;
}

.subtitle01 {
	background: #FF8C96;
	color: #000;
	text-align: center;
	padding: 6px;
	border-radius: 6px;
	margin-bottom: 6px;
	display: inline-block;
}

.subtitle02 {
	background: #00C3FF;
	color: #000;
	text-align: center;
	padding: 6px;
	border-radius: 6px;
	margin-bottom: 6px;
	display: inline-block;
}


/******************************
　　　　3.話し方と聞き方〜
******************************/
.cat03 h2 {
	background: #00C3FF;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/03/3@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat03-menu {
	margin-bottom: 24px;
}

.cat03-menu dt {
	float: left;
	font-size: 24px;
	color: #00C3FF;
	padding-top: 14px;
}

.cat03-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #00C3FF;
	background: url(../images/03/cat03-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat03-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat03-menu a:hover {
	color: #575757;
}

.cat03-itemBox {
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 16px;
	border: 1px solid #00C3FF;
}
.cat03-itemBox h4 {
	font-size: 16px;
	color: #0031C7;
	margin-bottom: 16px;
	text-align: center;
}

.cat03table {
	margin-bottom: 24px;
}

.cat03table tr {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}

.cat03table th.subhead {
	background: #FFB200;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.cat03table th.notitle {
	background: #b4cbee;
	color: #000;
}

.cat03table th.notitle img {
	width: 20%;
	margin-right: 2%;
}

.cat03table th.oktitle {
	background: #fcc5b6;
	text-align: right;
	color: #000;
}

.cat03table th.oktitle img {
	width: 20%;
	margin-left: 2%;
}

.cat03table th.subhead p {
	margin-bottom: 12px;
}

.cat03table th.subhead .img50 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.cat03table td.first {
	border-top: 1px solid #9DD9EB;
}

.cat03table th.subhead.last {
	border-bottom: 1px solid #9DD9EB;
}

.cat03table td {
	padding: 3%;
	border-left: 1px dotted #9DD9EB;
	border-bottom: 1px solid #9DD9EB;
}

.cat03table td.left {
	border-left: none;
}

.cat03table td.answer {
	background: #F7F8DA;
}

.cat03-arrow {
	margin-bottom: 16px;
}

.cat03-arrow img {
	width: 12%;
	display: block;
	margin: 0 auto;
}

.note-red {
	padding: 3%;
	border-radius: 10px;
	color: #FF0000;
	font-size: 12px;
	background: #fff4f4;
	margin-bottom: 8px;
	border: 2px solid #FF0000;
}

.note-blue {
	padding: 3%;
	border-radius: 10px;
	color: #FFF;
	font-size: 12px;
	background: #0031C7;
	margin-bottom: 8px;
}

/******************************
　　　　4.社会人として〜
******************************/
.cat04 h2 {
	background: #AA96FA;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/04/4@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat04-menu {
	margin-bottom: 24px;
}

.cat04-menu dt {
	float: left;
	font-size: 24px;
	color: #AA96FF;
	padding-top: 14px;
}

.cat04-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #AA96FF;
	background: url(../images/04/cat04-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat04-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat04-menu a:hover {
	color: #575757;
}

.cat04table {
	margin-bottom: 24px;
	position: relative;
}

.cat04table .subhead-arrow {
	width: 8%;
	position: absolute;
	right: 46%;
}

.cat04table tr {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}

.cat04table th.subhead {
	background: #AA96FF;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}

.cat04table th.subhead02 {
	background: #7555FF;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}

.cat04table th.subhead p {
	margin-bottom: 12px;
}

.cat04table th.subhead .img50 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.cat04table td.first {
	border-top: 1px solid #FFB200;
}

.cat04table th.subhead.last {
	border-bottom: 1px solid #AA96FF;
}

.cat04table td {
	padding: 3%;
	border-left: 1px solid #AA96FF;
	border-bottom: 1px solid #AA96FF;
}

.cat04table td.left {
	border-left: none;
}

.cat04table td img.arrow {
	display: block;
	width: 33%;
	margin: 0 auto;
}

.cat04table td.answer {
	background: #F7F8DA;
}

/******************************
　　　　5.職場での謝り方
******************************/
.cat05 h2 {
	background: #FF5546;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/05/5@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat05-menu {
	margin-bottom: 24px;
}

.cat05-menu dt {
	float: left;
	font-size: 24px;
	color: #FF5546;
	padding-top: 14px;
}

.cat05-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #FF5546;
	background: url(../images/05/cat05-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat05-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat05-menu a:hover {
	color: #575757;
}

/******************************
　　　　6.セクハラ・パワハラ
******************************/
.cat06 h2 {
	background: #FF0064;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/06/6@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat06-menu {
	margin-bottom: 24px;
}

.cat06-menu dt {
	float: left;
	font-size: 24px;
	color: #FF0064;
	padding-top: 14px;
}

.cat06-menu dt img {
	width: 24px;
	display: block;
}

.cat06-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #FF0064;
	background: url(../images/06/cat06-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat06-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat06-menu a:hover {
	color: #575757;
}

.cat06-arrow {
	margin-bottom: 16px;
}

.cat06-arrow img {
	width: 12%;
	display: block;
	margin: 0 auto;
}


/******************************
　　　　7.普段の生活で〜
******************************/
.cat07-color {
	color: #5AAF41;
}
.cat07 h2 {
	background: #96E650;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/07/7@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat07-menu {
	margin-bottom: 24px;
}

.cat07-menu dt {
	float: left;
	font-size: 24px;
	color: #96E650;
	padding-top: 14px;
}

.cat07-menu dt img {
	width: 24px;
	display: block;
}

.cat07-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #96E650;
	background: url(../images/07/cat07-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat07-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat07-menu a:hover {
	color: #575757;
}

.cat07table {
	margin-bottom: 24px;
}

.cat07table tr {
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}

.cat07table th.subhead {
	background: #5AAF41;
	color: #FFF;
	padding: 3%;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.cat07table th.subhead02 {
	background: #87D86F;
	color: #FFF;
	padding: 3%;
	border-bottom: 1px solid #FFF;
}


.cat07table th.subhead p {
	margin-bottom: 12px;
}

.cat07table th.subhead .img50 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.cat07table td.first {
	border-top: 1px solid #5AAF41;
}

.cat07table th.subhead.last {
	border-bottom: 1px solid #5AAF41;
}

.cat07table td {
	padding: 3%;
	border-left: 1px solid #5AAF41;
	border-bottom: 1px solid #5AAF41;
}

.cat07table td.left {
	border-left: none;
}

.cat07table td.answer {
	background: #F7F8DA;
}

.point {
	overflow: hidden;
}

.point dl dt {
	float: left;
	width: 12%;
	margin-right: 3%;
}

.point dl dd {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5em;
}

.checkArea02 {
	border-radius: 10px;
	padding: 5%;
	overflow: hidden;
	background: #5AAF41;
	color: #FFF;
	margin-bottom: 24px;
}

.check02-title {
	overflow: hidden;
	margin-bottom: 12px;
}

.check02-title img {
	width: 15%;
	float: left;
	margin-right: 3%;
}

.check02-title h3 {
	font-size: 16px;
	line-height: 1.5em;
}

.check02-title h3 img {
	width: 30%;
}

.checkArea02 dl dt {
	background: #FFF;
	padding: 6px;
	color: #5AAF41;
	display: inline-block;
	border-radius: 6px;
	margin-bottom: 6px;
	font-size: 16px;
}

.checkArea02 dl.link dt {
	font-weight: bold;
	color: #FF0;
	background: none;
	padding: 0;
}

.checkArea02 dl.link dd {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background: #FFF;
	border-radius: 8px;
	padding: 6px;
	color: #5AAF41;
}

.checktext02 {
	padding: 5%;
	border-radius: 10px;
	margin-bottom: 16px;
	position: relative;
}

.checktext02.page07 {
	border: 1px solid #5AAF41;
}

.checktext02 dl dt {
	color: #5AAF41;
	font-weight: bold;
}

.checktext02 dl dd {
	text-align: center;
	font-style: 18px;
	padding: 6px;
	border-radius: 8px;
	color: #FFF;
}

.cat07-itemBox .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.cat07-itemBox .linkbtn.cat07-link a {
	background: #FFC179q;
	border: 1px solid #FF9212;
	border-radius: 8px;
	text-align: center;
}

/******************************
　　　　8.もしも、会社を〜
******************************/
.cat08 h2 {
	background: #FF9212;
	padding: 0 0 0 15%;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/08/8@3x.png);
	background-position-x: 8%;
	background-position-y: 5px;
	background-repeat: no-repeat;
	background-size: 7%;
}

.cat08-menu {
	margin-bottom: 24px;
}

.cat08-menu dt {
	float: left;
	font-size: 24px;
	color: #FF9212;
	padding-top: 14px;
}

.cat08-menu dt img {
	width: 24px;
	display: block;
}

.cat08-menu dd {
	font-size: 13px;
	line-height: 20px;
	padding-left: 2.5em;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #FF9212;
	background: url(../images/08/cat08-menu-arrow@3x.png) no-repeat right 12px center;
	background-size: 4%;
}

.cat08-menu a {
	-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
}

.cat08-menu a:hover {
	color: #575757;
}

.cat08-arrow {
	margin-bottom: 16px;
}

.cat08-arrow img {
	width: 12%;
	display: block;
	margin: 0 auto;
}

.cat08-itemBox {
	border-radius: 10px;
	padding: 5%;
	margin-bottom: 16px;
	border: 1px solid #FF9212;
}
.cat08-itemBox h4 {
	font-size: 15px;
	color: #FF9212;
	margin-bottom: 16px;
	text-align: center;
}

.checkArea02-cat08 {
	border-radius: 10px;
	padding: 5%;
	overflow: hidden;
	background: #FF9212;
	color: #FFF;
	margin-bottom: 24px;
}

.checkArea02-cat08 .check-title-cat08 {
	text-align: center;
	background: #FFF;
	padding: 6px;
	border-radius: 8px;
	color: #FF9212;
	margin-bottom: 12px;
}

.checkArea02-cat08 .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.checkArea02-cat08 .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.checkArea02-cat08 .linkbtn.cat08-link a {
	background: #FFC179;
	border: 1px solid #FF9212;
	border-radius: 8px;
	text-align: center;
}

.cat08-itemBox dl dt {
	color: #FF9212;
	font-size: 15px;
	margin-bottom: 6px;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}

.cat08-itemBox .linkbtn {
	display: block;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #FFF;
	border-radius: 8px;
	font-size: 14px;
}

.cat08-itemBox .linkbtn a {
	padding: 6px;
	color: #FFF;
}

.cat08-itemBox .linkbtn.cat08-link a {
	background: #FFC179;
	border: 1px solid #FF9212;
	border-radius: 8px;
	text-align: center;
}

/*********************************
　　　　奥付
**********************************/

.colophon {
	padding: 24px;
	overflow: hidden;
}

.colophon h2 {
	color: #009944;
	border-bottom: 1px solid #009944;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

.colophon dl dt {
	float: left;
}

.colophon dl dd {
	padding-left: 6em;
	margin-bottom: 8px;
}

@media screen and (min-width:414px) and ( max-width:767px) {
	header{
		height: 44px;
	}
	
	header h1 img {
		width: 190px;
	}
	
	#conteiner h2 {
		background-size: 3.5%;
		font-size: 20px;
	}
	.checkArea .checktitle img {
		width: 10%;
	}
	.checktext {
		padding: 2%;
}	
	.checktext .arrow img {
		width: 4%;
		padding-top: 0;
	}
	.pagetitle {
		background-size: 9%;
		background-position-x: 90%;
	}
	.pagetitle dl dd {
		padding-right: 3.5em;
		line-height: 1.5em;
	}
}

@media screen and (min-width:768px) {
	header#main-top {
		height: 56px;
	}
	
	header h1 img {
		width: 33%;
	}
	#conteiner {
		padding-top: 56px;
	}
	#conteiner h2 {
		background-size: 3%;
		font-size: 22px;
	}	
	.menu-btn {
		height: 56px;
		width: 56px;
	}
	.tw-btn img {
		width: 60%;
	}
	.soramame-btn img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}
	.pagetitle dl dt {
		font-size: 30px;
	}
	.pagetitle dl dd {
		font-size: 16px;
	}
	.pagetitle dl dd br {
		display: none;
	}
	.footnavi ul li {
		font-size: 14px;
	}
	.pagetitle {
		height: 80px;
		background-size: 7%;
	}
	.pagetitle dl dt {
		line-height: 80px;
		padding-top: 0;
	}
	.pagetitle dl dd {
		line-height: 80px;
		padding-top: 0;
	}
}