/* **********************************************
 ガイドページ
********************************************** */

#guidecatch {
	position: relative;
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0;
	z-index: 2;
	list-style: none;
}

#guidecatch li {
	margin: 0;
	padding: 0;
}

ul#guidecatch li a:link {
	color: #ff5230; 
	text-decoration: none;
}
ul#guidecatch li a:visited {
	color: #ff5230; 
	text-decoration: none;
}
ul#guidecatch li a:hover {
	color: #ff5230; 
	text-decoration: none;
}
ul#guidecatch li a:active {
	color: #ff5230; 
	text-decoration: none;
}

#guidecatch img.catchsp {
	width: 100%;
	display: block;
}

#guidecatch img.catchpc {
	width: 100%;
	display: none;
}

@media (min-width: 767px) {
	#guidecatch img.catchsp {
		display: none;
	}
	#guidecatch img.catchpc {
		display: block;
	}
}

.seikyu {
	bottom: 2%;
	width: 100%;
}

#guidecatch .seikyu {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 5px;
	background: #e5f2c0;
	-webkit-animation: stop 400ms ease 0s normal;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes btndown {
    0% {-webkit-transform: translateY(0%);}
    100% {-webkit-transform: translateY(100%);}
}

@-webkit-keyframes btnup {
    0% {-webkit-transform: translateY(100%);}
    100% {-webkit-transform: translateY(0%);}
}

.seikyu img{
	width: 100%;
}

@media (min-width: 767px) {
	.seikyu,
	#guidecatch .seikyu {
		position: absolute;
		bottom: 1%;
		width: 75%;
		padding: 0;
		background: url(/images/res_seikyu_back.png);
		background-size:cover;
	}
	body.article #guidecatch .seikyu {
		display: none;
	}
}

@media (min-width: 992px) {
	#guidecatch {
		width: 680px;
		margin: 0 auto 5px;
	}
	.lp #guidecatch{
		width:900px;
	}
	.seikyu img{
		width: 100%;
	    display: block;
	    margin: 0 auto;
	}
	body.schools .seikyu img{
		width: auto;
	}
}

.seikyu a:hover img {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

.seikyuflow {
	position: relative;
	margin: 0px 0px 40px 0px;
	padding: 0;
	clear: both;
	list-style: none;
}

.seikyuflow li {
	margin: 0;
	padding: 0;
}

@media (min-width: 767px) {
	.seikyuflow {
		display: block;
	}
}

.seikyuflow .seikyu {
	position: absolute;
	width: 98%;
	bottom: 16%;
	left: 1%;
	background: url(/images/res_seikyu_back.png);
	background-size:cover;
}

.seikyuback {
	display: none;
}

.seikyubacksp {
	display: block;
}

@media (min-width: 767px) {
	.seikyuflow .seikyu {
		width: 75%;
		bottom: 16%;
		left: 0%;
	}
	.seikyuback {
		display: block;
	}

	.seikyubacksp {
		display: none;
	}
}

@media (min-width: 992px) {
	.seikyuflow {
	    width: 680px;
	    margin: 0 auto 20px;
	}
}

.seikyuflow img {
	width: 100%;
}

#price {
	position: absolute;
	top: 87%;
	left: 19%;
	color: #fa492b;
	font-weight: bold;
	font-size: 120%;
	font-style: italic;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

#period {
	position: absolute;
	top: 87%;
	left: 81%;
	color: #fa492b;
	font-weight: bold;
	font-size: 120%;
	font-style: italic;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

@media (min-width: 480px) {
	#price {
		top: 89%;
	}
	#period {
		top: 89%;
	}
}

@media (min-width: 767px) {
	#price {
		top: 53%;
		left: 15%;
		font-size: 130%;
	}
	
	#period {
		top: 53%;
		left: 60%;
		font-size: 130%;
	}
}

@media (min-width: 992px) {
	#price,
	#period {
		top: 54%;
		font-size: 190%;
	}
}

#price b,
#period b {
	font-size: 50%;
	color: #383838;
}

#price small,
#period small {
	font-size: 50%;
}

p.caution {
	position: relative;
	width: 100%;
	font-size: 70%;
	color: #6b6b6b;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
p.caution_left {
	position: relative;
	width: 100%;
	font-size: 70%;
	color: #6b6b6b;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 70%;
		text-align:left;
}
p.caution_right {
	position: relative;
	width: 100%;
	font-size: 70%;
	color: #6b6b6b;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 70%;
		text-align:left;
}

@media (min-width: 767px) {
	p.caution {
		font-size: 65%;
	}
			p.caution_right {
		text-align:right;
	}
}

@media (min-width: 992px) {
	p.caution {
		font-size: 70%;
		text-align: center;
	}
}

body.guide h1{
	font-size: 150%;
	line-height: 130%;
	font-weight: bold;
	border-left: solid 8px #177401;
	padding: 2px 0px 2px 5px;
	margin: 0 0 20px 0;
}

body.guide h2 {
	background: #e5f2c0;
	border-left: solid 6px #2d7d04;
	padding: 8px 5px 6px 8px;
	margin: 0px 0px 20px 0px;
	font-size: 125%;
	font-weight: bold;
}

body.guide h3 {
	font-size: 130%;
	font-weight: bold;
}

p.headline {
	display: inline-block;
	width: auto;
	border-radius: 5px;
	background: #fb748b;
	padding: 4px 8px 2px 8px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
}

p.redbox {
	background: #fff2f4;
	padding: 8px 10px 6px 10px;
}

span.red {
	font-weight: bold;
	color: #fa492b;
}

body.guide div.blog-main p img,
body.article div.blog-main p img {
	width: 70%;
	margin: 0px auto 0px auto;
	float: none;
	display: block;
	clear: both;
}

img.full {
	width: 100%!important;
}

strong {
	color: #ff6c89;
}
.blog-post em {
	font-weight: bold;
	font-style: normal;
}

body.guide div.blog-main p img.w-unset,
body.article div.blog-main p img.w-unset {
	width: unset;
	display: inline;
	margin: 0 5px;
	vertical-align: middle;
}

@media (min-width: 767px) {
	body.guide div.blog-main p img,
	body.article div.blog-main p img {
		width: 30%;
	}
	body.guide div.blog-main p img.full,
	body.article div.blog-main p img.full {
		width: 100%;
	}
	body.guide div.blog-main p img.right,
	body.article div.blog-main p img.right {
		margin: 0px 0px 5px 5px;
		float: right;
	}
	body.guide div.blog-main p img.left,
	body.article div.blog-main p img.left {
		margin: 0px 5px 5px 0px;
		float: left;
	}
	body.guide div.blog-main p img.fifty,
	body.article div.blog-main p img.fifty {
		width: 50%;
	}
	body.guide div.blog-main p img.forty,
	body.article div.blog-main p img.forty {
		width: 40%;
	}
	body.guide div.blog-main p img.thirty,
	body.article div.blog-main p img.thirty {
		width: 30%;
	}
	body.guide div.blog-main p img.twenty,
	body.article div.blog-main p img.twenty {
		width: 20%;
	}
	body.guide div.blog-main p img.ten,
	body.article div.blog-main p img.ten {
		width: 10%;
	}
	body.guide div.blog-main p img.five,
	body.article div.blog-main p img.ten {
		width: 5%;
	}
}

@media (min-width: 992px) {
	body.guide div.blog-main p img.full,
	body.article div.blog-main p img.full {
		width: auto!important;
	}
}

body.guide div.blog-main p img.abc,
body.article div.blog-main p img.abc {
	width: auto;
	float: left;
	margin: 0 10px 5px 0;
}

table.boxes {
	background: none;
	border: none;
	font-size: 100%;
}

table.boxes td{
	background: none;
	border: none;
	font-size: 100%;
}

.boxl,
.boxr {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: none;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
}


@media (min-width: 767px) {
	.boxl {
		width: 45%;
		margin-right: 5%;
		float: left;
	}
	.boxr {
		width: 45%;
		margin-left: 5%;
		float: left;
	}
}

dl.qanda {
	background: #fee3e8;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 5px;
}

dl.qanda dt {
	background: url(/images/guide/q.png) 0px 0px no-repeat;
	padding: 23px 5px 8px 50px;
	font-weight: bold;
	line-height: 180%;
}

dl.qanda dd {
	background: url(/images/guide/a.png) 0px 0px no-repeat;
	padding: 23px 5px 8px 50px;
	line-height: 180%;
}

dl.qanda dd p {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0 10px 0;
}

table {
	width: 100%;
	margin: 0px 0px 10px 0px;
	background: #f2f2f2;
	font-size: 80%;
}

@media (min-width: 767px) {
	table {
		font-size: 100%;
	}
}

table th,
table td {
	border: solid 1px #dadcd7;
	padding: 5px;
}

table td {
	background: #fff;
}

table th.green {
	background: #ccf091;
}

table td.red {
	background: #fee9ed;
}

table small{
	font-size: 70%;
}

table strong {
	color: #fa3d4c;
	font-weight: bold;
}

table.sokyu,
table.sokyu th,
table.sokyu td {
	text-align: center !important;
	font-weight: bold;
}


table.sokyu td.red small {
	color: #fa3d4c;
}

table.chart {
	border: solid 1px #dadcd7;
}

table.chart th,
table.chart td {
	border: dotted 1px #dadcd7;
	border-left: solid 1px #dadcd7;
	border-right: solid 1px #dadcd7;
}

table.chart td {
	background: #fff;
	width: 60%;
}

table.chart td.right {
	text-align: right;
	width: 20%;
}

table th.red {
	background: #fea4b3;
}

table td.green {
	background: #e7f4cf;
}

table.basic {
	font-size: 100%;
	line-height: 160%;
	margin: 0 0 20px 0;
}

table.basic ol {
	margin-bottom: 0px !important;
	padding: 0 0 0 30px;
}

table.basic ul {
	padding: 0 0 0 27px;
}

table.basic th {
	background: #f0fbea;
	width: 30%;
}

table.basic td{
	background:	#fff;
	width: 70%;
}

@media (min-width: 767px) {
	table.basic th {
		width: 20%;
	}
	table.basic td{
		width: 80%;
	}
}

.caption{
	font-weight: bold;
	border-left: solid 5px #7eb363;
	display: block;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
}

span.circleg { color: #9dc935; }
span.circleb { color: #68a9f2; }
span.circler { color: #e8758c; }

.center {
	text-align: center;
}

table .yellow {
	background: #f9f8d5;
	font-weight: bold;
	color: #ff6600;
}

dl.b_gray {
	background-color: #f1f1f1;
	padding: 1%;
}

dl.b_gray dt {
	padding: 10px 3px 0px;
}

dl.b_gray dd{
	padding: 10px;
}

/*ページ内リンク*/

ul.pageLink {
	list-style: none;
    overflow: auto;
    /*overflow-x: hidden;
    overflow-y: hidden;*/
    padding: 0;
	text-align:center;
	font-size: 85%;
	line-height:120%;
}
@media (min-width: 992px) {
	ul.pageLink {
	font-size: 95%;
	}
}


/*ページ内リンク3つで表示する場合*/
ul.pageLink li {
	width: 33%;
	float: left;
	background: #edf8ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf8ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf8ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#edf8ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf8ce',GradientType=0 ); /* IE6-9 */
    border-top: solid 1px #d2dfaf;
    border-right: solid 1px #d2dfaf;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #d2dfaf;
	color:#2d7d04;
	font-weight:bold;
	padding:7px 0;
}

/*ページ内リンク3つで表示する場合の右端*/
ul.pageLink .li_right  {
	width: 33%;
	float: left;
	background: -moz-linear-gradient(top,#FFF 0%,#edf8ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#edf8ce));
    border-top: solid 1px #d2dfaf;
    border-right: solid 1px #d2dfaf;
    border-left: solid 1px #d2dfaf;
    border-bottom: solid 1px #d2dfaf;
}

/*ページ内リンクipad、pcでは4つで表示する場合*/

@media (min-width: 767px) {
    ul.pageLink li {
	width: 25%;
}

ul.pageLink .li_right  {
	width: 25%;
}
}

/*ページ内リンクipad、pcでも3つで表示する場合*/

@media (min-width: 767px) {
    ul.pageLink .li_3 {
	width: 33%;
}

ul.pageLink .li_right_3  {
	width: 33%;
}
}

/*ページ内リンク4つで表示する場合*/
ul.pageLink .li_4 {
	width: 25%;
	float: left;
	background: #edf8ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf8ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf8ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#edf8ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#edf8ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf8ce',GradientType=0 ); /* IE6-9 */
    border-top: solid 1px #d2dfaf;
    border-right: solid 1px #d2dfaf;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #d2dfaf;
	color:#2d7d04;
	font-weight:bold;
	padding:7px 0;
}

/*ページ内リンク4つで表示する場合の右端*/
ul.pageLink .li_right_4  {
	width: 25%;
	float: left;
	background: -moz-linear-gradient(top,#FFF 0%,#edf8ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#edf8ce));
    border-top: solid 1px #d2dfaf;
    border-right: solid 1px #d2dfaf;
    border-left: solid 1px #d2dfaf;
    border-bottom: solid 1px #d2dfaf;
}

/*ページ内リンクipad、pcでは5つで表示する場合*/

@media (min-width: 767px) {
    ul.pageLink .li_4 {
	width: 20%;
}

ul.pageLink .li_right_4  {
	width: 20%;
}
}

/*ページ内リンクpc、sp共に4つで表示する場合*/
@media (min-width: 767px) {
    ul.pageLink .pcsp_4 {
	width: 25%;
}
ul.pageLink .pcsp_right_4  {
	width: 25%;
	}
}

ul.pageLink li:hover {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

@media (min-width: 767px) {
	.br_pc {
		display:none;
	}
}


.for_pc {
	display:none;
}
.for_sp {
		display:block;
}

@media (min-width: 767px) {
	.for_sp {
		display:none;
	}
	.for_pc {
		display:block;
	}
}


/*甲斐剛先生のよくある質問*/

.intro{
	overflow: hidden;
	margin: 0 0 3% 0!important;
	padding: 0 !important;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.intro li{
	font-size: 85%;
	line-height: 160%;
	list-style-type: none;
	margin: 1%;
	border: 1px solid #ccc;
}

.intro li strong{
	color:#444;
}

@media (min-width: 767px){
	.intro li{
		float: left;
		width: 48%;
}
}

.intro_teacher{
	padding: 30px 1% 5% 83px;
	background: url(../../images/question/teacher_nomal.gif) no-repeat 2% center;
}

.intro_girl{
	padding: 30px 1% 5% 83px;
	background: url(../../images/question/girl_nomal.gif) no-repeat 2% center;
}



.intro li img {
	width: auto ! important;
	display: inline;
}


.teacher{
	border: 1px solid #eff8d7;
	border-radius: 7px;
	background: #f7fee5;
	padding: 1%;
	margin-left: 5%;
}

.teacher dt {
	padding: 38px 120px 5% 5%;
	border-bottom: 1px solid #eff8d7;
}

.teacher dd{
	line-height: 190%;
	padding: 1%;
}

.teacher_bitterSmile{
	background: url(../../images/question/teacher_bitterSmile.gif) no-repeat 93% center;
}

.teacher_nomal{
	background: url(../../images/question/teacher_nomal.gif) no-repeat 93% center;
}

.teacher_doya{
	background: url(../../images/question/teacher_doya.gif) no-repeat 93% center;
}

.teacher_consent {
	background: url(../../images/question/teacher_consent.gif) no-repeat 93% center;
}

.teacher_see {
	background: url(../../images/question/teacher_see.gif) no-repeat 93% center;
}

.teacher_monoshiri {
	background: url(../../images/question/teacher_monoshiri.gif) no-repeat 93% center;
}

.teacher_niyari1 {
	background: url(../../images/question/teacher_niyari1.gif) no-repeat 93% center;
}

.teacher_niyari2 {
	background: url(../../images/question/teacher_niyari2.gif) no-repeat 93% center;
}

.teacher_nothing {
	background: url(../../images/question/teacher_nothing.gif) no-repeat 93% center;
}

.teacher_smile {
	background: url(../../images/question/teacher_smile.gif) no-repeat 93% center;
}

.teacher_surprise {
	background: url(../../images/question/teacher_surprise.gif) no-repeat 93% center;
}

.teacher_trouble {
	background: url(../../images/question/teacher_trouble.gif) no-repeat 93% center;
}

p.teacher {
	padding: 38px 120px 5% 6%;
}

p.teacher_bitterSmile{
	background: #f7fee5 url(../../images/question/teacher_bitterSmile.gif) no-repeat 92% center;
}

p.teacher_nomal{
	background: #f7fee5 url(../../images/question/teacher_nomal.gif) no-repeat 92% center;
}

p.teacher_doya{
	background:#f7fee5  url(../../images/question/teacher_doya.gif) no-repeat 92% center;
}

p.teacher_consent {
	background: #f7fee5 url(../../images/question/teacher_consent.gif) no-repeat 92% center;
}

p.teacher_see {
	background: #f7fee5 url(../../images/question/teacher_see.gif) no-repeat 92% center;
}

p.teacher_monoshiri {
	background: #f7fee5 url(../../images/question/teacher_monoshiri.gif) no-repeat 92% center;
}

p.teacher_niyari1 {
	background: #f7fee5 url(../../images/question/teacher_niyari1.gif) no-repeat 92% center;
}

p.teacher_niyari2 {
	background: #f7fee5 url(../../images/question/teacher_niyari2.gif) no-repeat 92% center;
}

p.teacher_nothing {
	background: #f7fee5 url(../../images/question/teacher_nothing.gif) no-repeat 92% center;
}

p.teacher_smile {
	background: #f7fee5 url(../../images/question/teacher_smile.gif) no-repeat 92% center;
}

p.teacher_surprise {
	background: #f7fee5 url(../../images/question/teacher_surprise.gif) no-repeat 92% center;
}

p.teacher_trouble {
	background: #f7fee5 url(../../images/question/teacher_trouble.gif) no-repeat 92% center;
}

.girl {
	color: #fcaa89;
	font-weight: bold;
	border: 1px solid #f8936b;
	border-radius: 7px;
	padding: 38px 6% 5% 105px;
	margin-right: 10%;
}


.girl_consent {
	background: #fffed2 url(../../images/question/girl_consent.gif) no-repeat 3% center;
}

.girl_smile {
	background: #fffed2 url(../../images/question/girl_smile.gif) no-repeat 3% center;
}

.girl_see {
	background: #fffed2 url(../../images/question/girl_see.gif) no-repeat 3% center;
}

.girl_bitterSmile {
	background: #fffed2 url(../../images/question/girl_bitterSmile.gif) no-repeat 3% center;
}

.girl_nomal {
	background: #fffed2 url(../../images/question/girl_nomal.gif) no-repeat 3% center;
}

.girl_question {
	background: #fffed2 url(../../images/question/girl_question.gif) no-repeat 3% center;
}

.girl_difficult {
	background: #fffed2 url(../../images/question/girl_difficult.gif) no-repeat 3% center;
}

.girl_discovery {
	background: #fffed2 url(../../images/question/girl_discovery.gif) no-repeat 3% center;
}

.girl_doya {
	background: #fffed2 url(../../images/question/girl_doya.gif) no-repeat 3% center;
}

.girl_fuan {
	background: #fffed2 url(../../images/question/girl_fuan.gif) no-repeat 3% center;
}

.girl_konwaku {
	background: #fffed2 url(../../images/question/girl_konwaku.gif) no-repeat 3% center;
}

.girl_surprise {
	background: #fffed2 url(../../images/question/girl_surprise.gif) no-repeat 3% center;
}

.girl_uu {
	background: #fffed2 url(../../images/question/girl_uu.gif) no-repeat 3% center;
}

.girl_zukkoke {
	background: #fffed2 url(../../images/question/girl_zukkoke.gif) no-repeat 3% center;
}

.qa_link{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.qa_link dt{
	margin: 2% 0 2% 1%;
}

.qa_link dd{
	margin: 3.5% 3.5% 3.5% 8%;
	display: list-item;
	list-style-type: square;
}

.link_toseikyu{
	padding: 30px 120px 3% 5%;
	margin:2% 0;
	background: url(../../images/question/teacher_nomal.gif) no-repeat 95% center;
	border: 5px solid #eff8d7;
	border-radius: 7px;
	font-weight: bold;
	font-size: 110%;
}

.qa_title{
	background: url(../../images/side/qa_title.gif) no-repeat;
	background-size: 100%;
	padding-top: 30%; 
	border-style: none;
}

@media (min-width: 767px){
	.qa_title{
	height: 57px; 
	padding-top: 0; 
}
}

.question_table th {
    width: 5em;
    text-align: center;
    font-weight: normal;
}

/* **********************************************
 講座一覧
********************************************** */
div.kouzalist {
	margin: 10px 0 20px;
	padding: 10px 0 15px;
	font-size: 100%;
}

/*---------------------------------------------------------------------------
講座一覧　アコーディオン式
---------------------------------------------------------------------------*/
table.detail_accordion td.acckouza {
	padding: 0px;
	overflow: hidden;
	height: auto !important;
	border-top: 0px;
	border-left: 0px;
}

table.detail_accordion td.c2r {
	width: 340px;
	border-left: 0px;
	border-bottom: 0px;
	padding: 20px 5px 20px 5px;
}

table.detail_accordion td.c4c,
table.detail_accordion td.c3c {
	border-bottom: 0px;
}

table.detail_accordion td.acckouza dl {
	width: 100%;
	max-width: 611px;
	margin: 0px;
	height: auto;
	overflow: hidden;
	background: #e9eae6;
	font-size: 12px;
	display: none;
}

table.detail_accordion td.acckouza dl dt {
	margin: 0px;
	padding: 1%;
	width: 10%;
	border: none;
	text-align: center;
	float: left;
	border-top: solid 1px #dadcd7;
}

table.detail_accordion td.acckouza dl dd {
	margin: 0px;
	padding: 1%;
	width: 90%;
	border: none;
	background: #f2ffeb;
	float: left;
	border-top: solid 1px #dadcd7;
}

@media (min-width: 767px){
	table.detail_accordion td.acckouza dl dt {
	    font-size: 14px;
	    line-height: 190%;
	    width: 15%;
	}
	table.detail_accordion td.acckouza dl dd {
	    font-size: 14px;
	    line-height: 190%;
	    width: 85%;
	}
}
@media (min-width: 992px){
	table.detail_accordion td.acckouza dl dt {
	    width: 10%;
	}
	table.detail_accordion td.acckouza dl dd {
	    width: 90%;
	}
}

body.guide table.detail_accordion td.acckouza dl dd.kouzadetails_link,
body.lp table.detail_accordion td.acckouza dl dd.kouzadetails_link,
body.request table.detail_accordion td.acckouza dl dd.kouzadetails_link {
	width: 100%;
	box-sizing: border-box;
	text-align: right;
	padding: 5px;
	background: transparent;
	font-size: 90%;
}

body.guide table.detail_accordion td.acckouza dl dd.kouzadetails_link a,
body.lp table.detail_accordion td.acckouza dl dd.kouzadetails_link a,
body.request table.detail_accordion td.acckouza dl dd.kouzadetails_link a {
	padding: 3px 5px 2px 5px;
	margin: 3px;
	border-radius: 5px;
	box-shadow:0px 0px 1px 1px #969696;
	-moz-box-shadow:0px 0px 1px 1px #969696;
	-webkit-box-shadow:0px 0px 1px 1px #969696;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	color: #444;
	font-weight: bold;
	text-decoration: none;
}

body.guide table.detail_accordion td.acckouza dl dd.kouzadetails_link a:hover,
body.lp table.detail_accordion td.acckouza dl dd.kouzadetails_link a:hover,
body.request table.detail_accordion td.acckouza dl dd.kouzadetails_link a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}


table.detail_accordion td.c2r span.lesson_name {
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
	color: #000;
}
table.detail_accordion td.c2r span.lesson_name a {
	font-size: 17px;
	cursor: pointer;
}
table.detail_accordion td.c2r img.lesson_genre_icon{
	vertical-align: middle;
}
table.detail_accordion .b-schoolname-azs{
	font-size: 70%;
	color: #888888;
}
table.detail_accordion td.c2r div.b-schoolname-azs2{
	font-size: 10px;
	color: #888888;
}
table.detail_accordion td.c4c{
	color: #f61f47;
	font-size: 15px;
	font-weight: bold;
}

/*---------------------------------------------------------------------------
 tab1:講座リスト
---------------------------------------------------------------------------*/
/* ****************************** 
 都道府県タブ
****************************** */
ul#tab_menu{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width: 100%;
	border-bottom: solid 4px #309d4d;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
ul#tab_menu li {
	width: 9%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 5px 5px 0px 0px;
	margin: 0.25%;
	margin-bottom: 0%;
	font-size: 90%;
	border: solid 1px #cccccc;
	border-bottom: none;
	border-radius: 5px 5px 0px 0px;
	float: left;
    background: #E6E6E6;
    color: #8E8E8E;
}

@media (min-width: 767px) {
	ul#tab_menu li {
		font-size: 80%;
	}
}
@media (min-width: 992px) {
	ul#tab_menu li {
		font-size: 90%;
	}
}

ul#tab_menu li.a1,
ul#tab_menu li.a3 {
	width: 18%;
}

ul#tab_menu li.a8 {
	width: 15%;
} 

ul#tab_menu li a {
	top: 0px;
	left: 0px;
	color: #000;
	display: block;
	border-radius: 5px 5px 0px 0px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
ul#tab_menu li a:hover {
	text-decoration: none;
	background: #ebf8e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebf8e9 0%, #dfecdd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf8e9), color-stop(100%,#dfecdd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebf8e9 0%,#dfecdd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebf8e9 0%,#dfecdd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebf8e9 0%,#dfecdd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebf8e9 0%,#dfecdd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf8e9', endColorstr='#dfecdd',GradientType=0 ); /* IE6-9 */
}

ul#tab_menu li a.active {
	color: #fff;
	width: 100%;
	height: 100%;
	background: #4cc63c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4cc63c 0%, #309d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cc63c), color-stop(100%,#309d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4cc63c 0%,#309d4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4cc63c 0%,#309d4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4cc63c 0%,#309d4d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4cc63c 0%,#309d4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cc63c', endColorstr='#309d4d',GradientType=0 ); /* IE6-9 */
}



/* --------------------------
 都道府県選択
-------------------------- */
#tab_area{
	clear: both;
	position:relative;
	width: 100%;
	background-color: #ffebd1;
	margin-bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 8px 0 6px 0;
}
#tab_area p {
	float: left;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
	color: #000;
	padding: 0px 15px 0px 28px;
	position: relative;
}
@media (min-width: 767px) {
	#tab_area p {
		font-size: 75%;
	}
}
@media (min-width: 992px) {
	#tab_area p {
		font-size: 90%;
	}
}
#tab_area p img {
	position: absolute;
	left: 4px;
	top: 0px;
	width: 15%;
}

#tab_area div.tab_page nobr {
	font-size: 100%;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
}
#tab_area div.tab_page nobr.activ {
	background: #ec4b0c;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

@media (min-width: 767px) {
	#tab_area div.tab_page nobr {
		font-size: 85%;
	}
}

@media (min-width: 992px) {
	#tab_area div.tab_page nobr {
		font-size: 110%;
	}
}

#tab_area div.tab_page a {
	color: #0a55c8;
	text-decoration: underline;
}

#tab_area div.tab_page a:hover {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

/* ******************************
 タイトル
****************************** */
div.kouzalist .tab div.title {
	background-image: none;
	background: #309d4d ;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz--border-radius: 5px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #226e36;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 7px 0px 5px 5px;
	margin: 0px 0px 20px 0px;
}
div.kouzalist .tab div.title p {
	width: 80%;
	font-size: 120%;
	float: left;
	margin: 0;
	padding: 1% 8px 1% 10px;
	line-height: 140%;
}
div.kouzalist .tab div.title span {
	width: 15%;
	text-align: center;
	float: left;
	font-size: 150%;
	background: #fff;
	border: 2px solid #ffae00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #ff4e00;
	text-shadow: 0px 0px 0px;
	line-height: 140%;
	padding: 2px 0px 0px 0px;
}
@media (min-width: 767px) {
	div.kouzalist .tab div.title span {
		font-size: 130%;
	}
	div.kouzalist .tab div.title p {
		font-size: 110%;
	}
}

@media (min-width: 992px) {
	div.kouzalist .tab div.title span {
		font-size: 150%;
	}
	div.kouzalist .tab div.title p {
		font-size: 120%;
	}
}
/* ******************************
 お届け先入力に進むボタン
****************************** */
img.bt-input {
	width: 100%;
	margin: 0 auto;
	display: block;
}
img.bt-input:hover {
	filter: alpha(opacity=70); /* IE */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70; /* Opera・Safari */
}

@media (min-width: 767px) {
	img.bt-input {
		width: 80%;
	}
}

/* ----- 消費税について ----- */
p.about_tax {
	font-size: 77%;
	margin: 0;
	padding: 0;
}

/* ******************************
 講座リスト
****************************** */
table.req-result2 {
	clear: both;
	margin: 0 0 1em 0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background: #dadcd7;
}

table.req-result2 th {
	font-size: 75%;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	padding-top: .2em;
	padding-bottom: .2em;
	background: #ddd;
	text-align: center;
	height: 30px;
}
table.req-result2 td {
	font-size: 14px;
	vertical-align: middle;
}

table.req-result2 th.c1 { width: 18%; }
table.req-result2 th.c6 { width: 8%; }
table.req-result2 th.c2 { width: 45%; }
table.req-result2 th.c4 { width: 17%; }
table.req-result2 th.c3 { width: 12%; }

table.req-result2 td.c1l {
	text-align: center;
	color: #444444;
	font-size: 65%;
	line-height: 120%;
}
table.req-result2 td.c1l img {
	margin-bottom: 5px;
	width: 95%;
}
table.req-result2 td.c6c {
	text-align: center;
}
table.req-result2 td.c2r {
	font-size: 100%;
	line-height: 160%;
}

table.req-result2 td.c1 {
	line-height: 85%;
}

table.req-result2 td.c2r .b-schoolname-azs2 {
	line-height: 140%;
}

table.req-result2 td.c2r a{
	color: #1e1ecd;
	text-decoration: underline;
	font-weight: bold;
	font-size: 95%;
}
table.req-result2 td.c2r p{
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 80%;
}
table.req-result2 td.c2r img{
	margin: -4px 5px 0 0;
	padding: 0;
}
table.req-result2 td.c4c {
	color: #f61f47;
	font-weight: bold;
}
table.req-result2 td.c3c img{
	margin: 2px 0px 2px 0px;
}

span.b-schoolname-azs2 {
	font-size: 70%;
	color: #888888;
}

img.img_check {
	width: 100%;
}

/*---------------------------------------------------------------------------
 tab2 : 地域選択テーブル (該当地域に講座が無い場合)
---------------------------------------------------------------------------*/
/* ****************************** 
 タイトル
****************************** */
/* 切り替えボタン */
.tab a.tab1, .tab a.tab2 {
	z-index: 1;
	float: right;
	height: 48px;
	width: 190px;
	margin: -48px 0 0 0;
}
.tab a.tab1 img, .tab a.tab2 img {
	z-index: 1;
	height: 48px;
	width: 190px;
}

#tab1 {
	display: none;
}

@media (min-width: 767px) {
	#tab1 {
		display: block;
	}
}


/* --------------------------
 各注意文
-------------------------- */
div.kouzalist p.attention {
	font-size: 15px;
	line-height: 18px;
	margin: 5px 10px;
}
div.kouzalist p.attention b {
}
div.kouzalist p.attention strong {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	border-bottom: 2px dotted #ff0000;
	padding: 0 3px;
}
div.kouzalist p.attention a {
	text-decoration: underline;
}

div.kouzalist dl.err{
	width: 80%;
	text-align: center;
	background: #fdffcc;
	border-radius: 10px;
	border: double 3px #66b864;
	margin: 0px auto 20px auto;
	padding: 10px;
}

div.kouzalist dl.err dt{
	margin: 0 0 20px 0;
}

div.kouzalist dl.err dt span{
	color: #ff0303;
}

div.kouzalist dl.err dd{
	margin: 0;
	padding: 0;
}

div.kouzalist dl.err ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.kouzalist dl.err ul li{
	font-weight: normal
}

div.kouzalist dl.err ul strong{
	color: #555;
	font-weight: bold;
}

div.kouzalist dl.err ul li a{
	text-decoration: underline;
	margin: 0 5px 0 5px;
}
/* ****************************** 
フォーム
****************************** */

p.req_p {
	margin: 10px 0 5px;
	font-size: 80%;
}
table.req-input {
	margin: 0 0 20px 0;
	border: none;
	color: #444444;
	float: none;
	clear: both;
}
@media (min-width: 767px) {
    table.req-input {
        font-size: 92%;
    }
}
@media (min-width: 992px) {
    table.req-input {
        font-size: 100%;
    }
}
table.req-input th {
	width: 25%;
	border-left: 0;
	border-right: 0;
	text-align: right;
	background: #f1f1f1;
	box-shadow: 0px 0px 0px 1px #fff inset;
	border-top: 1px solid #d9d9d9;
	padding: 12px 5px 5px;
	font-size: 85%;
}
table.req-input th img {
	float: right;
	margin-left: 5px;
	line-height: 100%;
}
table.req-input td {
	width: 75%;
	border-left: 0;
	border-right: 0;
	box-shadow: 0px 0px 0px 1px #fff inset;
	border-top: 1px solid #d9d9d9;
	background: #fff;
	font-size: 85%;
	padding: 5px;
}
table.req-input td input {
	border-radius: 5px;
	margin: 3px;
	background: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1)inset;
	border: 1px solid #c0c0c0;
	padding: 3px 3px 3px 7px;
	font-size: 110%;
}
table.req-input td small {
	font-size: 87%;
}
table.req-input td input[type="button"] {
	padding-right: 5px;
	padding-left: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}
table.req-input td select {
	line-height: 120%;
	font-size: 100%;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c0c0c0;
	margin: 3px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}

table.req-input td input[type="checkbox"] {
	margin: 0px;
}

table.req-input td textarea {
	border-radius: 5px;
	margin: 7px 0;
	background: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1)inset;
	border: 1px solid #c0c0c0;
	padding: 5px 5px 5px 7px;
	font-size: 110%;
	width: 100%;
	color: #666;
	font-size: 100%;
	height: 80px;
}

.to_finish_btn {
	width: 100%;
	text-align: center;
}

.to_finish_btn input{
	width: 80%;
	margin: 10px auto 0 auto;
	display: block;
}

div.to_finish_btn input:hover {
	filter: alpha(opacity=70); /* IE */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70; /* Opera・Safari */
}

div.to_finish_btn p {
	color: #ff0000;
	font-weight: bold;
	font-size: 90%;
	margin-top: -20px;
}

p.narisumashi strong {
	color: #ff0000;
	font-weight: bold;
	background: #ffffcc;
}

p.narisumashi {
	background: #fff url(../images/common/exclamation.gif) no-repeat;
	background-position: center 5px;
	padding: 60px 10px 10px;
	background-size: inherit;
	color: #555;
	font-weight: normal;
	border: double 5px #d4ffbf;
    margin: 15px 0;
	text-align: left;
	font-size: 90%;
}

@media (min-width: 767px) {
	p.narisumashi {
		padding: 10px 10px 10px 15%;
		background-position: 3% 50%;
		background-size: 10%;
		margin: 15px 0 40px;
	}
}

p.narisumashi_sp {
    width: 95%;
    display: block;
    margin: 0 auto;
}

.required {
	margin: 0;
	width: auto;
}

table.req-input p.small {
	font-size: 87%;
	margin: 0px;
	padding: 7px 0 0 0;
}

@media (min-width: 767px) {
	table.req-input p.small {
	    clear: both;
	}
}

@media (min-width: 992px) {
	table.req-input p.small {
	    clear: none;
	}
}

table.req-input td.name div.required {
	float: none;
	margin-right: 5px;
	width: auto;
}
@media (min-width: 767px) {
	table.req-input td.name div.required {
		float: left;
		/*width: 152px;*/
	}
	table.req-input td.name div.required input {
		width: 152px;
	}
}

table.req-input td.err {
	background: #ffeded;
	box-shadow: 0px 0px 0px 1px #fff inset;
}
table.req-input td input.error,
table.req-input td select.error {
	border: 1px solid #ff878c;
	color: #000;
	background-color: #fff;
}
table.req-input td input.error::-webkit-input-placeholder { color: #aaa!important; }
table.req-input td input.error:-moz-placeholder { color: #aaa!important; }
table.req-input td div.error_container {
	margin: 0;
}
table.req-input p.error,
table.req-input p.ok {
	float: none;
	width: auto;
	font-weight: bold;
	font-size: 12px;
	min-height: 22px;
	line-height: 14px;
	padding: 3px 0 0 25px;
	margin: 0 0 3px!important;
}
table.req-input p.error {
	background: transparent url(/images/request/ico_err.png) no-repeat left top;
	color: #ff1d1d;
}
table.req-input p.ok {
	color: #389702;
	background: transparent url(/images/request/ico_ok.png) no-repeat left top;
}

/*---------------------------------------------------------------------------
 地域選択（ピンクVer）
---------------------------------------------------------------------------*/

#areaselect {
	margin: 0 0 20px 0;
	display: block;
	padding: 0 0 20px 0;
	background: #ffd7e1;
	position: relative;
}

@media (min-width: 767px) {
	#areaselect {
		display: none;
	}
}

#areaselect img{
	width: 100%;
	margin: 0!important;
	padding: 0!important;
}

dl.area {
	position: relative;
	margin: 0 10px;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border: solid 2px #ff728e;
	border-radius: 10px;
	background: #fff;
}
dl.area:before {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10%;
	display: block;
	background: #fffac2;
}
dl.area:after {
	position: absolute;
	content: '';
	top: 0;
	left: 3%;
	display: block;
	width: 92%;
	height: 120px;
	background-image: url(/images/guide/areaselect_subtitle.gif);
	background-size: contain;
	background-repeat: no-repeat;
}

dl.area dt {
	width: 100%;
	line-height: 100%;
	padding: 12px 10px 10px 10px;
	margin: 0;
	color: #fff;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #fe91ad;
	z-index: 10;
	border: 0;
	text-shadow: none;
}

dl.area dd {
	margin: 3px 0 5px 0;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 20;
}

dl.area dd ul {
	margin: 0!important;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	list-style: none;
	display: flex;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	z-index: 21;
}

dl.area dd ul li {
	display: block;
	float: left;
	width: 23%;
	margin: 1%;
	padding: 5px 0 5px 0;
	border-radius: 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	color: #777;
	border: 1px solid #b8b8b8;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d9d9d9 87%, #e2e2e2 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(87%,#d9d9d9), color-stop(99%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d9d9d9 87%,#e2e2e2 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d9d9d9 87%,#e2e2e2 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d9d9d9 87%,#e2e2e2 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d9d9d9 87%,#e2e2e2 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	z-index: 22;
}
@media screen and (min-width : 992px){
	dl.area dd ul li {
		width: 10.5%;
	}
}
dl.area dd ul li a{
	display: block;
	color: #0066cc;
}

dl.area dd ul li a:hover {
	text-decoration: none;
}
/* 最下部・TOPに戻るボタンの重ね */
#guidecatch {
	z-index: 99;
}
div.to_top img {
	z-index: 90;
}


/* **********************************************
 関連記事
********************************************** */

dl.relatedarticles {
	width: 100%;
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom: solid 1px #dadac2;
}

@media (min-width: 767px) {
	dl.relatedarticles {
		margin: 3px;
		width: 160px;
		float: left;
		border-bottom: none;
	}
}

@media (min-width: 992px) {
	dl.relatedarticles {
		width: 245px;
		float: left;
	}
}

dl.relatedarticles a {
	text-decoration: underline;
}

dl.relatedarticles dt,
dl.relatedarticles dd {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 90%;
}

dl.relatedarticles dt {
	color: #a5a5a5;
	margin-left: -5px;
	font-size: 70%;
}

dl.relatedarticles dd.articleimg {
	float: left;
	margin-right: 10px;
	border: solid 1px #dfdfdf;
}

@media (min-width: 767px) {
	dl.relatedarticles dd {
		min-height: 50px;
	}
	dl.relatedarticles dd.articleimg {
		margin: 0px;
		float: none;
	}
}

dl.relatedarticles dd.articleimg img {
	width: 85px;
	height: 57px;
}

@media (min-width: 767px) {
	dl.relatedarticles dd.articleimg img {
		width: 158px;
		height: 105px;
	}
}

@media (min-width: 992px) {
	dl.relatedarticles dd.articleimg img {
		width: 243px;
		height: 162px;
	}
}

@media (min-width: 767px) {
	h4.relatedtitle {
		background: #edf8ce;
		border: solid 1px #e8e8e8;
		border-radius: 5px;
		padding: 6px 10px 4px 10px;
		margin: 0px 0px 5px 0px;
		color: #177401;
		font-size: 90%;
		font-weight: bold;
	}
}

/*-------------------------------------------------------
 ソーシャルボタン
--------------------------------------------------------*/
ul.socialbtns {
	width: 235px;
	margin: 0px auto 15px auto;
	padding: 0px;
	list-style: none;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
}

ul.socialbtns li {
	margin: 5px;
	padding: 0px;
	float: left;
}

#wrapper iframe.twitter-share-button {
	width: 70px!important;
}

@media (min-width: 767px) {
	ul.socialbtns {
		width: 272px;
	}
}


/* **********************************************
 特集記事ページ
********************************************** */

body.article h1{
	font-size: 150%;
	line-height: 130%;
	font-weight: bold;
	border-left: solid 8px #177401;
	padding: 2px 0px 2px 5px;
	margin: 0 0 20px 0;
}

body.article h2{
	font-size: 125%;
	line-height: 130%;
	font-weight: bold;
	padding: 7px 10px 5px 10px;
	background: #eaf8c3;
	border-radius: 5px;
	color: #115700;
}

body.article h3{
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
	padding: 2px 0px 2px 20px;
	background: url(/images/responsive/h3_bullet.png) no-repeat 0px 6px;
}

body.article img.subimg{
	width: 50%;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	float: right;
	box-shadow:rgba(113, 135, 164, 0.129412) 1px 2px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.129412) 1px 2px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.129412) 1px 2px 6px 3px;
}

@media (min-width: 992px) {
	body.article img.subimg{
		width: auto;
	}
}

#articleimgbox{
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
	background: url(/images/responsive/img_back.png) no-repeat top left;
	background-size: contain;
}

@media (min-width: 767px) {
	#articleimgbox{
		padding: 12px 13px 25px 13px;
	}
}

@media (min-width: 992px) {
	#articleimgbox{
		width: 680px;
	    margin: 0 auto;
		padding: 18px 17px 32px 17px;
	}
}

#articleimgbox img{
	width: 100%;
	border: solid 1px #d9d9d9;
}

@media (min-width: 992px) {
	#articleimgbox img{
	    width: 640px;
	    height: 425px;
	}
}

/* --------------------------
 特集記事内アコーディオン
--------------------------- */
.showhide_contents p.headline,
.showhide_contents .showhide_bt {
	display: block;
	position:relative;
	width: auto;
	border-radius: 5px;
	background: #fb748b;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-size: 110%;
}
.demoSpan1{background:#333;}

.showhide_contents .showhide_bt:before,
.showhide_contents .showhide_bt:after {
	content:'';
	height:6px;
	width:28px;
	display:block;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position:absolute;
	top: 20px;
	right: 15px;
}

.showhide_contents .showhide_bt:after {
	height:28px;
	width:6px;
	top: 9px;
	right: 26px;
}

/* 開けた後 */
.showhide_contents .open:after {
	display:none;
}

/* **********************************************
 ライタープロフィール
********************************************** */
	
.writerprofile {
	border: solid 10px #e8e8e8;
	padding: 15px;
	margin: 0px 0px 20px 0px;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.writerprofile a {
	text-decoration: underline;
}

.writerprofile img {
	float: right;
	margin-left: 10px;
}

h5.writername {
	font-size: 110%;
	font-weight: bold;
}

.writerprofile p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 120%;
}

p.profiletitle {
	padding: 0px 0px 10px 0px;
	font-size: 90%;
	border-bottom: solid 1px #ededed;
	font-weight: bold;
}

@media (min-width: 767px) {
	.writerprofile img {
		float: left;
		margin-left: 0px;
		margin-right: 10px;
	}
	
	p.profiletitle {
		position: absolute;
		right: 10px;
		top: 10px;
		color: #9e9e9e;
		font-size: 70%;
		border-bottom: none;
	}
}


/*-------------------------------------------------------
 インタビューページ用
--------------------------------------------------------*/

body.article h2.interview {
	font-size: 110%;
	font-weight: bold;
	padding: 8px 8px 6px 8px;
	border-radius: 0;
	border: solid 1px #dddddd;
	border-left: none;
	box-shadow: -8px 0px #63a62b;
	margin: 0px 0px 20px 8px;
	color: #333;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

body.article h3.interview {
	color: #177401;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 20px 0;
	background: none;
}

table.greenbox {
	border: solid 2px #166e00;
	margin: 0 0 20px 0;
	line-height: 160%;
	font-size: 100%;
}

table.greenbox th {
	background: #e5f2c0;
	width: 24%;
	font-weight: bold;
	padding: 3%;
	border: solid 2px #166e00;
}

table.greenbox td {
	width: 64%;
	padding: 3%;
	border: solid 2px #166e00;
}

table.greenbox th.greentitle,
table.greenbox td.greentitle {
	background: #499b20;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
}

p.pinkborder,
p.blueborder,
p.purpleborder {
	padding: 10px;
	margin: 0 0 20px;
	border-radius: 10px;
}

p.pinkborder { border: solid 4px #f21468; }
p.blueborder { border: solid 4px #16859d; }
p.purpleborder { border: solid 4px #7e33a0; }

p.pinkborder strong,
p.blueborder strong,
p.purpleborder strong {
	font-size: 130%;
	font-weight: bold;
	display: block;
	color: #000;
	margin: 10px 0 15px 0;
}

/* **********************************************
 グローバル
********************************************** */

body.global h1{
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding: 8px 10px 6px 10px;
	margin: 0 0 20px 0;
	border-radius: 5px;
	background: #40962b; /* Old browsers */
	background: -moz-linear-gradient(top,  #40962b 0%, #347c23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40962b), color-stop(100%,#347c23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #40962b 0%,#347c23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #40962b 0%,#347c23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #40962b 0%,#347c23 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #40962b 0%,#347c23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40962b', endColorstr='#347c23',GradientType=0 ); /* IE6-9 */
}

body.global h2 {
	font-size: 110%;
	font-weight: bold;
	padding: 8px 8px 6px 8px;
	border-radius: 0;
	border: solid 1px #dddddd;
	border-left: none;
	box-shadow: -8px 0px #63a62b;
	margin: 0px 0px 20px 8px;
	color: #333;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

body.global h3 {
	color: #177401;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 10px 0;
	background: none;
}
body.global ul,
body.global ol {
	margin: 0 0 20px 0;
}

table.company {
	margin: 0 0 20px 0;
	line-height: 180%;
}

table.company th{
	background: #d8efad;
	width: 30%;
	border: solid 1px #cecece;
	padding: 10px;
}

table.company td{
	width: 70%;
	border: solid 1px #cecece;
	padding: 10px;
}

@media (min-width: 767px) {
	table.company th{
		width: 20%;
	}

	table.company td{
		width: 80%;
	}
}

table.company td img.full{
	width: 100%;
}

table.company td ul{
	width: 100%;
	padding: 0 0 0 20px;
}

dl.floatbox {
	oveflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ulfloat {
	float: none;
	width: 100%;
	margin: 0%;
}

@media (min-width: 767px){
	.ulfloat {
		float: left;
		width: 48%;
		margin: 1%;
	}
}

.c_both {
	clear: both;
}

.ulfloat li {
	padding: 1% 0;
}

.help_img {
	width: 100%;
}

@media (min-width: 767px){
	.help_img {
		display: block;
		margin: 0 auto;
	}
}

@media (min-width: 992px){
	.help_img {
		width: auto;
	}
}

.career_pass {
	list-style: none;
	padding-left: 0;
}

.career_pass_text {
	margin-top: 10px;
}

.subtitle {
	margin: 10px;
}


/* **********************************************
 アニマルセラピー
********************************************** */

.dogname {
	font-size: 150%;
	font-weight: bold;
	background: url(/images/article/dog_icon.png) no-repeat top left;
	background-size: contain;
	padding-left: 80px;
}

.green {
	#177401;
}

dl.dog_box {
	oveflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #f1f1f1;
	padding: 1%;
}


@media (min-width: 767px){
	.dog_text {
		float: right;
		width: 46%;
		margin-right: 2%;
	}
	body.article div.blog-main p img.dog_image {
		width: 46%;
		float: left;
		margin-left: 1%;
	}
	body.article div.blog-main p img.right_p {
	width: 46%;
	float: right;
	margin: 0px 0px 5px 5px;
	}
	p.mrgn {
	margin: 0;
	}
	.about_text {
	line-height: 180%;
	}
	p.headline2 {
	width: 50%;
	}
}

img.dog_image {
	width: 100%;
}

.dog_text {
	margin: 0 2%;
}

dl.about_box {
	oveflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

span.text_pink {
	background-color: #fee3e8;
	display: block;
	padding: 10px;
}

.about_text {
	line-height: 200%;
}

p.headline3 {
	margin-top: 10px;
}


/***********************************************************
 心理カウンセラーガイドページ
***********************************************************/
dl.redbox_green {
	background: #E5F2C0;
	padding: 15px 10px 6px 10px;
}
dl.redbox_green .headline_green {
    display: inline-block;
	width: auto;
	border-radius: 5px;
	background: #2d7d04;
	padding: 8px 8px 6px;
	margin: 15px 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.5;
}
dl.redbox_green dl{
	margin-bottom: 5px;
}
dl.redbox_green .enclose_green {
    background: #E5F2C0;
    border-radius: 5px;
    border: 3px solid #6DBB28;
    display: inline-block;
    width: 110px;
    text-align: center;
    padding: 2px;
}
dl.redbox_green .bg_white {
	background: #fff;
    padding: 3px 3px 3px 5px;
    margin: 0;
    display: table;
    width: 100%;
    border-bottom: solid 1px #6DBB28;
    border-right: solid 1px #6DBB28;
    border-left: solid 1px #6DBB28;
}
dl.redbox_green .bg_green {
    background: #68B128;
    padding: 6px;
    margin: 0;
    font-weight: normal;
    color: #fff;
    display: block;
}
dl.redbox_green .t_left {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}
dl.redbox_green .t_right {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
dl.redbox_green .h3 {
    font-size: 160%;
    font-weight: bold;
    margin: 0;
}

/***********************************************************
 ローディング
***********************************************************/
   #load{
	    display:block;
	    top:0;
	    left:0;
	    position:fixed;
	    width:100%;
	    height:100%;
	    z-index:999;
	    background: rgba(0, 0, 0, 0.5);
	    min-width:960px;
		min-height:1500px;
}
    #load img{ 
	    position:fixed;
        top:50%;
        left:50%;
        width:80px;
        height:80px;
        margin: -40px 0 0 -40px;
	    -webkit-animation: spin 1s linear infinite;
	    -moz-animation: spin 1s linear infinite;
	    -ms-animation: spin 1s linear infinite;
	    -o-animation: spin 1s linear infinite;
	    animation: spin 1s linear infinite;
    }
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}    
/***********************************************************
 お問い合わせページ
***********************************************************/
div.contact div.contact_caution {
	padding: 7px 7px 0;
	border: double 5px #d4ffbf;
	margin: 15px 0 40px;
	text-align: center;
}
div.contact div.contact_caution p {
    text-align: left;
    margin: 10px 0;
}
div.contact div.contact_caution strong {
	color: #ff0000;
	font-weight: bold;
	background: #ffffcc;
}
div.contact div.contact_caution strong a {
	color: #337ab7;
	text-decoration: underline;
	font-weight: normal;
	background-color: #fff;
}
div.contact div.contact_caution strong a:hover {
	color: #23527c;
}
div.contact dl.data-2 {
	margin: 0 0 40px;
	border-bottom: 1px solid #84d49e;
	overflow: auto;
}
div.contact dl.data-2 dt {
	margin: 0;
	border-top: 1px solid #84d49e;
	padding: 10px 5px;
	width: 30%;
	float: left;
	font-weight: normal;
}
div.contact dl.data-2 dd {
	margin: 0;
	border-top: 1px solid #84d49e;
	padding: 10px 5px;
	width: 100%;
}

@media (min-width: 767px){
	div.contact div.contact_caution {
		padding: 10px 10px 10px 15%;
		background: #fff url(../images/common/exclamation.gif) no-repeat 3% 50%;
		background-size: 10%;
	}
	img.exclamation {
	    display: none;
	}
}

/* 入力フォーム */
div.contact table.req-input {
	margin: 0 0 20px 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	font-size: 120%;
}
div.contact table.req-input th {
	width: 100%;
	margin: 0;
	background: #fff;
	border: solid 1px #fff;
	display: inline-block;
	text-align: left;
	padding-bottom: 0;
}
div.contact table.req-input th label {
    margin-bottom: 0;
}
div.contact table.req-input th img {
	float: none;
}
div.contact table.req-input th.gray_border {
	border-top: solid 1px #dadcd7;
}
div.contact table.req-input td {
	width: 100%;
	border: solid 1px #fff;
	display: block;
	background: #fff;
	padding-top: 0;
	float: none;
}
div.contact table.req-input td.address label{
	display: block;
}
div.contact table.req-input td.address label input{
	font-weight: normal;
}
div.contact table.req-input td input {
	width: 99%;
	margin: 3px 0.5% 5px;
}
div.contact table.req-input td input#phone_1,
div.contact table.req-input td input#phone_2,
div.contact table.req-input td input#phone_3,
div.contact table.req-input td input#fax_1,
div.contact table.req-input td input#fax_2,
div.contact table.req-input td input#fax_3,
div.contact table.req-input td input#post_1,
div.contact table.req-input td input#post_2 {
	width: 27%;
}
div.contact table.req-input td input[type=radio] {
	width: auto;
	margin: 0 5px 10px 0;
}
div.contact table.req-input td select {
	font-weight: normal;
}
div.contact table.req-input td textarea {
    width: 99%;
	margin: 3px 0.5% 5px;
	height: auto;
}
div.contact table.req-input td input.submit {
	font-weight: bold;
	padding: 8px 17px;
	line-height: 120%;
	font-size: 100%;
    box-shadow: none;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4));
	background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 );
}
div.contact table.req-input td input.submit:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top, #d4d4d4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d4d4d4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 );
}
div.contact table.req-input td p.red_text {
	color: #ff0000;
}
div.contact table.req-input td p.red_text strong a {
	color: #337ab7;
	text-decoration: underline;
	font-weight: normal;
}
div.contact table.req-input td p.red_text strong a:hover {
    color: #23527c;
}
div.contact table.req-input td span.error {
    color: #ff0000;
    font-weight: bold;
    display: block;
    margin: 10px 0;
}

@media (min-width: 767px){
	div.contact table.req-input {
		background: #d9d9d9;
		font-size: 105%;
		border-collapse: separate;
		border-spacing: 0 1px;
	}
	div.contact table.req-input th {
		width: 27%;
		background: #f1f1f1;
		display: table-cell;
		padding-left: 10px;
		vertical-align: top;
	}
	div.contact table.req-input th.gray_border {
		border-top: none;
	}
	div.contact table.req-input td {
		padding-top: 5px;
		display: table-cell;
	}
	div.contact table.req-input td input {
		width: 260px;
		margin: 3px 0 5px 3px;
	}
	div.contact table.req-input td input[type=radio] {
		margin: 5px 5px 5px 0;
	}
	div.contact table.req-input td input#phone_1,
	div.contact table.req-input td input#phone_2,
	div.contact table.req-input td input#phone_3,
	div.contact table.req-input td input#fax_1,
	div.contact table.req-input td input#fax_2,
	div.contact table.req-input td input#fax_3,
	div.contact table.req-input td input#post_1,
	div.contact table.req-input td input#post_2 {
		width: 80px;
	}
	div.contact table.req-input td textarea {
	    margin: 3px 0 5px 3px;
	}
	div.contact table.req-input td input.submit {
		width: 200px;
	}
}

/* 確認ページ */
div.contact table.confirmation{
    font-size: 100%;
}
div.contact table.confirmation th,
div.contact table.confirmation td {
    border: none;
    background-color: #fff;
    padding: 10px;
}
div.contact table.confirmation td input {
    border-radius: 5px;
    margin: 3px;
    background: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1)inset;
    border: 1px solid #c0c0c0;
    padding: 3px 3px 3px 7px;
}
div.contact table.confirmation td input.submit {
	font-weight: bold;
	padding: 8px 17px;
	line-height: 120%;
	width: 100%;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4));
	background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 );
}
div.contact table.confirmation td input.submit:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top, #d4d4d4 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #d4d4d4 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d4d4d4 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 );
}
div.contact table.confirmation td span.mataha{
    display: block;
    margin: 10px 0;
}

@media (min-width: 767px){
	div.contact table.confirmation{
	    font-size: 90%;
	}
	div.contact table.confirmation td input.submit {
		width: 200px;
	}
	div.contact table.confirmation td span.mataha{
	    display: inline;
	    margin: 0 5px;
	}
}


/***********************************************************
 通信講座ページ
***********************************************************/
body.tsushin #catch {
    display: block;
}
body.tsushin #catch h1 img {
	width: 100%;
}
body.tsushin h2 {
    background: #e5f2c0;
    border-left: solid 6px #2d7d04;
    padding: 8px 5px 6px 8px;
    margin: 15px 0px;
    font-size: 125%;
    font-weight: bold;
}
body.tsushin ul.major_category_panel {
    list-style: none;
    padding: 0;
}
body.tsushin ul.major_category_panel li {
    display: inline-block;
    width: 49%;
}
body.tsushin ul.major_category_panel li a {
    display: block;
}
body.tsushin ul.major_category_panel li img {
    width: 100%;
    margin: 4px 0;
}
body.tsushin ul.major_category_panel li a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
body.tsushin h3 {
    background-color: #fb748b;
    padding: 8px 8px 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    border-radius: 3px;
}
body.tsushin h3 a{
    color: #fff;
}
body.tsushin h3 a:hover {
    color: #fff;
    text-decoration: none;
}

/*テーブル*/
body.tsushin table {
    margin-bottom: 20px;
    font-size: 90%;
    border-top: none;
    border-right: solid 1px #AFAFAF;
    border-bottom: solid 1px #AFAFAF;
    border-left: solid 1px #AFAFAF;
    border-collapse: separate;
}
body.tsushin table th,
body.tsushin table td {
    border: none;
}
body.tsushin table th.b1,
body.tsushin table th.b2,
body.tsushin table th.b3,
body.tsushin table th.b4 {
    display: none;
}
body.tsushin table th.b1,
body.tsushin table th.b2,
body.tsushin table th.b4 {
    border-right: solid 1px #AFAFAF;
}
body.tsushin table td.b1 {
	width: 25%;
	text-align: center;
    border-top: solid 1px #AFAFAF;
    border-right: solid 1px #AFAFAF;
}
body.tsushin table td.b1 img {
	width: 60%;
}
body.tsushin table td.b1 span {
    display: block;
}
body.tsushin table td.b1 span p {
    font-size: 70%;
    margin: 0;
    line-height: 1.2;
}
body.tsushin table td.b2 {
	width: 45%;
    border-top: solid 1px #AFAFAF;
    border-right: solid 1px #AFAFAF;
}
body.tsushin table td.b3 {
	width: 20%;
    border-top: solid 1px #AFAFAF;
}
body.tsushin table td.b4 {
    width: 7%;
    background-color: #ffd277;
    vertical-align: top;
    text-align: center;
    border-top: solid 1px #AFAFAF;
    border-right: solid 1px #AFAFAF;
    padding: 0;
    position: relative;
}
body.tsushin table td.b4 label {
    padding: 35% 10%;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
body.tsushin table td.b4 label input {
    margin: 0;
}
body.tsushin table td a#course_name {
    display:block;
    cursor:pointer;
    text-decoration: underline;
}
body.tsushin table td.open_detail{
	padding: 0;
}
body.tsushin table td.open_detail dl {
    display:none;
    font-size: 88%;
    overflow: hidden;
    margin: 0;
    background-color: #dad9d9;
    border-top: solid 1px #AFAFAF;
}
body.tsushin table td.open_detail dl dt {
    clear: both;
    background-color: #dad9d9;
    width: 30%;
    float: left;
    border-bottom: none;
    padding: 3px 0 1px 5px;
    font-weight: normal;
}
body.tsushin table td.open_detail dl dt:first-child {
    border-bottom: solid 1px #fff;
}
body.tsushin table td.open_detail dl dd{
    background-color: #efeded;
    width: 70%;
    float: left;
    border-bottom: none;
    padding: 3px 0 1px 5px;
    min-height: 1.8em;
}
body.tsushin table td.open_detail dd:nth-child(2) {
    border-bottom: solid 1px #fff;
}

/*請求ボタン*/
body.tsushin input[type="image"]:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
body.tsushin input.seikyu_pc[type="image"] {
	display: none;
}
body.tsushin p.seikyu_sp_bg {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 10px 5px 0;
    margin: 0;
    background: #e5f2c0;
    z-index: 2;
}
body.tsushin p.seikyu_sp_bg input.seikyu[type="image"] {
    width: 100%;
}

@media (min-width: 767px){
	body.tsushin ul.major_category_panel li {
	    width: 32.5%;
	}
	/*テーブル*/   
	body.tsushin table {
        border-top: solid 1px #AFAFAF;
	}
	body.tsushin table th.b1,
	body.tsushin table th.b2,
	body.tsushin table th.b3,
	body.tsushin table th.b4 {
	    display: table-cell;
	}
	body.tsushin table th.b4 {
		text-align: center;
	}
    body.tsushin table td.b1 {
	    height: 60px;
	}
	body.tsushin table td.b1 span {
	    width: 40%;
	    display: inline-block;
	    padding-left: 5px;
	    vertical-align: middle;
	}
	/*
	body.tsushin table td.b4 {
	    width: 45px;
	}
	*/
	body.tsushin table td.b4 label {
	    padding: 35% 25%;
	    cursor: pointer;
	}
	body.tsushin table td.open_detail dl dt{
	    width: 17%;
	}
	body.tsushin table td.open_detail dl dd{
	    width: 83%;
	}
	/*請求ボタン*/
	body.tsushin input.seikyu_pc[type="image"] {
	    width: 100%;
	    margin-bottom: 40px;
	    display: block;
	}
	body.tsushin p.seikyu_sp_bg {
		padding: 0;
	    position: static;
	    background: none;
	}
	body.tsushin p.seikyu_sp_bg input.seikyu {
		width: 100%;
		position: static;
	}
}


@media (min-width: 992px){
	body.tsushin #catch h1 img {
	    width: auto;
	    margin: 0 auto;
	    display: block;
	}
	body.tsushin ul.major_category_panel li {
	    width: 32.8%;
	}
	/*テーブル*/
    body.tsushin table td.b1 img {
        width: auto;
    }
	body.tsushin table td.open_detail dl dt{
	    width: 13%;
	}
	body.tsushin table td.open_detail dl dd{
	    width: 87%;
	}
	/*請求ボタン*/
	body.tsushin input.seikyu_pc[type="image"],
    body.tsushin p.seikyu_sp_bg input.seikyu[type="image"] {
	    width: auto;
        display: block;
	    margin: 0 auto 40px;
	}
}









/* 汎用 */
.sphne_none{
	display: none;
}
@media (min-width: 767px){
	.sphne_none{
		display: block;
	}
}
.t_center {
    text-align: center;
}
.t_right {
	text-align: right;
}
.t_left {
	text-align: left;
}
.mt_0{
    margin-top: 0px!important;
}
.mt_10{
    margin-top: 10px!important;
}
.mt_15{
    margin-top: 15px!important;
}
.mt_20{
    margin-top: 20px!important;
}
.mb_0{
    margin-bottom: 0px!important;
}
.mb_10{
    margin-bottom: 10px!important;
}
.mb_15{
    margin-bottom: 15px!important;
}
.mb_20{
    margin-bottom: 20px!important;
}
.mtb_10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pt_10{
    padding-top: 10px!important;
}
.fw_normal{
	font-weight: normal;
}
.fw_normal label{
	font-weight: normal;
}
.d_block{
	display: block;
}
.d_inline{
	display: inline;
}
.d_inline-block{
	display: inline-block;
}
.ov_hidden{
    overflow: hidden;
}
.width_auto{
    width: auto;
}

/***********************************************************
 利用規約の画像化 20151217
***********************************************************/
@media (min-width: 767px){
	p.kiyaku_box {
		height: 9em;
	    overflow: auto;
	}
	p.kiyaku_box .kiyaku {
		width: 100% !important;
	}
}
@media (min-width: 992px){
	p.kiyaku_box .kiyaku {
		width: auto !important;
	}
}

/***********************************************************
 まな坊 ボタンアニメーション
***********************************************************/

li#manaboanime{
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	-webkit-transform: translateY(100%);
}

@media(min-width:767px){
	li#manaboanime{
		display: none;
	}
}

@media all and (orientation: landscape) {
    li#manaboanime{
		display: none;
	}
}

li#manaboanime img{
	width: 300%;
	-webkit-animation: manabopeek 15000ms ease 0ms infinite;
}

@-webkit-keyframes manabopeek {
    0% {-webkit-transform: translate(0%, 100%);}
	40% {-webkit-transform: translate(0%, 100%);}
    50% {-webkit-transform: translate(0%, -180%);}
	54.999% {-webkit-transform: translate(0%, -180%);}
	55% {-webkit-transform: translate(-33.3%, -180%);}
	59.999% {-webkit-transform: translate(-33.3%, -180%);}
	60% {-webkit-transform: translate(0%, -180%);}
	64.999% {-webkit-transform: translate(0%, -180%);}
	65% {-webkit-transform: translate(-33.3%, -180%);}
	69.999% {-webkit-transform: translate(-33.3%, -180%);}
	70% {-webkit-transform: translate(0%, -180%);}
	74.999% {-webkit-transform: translate(0%, -180%);}
	75% {-webkit-transform: translate(-66.6%, -180%);}
	80% {-webkit-transform: translate(-66.6%, -195%);}
	90% {-webkit-transform: translate(-66.6%, -195%);}
	100% {-webkit-transform: translate(-66.6%, 100%);}
}


/***********************************************************
 中堅サイト受け皿ページ 20151222
***********************************************************/
body.global h3 {
    color: #333333;
    font-size: 80%;
    line-height: 125%;
}
dl.mainbox {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #BFB9B9;
    padding-bottom: 20px;
	width: 100%;
}
dl dt.guide_banner {
    float: left;
    padding-right: 2%;
    width: 40%;
}
dl dt.guide_banner img {
    width: 100%;
}
dd.rightbox {
    float: left;
    width: 58%;
}
dd.rightbox .line {
    border-bottom: 2px solid #1AB784;
    font-size: 80%;
	padding-bottom: 2px;
    margin-bottom: 0;
	width: 100%;
}
ul.kigyoulogo {
	list-style: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 0px;
	margin-bottom: 10px!important;
}
ul.kigyoulogo li {
    float: left;
    padding-right: 3%;
    width: 33%;
}
ul.kigyoulogo li img {
	width: 100%!important;
	border: 1px solid #ccc;
}

dd.text {
    width: 100%;
    float: left;
}

@media (min-width: 767px){
	dd.rightbox .line {
	    border-bottom: 3px solid #1AB784;
	    margin-bottom: 9px;
	    padding-bottom: 3px;
		font-size: 114%;
		width: 100%;
	}
	ul.kigyoulogo li img {
    	height: 33px;
	}
}

@media (min-width: 992px){
	body.global h3 {
	    color: #333333;
	    font-size: 150%;
	    line-height: 125%;
	}
	dl.mainbox {
		overflow: auto;
	    overflow-x: hidden;
	    overflow-y: hidden;
	    margin-bottom: 50px;
		border-bottom: 1px solid #BFB9B9;
	    padding-bottom: 50px;
		width: 100%;
	}
	dl dt.guide_banner {
	    float: left;
	    padding-right: 2%;
		width: 40%;
	}
	dl dt.guide_banner img {
		width: auto;
	}
	ul.kigyoulogo {
		list-style: none;
	    overflow: auto;
	    overflow-x: hidden;
	    overflow-y: hidden;
	    padding-left: 0px;
	}
	ul.kigyoulogo li {
	    float: left;
	    padding-right: 6%;
	}
	ul.kigyoulogo li img {
		width: 100%;
		border: 1px solid #ccc;
		height: auto;
	}

	dd.rightbox {
	    float: right;
	    width: 60%;
	}
	dd.rightbox .line {
	    border-bottom: 4px solid #1AB784;
	    margin-bottom: 17px;
	    padding-bottom: 9px;
		font-size: 150%;
		width: 100%;
	}
	dd.text {
		margin-top: 10px;
		float: left;
		line-height: 180%;
	}
}


/***********************************************************
 ご利用の方法ページ
***********************************************************/


/*ケア資格ナビのポイント*/

#point {
	margin: 15px 15px 30px 15px;
}

#point dt{
	position:relative;
	padding:5px 10px;
	background-color: #edf8ce;
	color: #0f5300;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
 
#point dt:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:13px transparent solid; 
	border-right-width:0; 
	border-left-color:#edf8ce; 
	position:absolute; 
	top:20px; 
	left:15px;
	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}

#point dd{
	position:relative;
	padding:0 0 5px 30px;
	border-bottom:1px solid #63a62b;
	line-height: 175%;
	margin:7px;
	font-weight:bold;
}

@media (min-width: 767px){
   #point dd{
	line-height: 250%;
}
}
 
#point dd:after, #point dd:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#ea4bb4; 
	position:absolute; 
	top:10px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
#point dd:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:18px; 
	left:7px
}

.marker_yellow {
     background: linear-gradient(transparent 0%, #ffff66 0%);
}


/*資料請求の流れ*/

.step_one{
	border:1px #fb8cc3 solid;
}
.step_one dt{
    background-color:#fb8cc3;
	color:#fff;
	font-weight:bold;
	padding:0px;
	text-align:center;
}

.step_one dd{
	padding:10px;
}

.step_second{
	border:1px #53df9f solid;
}
.step_second dt{
    background-color:#53df9f;
	color:#fff;
	font-weight:bold;
	padding:0px;
	text-align:center;
}


.step_second dd{
	padding:10px;
}

.step_third{
	border:1px #669ef3 solid;
	margin-bottom:30px;
}
.step_third dt{
    background-color:#669ef3;
	color:#fff;
	font-weight:bold;
	padding:0px;
	text-align:center;
}


.step_third dd{
	padding:10px;
}


.step_arrow{
     height:0px;
     text-align:center;
}
.arrow{
      border-style:solid;
     border-width:15px 20px 0 20px;
     border-color:#c9c9c9 transparent transparent transparent;
}


/*QA*/

 
#qa dd,
#qa dt{
     padding: 0 20px;
     text-indent: -1.0em;
}

#qa dt{
     margin-top: 20px;
}
 
#qa dd:first-letter,
#qa dt:first-letter{
     font-weight: bold;
     margin-right:5px;
}
 
#qa dd{
     margin-top: 20px;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}
 
#qa dt:first-letter{
     color: #ff86bd;
}
#qa dd:first-letter{
     color: #53df9f;
}


/* **********************************************
 介護の資格について
********************************************** */


/*介護資格のtable*/

table.shikaku_list a{
    text-decoration: underline;
	font-weight:bold;
}

table.shikaku_list a:hover {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

table.shikaku_list {
	border: none;
}

table.shikaku_list tr {
	display: block;
}

table.shikaku_list th {
	border: none;
}

table.shikaku_list td {
	background: #fff;
	display: list-item;
	border: none;
}

table.shikaku_list td.first {
	font-size:125%;
	padding-top:20px;
}

table.shikaku_list td.end {
	border-bottom: solid 1px #dadcd7;
}

table.shikaku_list td ul{
	padding: 5px 0 0 18px !important;
	margin:5px 0;
}


@media (min-width: 767px) {
table.shikaku_list {
	border: solid 1px #dadcd7;
	margin-bottom:35px;
}

table.shikaku_list tr {
	display: table-row;
}

table.shikaku_list th,
table.shikaku_list td {
	display: table-cell;
	border: dotted 1px #dadcd7;
	border-left: solid 1px #dadcd7;
	border-right: solid 1px #dadcd7;
}


table.shikaku_list td.first {
	font-size:100%;
	width: 33%;
}

table.shikaku_list td.end {
	background: #fff;
	width: 23%;
	border-bottom:none;
}

table.shikaku_list td ul{
	padding: 5px 0 0 22px !important;
}
}

span.check{
background-color:#fa3d4c;
color:#fff;
font-weight:bold;
padding:1px 3px 0px;
font-size:95%;
}


/*お取り寄せボタン*/

.btn_g {
	text-decoration: none !important;
	text-align: center;
	color: #FFF !important;
	display: block;
	background: #287603; /* Old browsers */
	background: linear-gradient(top, #72d009 0%, #39a705 50%, #287603 51%, #39a705 100%); /* W3C */
	background: -webkit-linear-gradient(top, #72d009 0%, #39a705 50%, #287603 51%, #39a705 100%); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72d009), color-stop(50%,#39a705), color-stop(51%,#287603), color-stop(100%,#39a705)); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top, #72d009 0%, #39a705 50%, #287603 51%, #39a705 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #72d009 0%, #39a705 50%, #287603 51%, #39a705 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #72d009 0%, #39a705 50%, #287603 51%, #39a705 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72d009', endColorstr='#39a705',GradientType=0 ); /* IE6-9 */
	border: 1px solid #287603;
	border-radius: 5px;
	padding: 15px 0;
	margin:0 5px 15px 5px;
}
	
.btn_o {
	text-decoration: none !important;
	text-align: center;
	color: #FFF !important;
	display: block;
	background: #ff6a00; /* Old browsers */
	background: linear-gradient(top, #ffb800 0%, #ff9000 50%, #ff6a00 51%, #ff9000 100%); /* W3C */
	background: -webkit-linear-gradient(top, #ffb800 0%, #ff9000 50%, #ff6a00 51%, #ff9000 100%); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb800), color-stop(50%,#ff9000), color-stop(51%,#ff6a00), color-stop(100%,#ff9000)); /* Chrome,Safari4+ */
	background: -moz-linear-gradient(top, #ffb800 0%, #ff9000 50%, #ff6a00 51%, #ff9000 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #ffb800 0%, #ff9000 50%, #ff6a00 51%, #ff9000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffb800 0%, #ff9000 50%, #ff6a00 51%, #ff9000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb800', endColorstr='#ff9000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ff6a00;
	border-radius: 5px;
	padding: 15px 0;
	margin:0 5px 15px 5px;
}

.end .for_sp{
	display:inline;
}


@media (min-width: 767px) {
	.btn_g {
    padding: 20px 0;
	margin:0 3px;
}
	
.btn_o {
	padding: 20px 0;
	margin:0 3px;
}	
.end .for_sp{
	display:none;
}
}

/*介護の資格について*/

h3.about_ttl3 {
	font-size: 100% !important;
	border-top: solid 1px #63A62B;
	border-right: solid 1px #63A62B;
	border-bottom: solid 1px #63A62B;
	border-left: solid 25px #63A62B;
	padding: 4px 0 2px !important;
	display: block !important;
}

h3.about_ttl3 :first-letter{
    font-size: 115%;
    color: #FFF;
    margin-right: 5px;
}

h3.about_ttl3 span{
    font-size: 115%;
    color: #FFF;
    margin-right: 10px;
    margin-left: -22px
}

span .about_ttl3_s {
    font-size: 115%;
    color: #FFF;
    margin-right: 10px;
    margin-left: -22px
}


.img_deco1 {
    float: right;
    clear: right;
    width: 70%;
}


.img_deco {
	float: right;
	clear: right;
	box-shadow: 5px 10px 18px -6px #ccc;
	border: solid 5px #fff;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

@media (min-width: 767px) {
	.img_deco1 {
		width: 40%;
	}
}

.to_list{
	width: 80%;
	margin: auto;
}
.to_list a:hover {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

/* ******************** アマゾンインスタントショップ ******************** */

#amazon_store_sp {
	display: block;
	position: relative;
	height: 1000px;
	box-sizing: border-box;
	border: solid 5px #B8F5B3;
	margin-right: 5px;
	margin-left: 5px;
}

#amazon_store_pc {
	display: none;
	position: relative;
	height: 1000px;
	box-sizing: border-box;
	border: solid 5px #B8F5B3;
}

#amazon_store_sp iframe,
#amazon_store_pc iframe {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height:100%;
}


@media (min-width: 767px) {
	#amazon_store_sp {
		display: none;
	}
	#amazon_store_pc {
		display: block;
	}
}


/* ******************** コラム記事 ******************** */
/* ********* コラム親ページ ********* */
.info{
   border-bottom: 1px solid #eee;
   margin: 0 1%;
   padding: 2%;
   overflow:hidden;
}

.info:hover{
   background-color:#fafafa;
}

.info a{
    color: #03C;
}

.r_title{
    float: right;
    width: 73%;
    margin-bottom: 2%;
}
.r_text{
    float: right;
    width: 73%;
    font-size: 55%
}

.l_img{
    width: 25%;
    /* height: 70px; */
    overflow: hidden;
    position: relative;
    border: 1px solid #c6c6c6;
    background: #fff;
}

.l_img img{
    width: 100%;
    height: 100%;
    /* width: auto; */
    /* left: -100%; */
    /* right: -100%; */
    /* position: absolute; */
    margin: auto;
}


@media (min-width: 767px) {
.l_img{
    height: 90px;
}
}

@media (min-width: 992px) {
.r_title{
    width: 78%;
}
.r_text{
    width: 78%;
    font-size: 70%
}

.l_img{
    width: 20%;
}
}

.info img:hover{
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/* ********* コラム子ページ ********* */
.r_pic{
   float: right;
   padding: 0 0 1% 1%;
   width: 55%;
}

@media (min-width: 992px) {
.r_pic{
  width: 45%;
}
}

.r_pic img{
   width: 100% !important;
}

.blockquote_column{
  font-size: 95%;
  line-height: 170%;
}

/* line-heigh調整 */
body.guide p,
body.article p {
    line-height: 210%;
}



/* ******************** インタビュー記事 ******************** */
h3.interview2 {
    border-bottom:medium #177401 dotted;
    width: 100%;
    color: #177401;
    padding: 0 0 1% 0!important;
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 20px 0;
    background: none !important;
}

.m-b0{
   margin-bottom: 0;
}

#intro{
   border: 1px solid #eee;
   margin: 0 0 2%;
   padding: 2%;
   overflow:hidden;
}

#intro dt{
    float: right;
    width: 68%;
    margin-bottom: 2%;
    font-size: 85%
}

@media (min-width: 992px) {
#intro dt{
    width: 78%;
    font-size: 100%
}
}


#intro .r_text{
    width: 68%;
    font-size: 78%
}

@media (min-width: 992px) {
#intro .r_text{
    width: 78%;
    font-size: 90%
}
}

#intro .l_img{
    width: 30%;
   /* height: 70px; */
    overflow: hidden;
    position: relative;
    border: 1px solid #c6c6c6;
    background: #fff;
}

@media (min-width: 767px) {
#intro .l_img{
    height: 90px;
}
}

@media (min-width: 992px) {
#intro .l_img{
    width: 20%;
}
}

/* **********************************************
 #13617「資料請求が大事な理由」を設置
********************************************** */


strong.btn_deatil_open {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 45px;
    height: 45px;
    background: url(/images/guide/btn_open.png) no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    right: 2%;
    top: 50%;
    margin-top: -23px;
}
.open strong.btn_deatil_open {
    background: url(/images/guide/btn_close.png) no-repeat;
    background-size: contain;
}


dt.btn_open {
    font-size: 110%;
    font-weight: bold;
    line-height: 150%;
    position: relative;
    background:#f4efb2;
    padding:15px 65px 10px 10px;
    border-radius:15px;
    margin:20px 0 20px;
    min-height: 54px;
}
dd.text {
    float: none !important;
    overflow: auto;
}

dl.merit {
    margin-bottom: 0;
}

dt.merit_dt {
    position: relative;
    border: 1px solid #95ac61;
    border-radius: 10px!important;
    background: -moz-linear-gradient(top, #fff, #e6e6e6) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)) !important;
    padding: 15px 60px 10px 10px;
    margin: 5px 0!important;
    box-shadow: 0px 1px 2px #95ac61;
    color: #73573e !important;
    font-weight: bold;
    line-height: 120%;
}

/* **********************************************
 #13386 SEO_内部対策「記事まとめページ」を設置
********************************************** */

@media (min-width: 767px) {
#contents{
    overflow: hidden;
}

#new,#pickup,#interview {
	width: 48%;
    float: left;
    margin: 0.5%
}
}

.new_article {
	margin:1%;
	padding: 0 7%;
	
}

.new_article li{
    font-size: 90%;
    line-height: 150%;
	border-bottom: 1px dotted #E1E1E1;
    margin: 6% 0;
    padding-left: 2%;
}


.pickup_article dt{
	font-size: 90%;
	color: #5a5a5a;
}

.pickup_article dd{
	padding: 0;
	margin: 2% 0;
}

.pickup_article .photo{
   text-align: center;
}

.pickup_article dd img{
   width: 85%;
}

.inner{
   border-bottom: 1px solid #eee;
   margin: 0 1%;
   padding: 2%;
   overflow:hidden;
}

.inner:hover{
   background-color:#fafafa;
}

.inner a{
    color: #03C;
}

.item_title{
    font-size: 90%;
    float: right;
    width: 65%;
    margin-bottom: 2%;
}
.item_text{
    float: right;
    width: 65%;
    font-size: 55%
}

.item_img{
    width: 33%;
    height: auto;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #c6c6c6; */
    background: #fff;
}

.item_img img{
    width: 100%;
    height: 100%;
    /* left: -100%; */
    /* right: -100%; */
    /* position: absolute; */
    margin: auto;
    border: 1px solid #c6c6c6;
}


@media (min-width: 767px) {
.item_title{
    width: 77%;
    font-size: 80%;
}
.item_text{
    width: 77%;
    font-size: 55%;
}
.item_img{
    width: 21%;
    height: 64px;
}
}

@media (min-width: 992px) {
.item_title{
    width: 75%;
    font-size: 100%;
}
.item_text{
    width: 75%;
    font-size: 80%;
}

.item_img{
    width: 22%;
    height: 100px;
}
}

.inner img:hover{
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/* ********* 記事まとめの親ページ ********* */

.link_more{
    text-align:center;
}


#interview dl{
    overflow: hidden;	
    border-bottom: 1px dotted #E1E1E1;
    margin: 3%;
	padding: 1% 0;
}

#interview dt{
	font-size: 70%;
    margin-right: 3%;
	padding: 0 0.5% ;
}

#interview dd{
	font-size: 90%;
    margin-left: 3%;
}

#interview .exp{
    font-size: 85%;
    margin: 0 3%;
    font-weight: bold;
    color: #FF901E;
}

.shikaku_article{
   list-style-type: none;
   padding-left: 1%;
}

.shikaku_article li {
    margin: 4% 2% 2% 0;
    border-bottom: 1px dotted #E1E1E1;
    font-size: 85%;
}

.shikaku_article li .number{
    margin-top: 4px;
    background: #c9c9c9;
    width: 8%;
    font-size: 90%;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #999;
    border-radius: 10px;
    font-weight: bold;
    line-height: 160%;
    float: right;
}

@media (min-width: 767px){
.shikaku_article {
    overflow: hidden;
}
.shikaku_article li {
    width: 47.3%;
    float: left;
    margin: 1% 2% 1% 0;
    font-size: 76%;
}
}

@media (min-width: 992px){
.shikaku_article li {
    font-size: 95%;
}
}

.article01 dl{
    padding: 1%;
}

#osusume{
    overflow: hidden;
}

#osusume dl{
    width: 32%;
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
}

#osusume dt{
    text-align: center;
}

#osusume dd{
    margin: 3% 5%;
    font-size: 85%;
}

#osusume img{
    width: 88%;
}

.tab_area{
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 0.5%;
    border-bottom: 3px solid #bcd27d;
}


/* ********* 記事まとめの「もっと見る」tabページ ********* */

.tab_area li{
    float: left;
    font-size: 65%;
    border-top: 1px solid #bcd27d;
    border-right: 1px solid #bcd27d;
    border-left: 1px solid #bcd27d;
    border-radius: 5px 5px 0 0;
    width: 24.7%;
    margin: 0 0.1%;
    text-align: center;
    line-height: 150%;
    padding: 1%;
    color: #0f5300;
    font-weight: bold;
}

@media (min-width: 996px) {
.tab_area li{
    font-size: 85%;
}
}

.select{
   background: #bcd27d;
}


@media (min-width: 996px) {
#interview .dt_left{
	float: left;
    width: 22%;
    font-size: 80%;
}
}
.article01 .exp{
    font-size: 85%;
    margin: 0 3%;
    font-weight: bold;
    color: #FF901E;
}

.article01 .shikaku{
    font-size: 70%;
    margin-right: 1%;
    color: #FF901E;
}


/* ********* 各資格ごとの記事まとめページ ********* */

#tokushu{
   margin-bottom: 5%;
}

#tokushu .item_title{
    font-size: 90%;
    float: right;
    width: 78%;
    margin-bottom: 1%;
}

#tokushu .item_text{
    float: right;
    width: 78%;
    font-size: 55%
}

#tokushu .item_img{
    width: 20%;
    height: 45px;
    overflow: hidden;
    position: relative;
    border: 1px solid #c6c6c6;
    background: #fff;
}

#tokushu .item_img img{
    width: auto;
    height: 100%;
    left: -100%;
    right: -100%;
    position: absolute;
    margin: auto;
}


@media (min-width: 767px) {
#tokushu .item_img{
    height: 55px;
}
}

@media (min-width: 992px) {
#tokushu .item_title{
    width: 87%;
}

#tokushu .item_text{
    width: 87%;
    font-size: 80%
}

#tokushu .item_img{
    width: 12%;
    height: 58px;
}
}

.textlink_article {
	margin: 1% 2.5%;
	padding: 1% 1% 3% 5%;	
}

@media (min-width: 992px) {
.textlink_article {
    padding-left: 1%;
}
}

@media (min-width: 767px) {
.textlink_article {
    margin:1% 1% 2% 2.5%;
}
}

.textlink_article li{
    font-size: 96%;
    line-height: 150%;
	border-bottom: 1px dotted #E1E1E1;
    margin: 2.5%;
    padding-left: 2%;
}

@media (min-width: 767px) {
.textlink_article li{
    margin: 1% 0 3% 0;
}
}

@media (min-width: 992px) {
.textlink_article li{
    margin: 0 3% 4% 0;
}
}

#qa_list h2{
    background: #e5f2c0 url(../../images/question/girl_see.gif) no-repeat 1%  1%;
    background-size: 12%;
    border-left: solid 6px #2d7d04;
    padding: 4% 5% 2% 60px;
    margin: 0px 0px 20px 0px;
    font-size: 125%;
    font-weight: bold;
    height: 41px;
}

@media (min-width: 767px) {
#qa_list h2{
    background-size: 10%;
    padding: 4% 5% 6% 60px;
}
}

@media (min-width: 992px) {
#qa_list h2{
    background-size: 10%;
    padding: 4% 5% 5% 90px;
}
}


/*-------------------------------------------------------
 介護職の求人について
--------------------------------------------------------*/
div#clickjob_search {
    margin: 0 0 50px;
}
div#clickjob_search p {
    margin: 0px 15px 5px;
}
div#clickjob_search p.clickjob_search_title {
    display: none;
}
div.clickjob_search_box {
    margin: 0 0 20px;
}

div#clickjob_search dl{
	margin: 0;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

div#clickjob_search dl dt,
div#clickjob_search dl dd {
	box-sizing: border-box;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 5px 0px;
}

div#clickjob_search dl dt{
	background: #FFE8F0;
	padding: 0 10px;
    margin: 2px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
div#clickjob_search dl dt p,
div#clickjob_search dl dt div,
div#clickjob_search dl dt select {
	float: left;
	box-sizing: border-box;
	margin: 5px 0;
	min-height: 30px;
	padding: 3px 0;
}

div#clickjob_search dl dt p{
	width: 84%;
    padding: 0 0 0 48px;
}
div#clickjob_search dl dt p.area {
	background: #FFE8F0 url(/images/guide/clickjob_search/icon_area.png) no-repeat 7px;
    width: 65%;
}
div#clickjob_search dl dt p.qualification {
	background: #FFE8F0 url(/images/guide/clickjob_search/icon_qualification.png) no-repeat 7px;
}
div#clickjob_search dl dt p.employment {
	background: #FFE8F0 url(/images/guide/clickjob_search/icon_employment.png) no-repeat 7px;
}

div#clickjob_search dl dt div{
	width: 50%;
	font-weight: normal;
	display: none;
    margin: 0;
}

div#clickjob_search dl dt span{
    width: 15%;
    background: #FA6494;
    font-size: 80%;
    color: #fff;
    text-align: center;
    padding: 6px;
    box-sizing: border-box;
    display: block;
    float: left;
    border-radius: 5px;
    height: 30px;
}

div#clickjob_search dl dt select{
	border: #ededed solid 1px;
	width: 34%;
    height: 32px;
    margin: 0;
}
div#clickjob_search dl dd{
	border: 1px solid #F86695;
    padding: 5px 10px;
    margin: 5px;
}
div#clickjob_search dl dd label{
	font-size: 90%;
	font-weight: normal;
	width: 47%;
	margin: 8px 1%;
	box-sizing: border-box;
	padding-left: 20px;
	vertical-align: top;
}

div#clickjob_search dl dd input[type=checkbox]{
	margin-left: -20px;
	vertical-align: sub;
}

div#clickjob_search a#jobsearch{
    width: 98%;
    background: #FA6494;
    font-size: 119%;
    color: #fff;
    text-align: center;
    padding: 12px;
    margin: 7px auto 5px;
    font-weight: bold;
    display: block;
    border-radius: 5px;
    text-decoration: none;
}

@media (min-width: 767px){
	div#clickjob_search dl{
	    border-bottom: solid 1px #eee;
	    padding: 8px 0;
	}
	div#clickjob_search dl:last-child{
	    border-bottom: none;
	}
	div#clickjob_search dl dt{
		background: none;
		padding: 0;
	    margin: 0;
	}
	div#clickjob_search dl dt select {
	    width: 110px;
		height: 41px;
	    padding: 7px;
	    margin: 0 0 0 1%;
	}
	div#clickjob_search dl dt p,
	div#clickjob_search dl dt p.area{
    	padding: 5px 0 5px 48px;
	    width: 45%;
		margin: 0;
	}
	div#clickjob_search dl dt span{
		width: 10%;
	    cursor: pointer;
		margin: 7px 0;
	    padding: 7px;
	}
	div#clickjob_search dl dt div{
	    width: 45%;
	    display: block;
		padding: 5px;
	}
	div#clickjob_search dl dd label{
		font-size: 70%;
		width: 30%;
		margin: 5px 1%;
	}
	div#clickjob_search a#jobsearch{
	    width: 300px;
	}
}

@media (min-width: 992px){
	div#clickjob_search dl dt p,
	div#clickjob_search dl dt p.area{
    	padding-left: 54px;
	    width: 31%;
		background-position: 10px;
	}
	div#clickjob_search dl dt div{
	    width: 63%;
	}
	div#clickjob_search dl dt span {
	    width: 6%;
	}
}


/* **********************************************
 施設・職種ガイド
********************************************** */
/* ----- ページレイアウト用 ----- */
/* キャッチ */
#shisetsuguide_catch {
	list-style: none;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	position: relative;
}

#shisetsuguide_catch img.sp {
	width: 100%;
	display: block;
}
#shisetsuguide_catch img.pc {
	width: 100%;
	display: none;
}

@media (min-width: 767px) {
	#shisetsuguide_catch img.sp {
		display: none;
	}
	#shisetsuguide_catch img.pc {
		display: block;
	}
}
@media (min-width: 992px) {
	#shisetsuguide_catch {
		width: 680px;
	}
}

#shisetsuguide_catch li.btn_shikaku,
#shisetsuguide_catch li.btn_kyujin {
	position: fixed;
	bottom: 0;
	margin: 0;
	width: 50%;
	padding: 8px 5px 0;
	background: #e5f2c0;
	z-index: 1;
}
#shisetsuguide_catch li.btn_shikaku {
	left: 0;
}
#shisetsuguide_catch li.btn_kyujin {
	right: 0;
	display: none;
}
#shisetsuguide_catch li.btn_shikaku img,
#shisetsuguide_catch li.btn_kyujin img {
	background: #e5f2c0 url(/images/guide/shisetsuguide_catchbtn_spbg.png) no-repeat;
	background-size: cover;
	width: 100%;
}
#shisetsuguide_catch li.btn_shikaku a:hover img,
#shisetsuguide_catch li.btn_kyujin a:hover img {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}
@media (min-width: 767px) {
	#shisetsuguide_catch li.btn_shikaku,
	#shisetsuguide_catch li.btn_kyujin {
		position: absolute;
		top: 74%;
		width: 49%;
		margin: 0 1%;
		padding: 0;
		background: transparent url(/images/guide/shisetsuguide_catchbtn_bg.png) no-repeat;
		background-size: cover;
	}
	#shisetsuguide_catch li.btn_shikaku img,
	#shisetsuguide_catch li.btn_kyujin img {
		background: none;
	}
}
@media (min-width: 992px) {
	#shisetsuguide_catch li.btn_shikaku,
	#shisetsuguide_catch li.btn_kyujin {
		width: 330px;
		/* margin: 0 5px; */ /* 求人ボタンも表示する時 */
		margin: 0 5px 0 30px;
		background: transparent url(/images/guide/shisetsuguide_catchbtn_bg.png) no-repeat;0
		background-size: cover;
	}
}

/* ページ内ボタン */
.linkBtn{
	width: 100%;
	margin:0 0 30px 0;
	padding: 0 0 0 1%;
	display: none;
}
@media (min-width: 767px) {
	.linkBtn{
		display: block;
		text-align: center;
	}
}
.linkBtn li{
	display: inline-block;
	width: 47%;
	list-style: none;
	padding: 0;
	margin: 0 1%;
}
.linkBtn li.bc_p{
	display: none;
}
.linkBtn li img {
	width: 100%;
}
.linkBtn li a:hover img {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}
@media (min-width: 992px) {
	.linkBtn li{
		width: 340px;
		margin: 0 15px;
	}
}

/* 資格リスト・テーブル */
@media (min-width: 767px) {
	div.shisetsu_guide table.about th,
	div.shisetsu_guide table.about td {
		padding: 10px 5px;
		line-height: 150%;
		font-size: 95%;
	}
}
table.shikaku_list th {
	font-size: 125%;
	border-left: solid 5px #dadcd7;
}
table.shikaku_list strong {
	color: #666;
}
@media (min-width: 767px) {
	table.shikaku_list th {
		padding: 8px 10px 5px;
		font-size: 100%;
		border-left: solid 1px #dadcd7;
	}
	table.shikaku_list td {
		padding: 10px;
		line-height: 150%;
	}
	table.shikaku_list td.first {
		font-weight: bold;
	}
	table.shikaku_list td ul {
		margin: 0;
		line-height: 150%;
	}
}

/* ----- クリックジョブ検索 ----- */
div.shisetsu_guide div#clickjob_search dl dt select{
	width: 34%;
}
@media (min-width: 767px){
	div.shisetsu_guide div#clickjob_search dl dt select {
		 width: 200px;
	}
}

div#clickjob_search dl dt p.occupation {
    background: #FFE8F0 url(/images/guide/clickjob_search/icon_occupation.png) no-repeat 7px;
    width: 65%;
}
div#clickjob_search dl dt p.institution {
    background: #FFE8F0 url(/images/guide/clickjob_search/icon_institution.png) no-repeat 7px;
    width: 65%;
}
@media (min-width: 767px){
	div#clickjob_search dl dt p.occupation{
		padding: 5px 0 5px 48px;
		width: 45%;
		margin: 0;
	}
	div#clickjob_search dl dt p.institution{
		padding: 5px 0 5px 48px;
		width: 45%;
		margin: 0;
	}
}
@media (min-width: 992px){
	div#clickjob_search dl dt p.occupation{
		padding-left: 54px;
		width: 31%;
		background-position: 10px;
	}
	div#clickjob_search dl dt p.institution{
		padding-left: 54px;
		width: 31%;
		background-position: 10px;
	}
}

dl.gyomu {
	margin: 0 0 35px 0;
}
dl.gyomu dt {
	color: #008000;
	line-height: 150%;
	margin: 0 0 5px 0;
}
dl.gyomu dd {
	line-height: 180%;
	margin: 0 0 25px 1em;
}
dl.gyomu ul {
	padding: 0 0 0 5px;
	margin: 0 0 30px 1em;
}
table.shikaku_list td.first {
	font-weight: bold;
}
body.shisetsu_guide img.link_pagetop_sp,
body.shokushu_guide img.link_pagetop_sp {
	bottom: 80px !important;
}

.blog-post nav {
    border: none;
    height: auto;
}


h3.green_circle {
    padding: 2px 0px 2px 20px;
    background: url(/images/responsive/h3_bullet.png) no-repeat 0px 6px;
    font-size: 110% !important;
}


/* **********************************************
 ガイド下コンテンツ(職種・施設ガイドへのリンク部分)
********************************************** */
.bottom_content {
	padding-bottom: 20px;
}
body.guide div.bottom_content h2 {
	border-top: solid 3px #7eb363;
	border-bottom: solid 3px #7eb363;
	border-left: 0px;
	background: none;
	color: #6b6b6b;
	font-size: 110%;
}
.bottom_content h3 {
	background: none;
	border-left: solid 5px #1c8a01;
	padding: 2px 0px 2px 12px;
	color: #6b6b6b;
	font-size: 110%;
}
.bottom_content p {
	font-size: 95%;
	line-height: 200%;
}
.bottom_content ul {
	border-top: solid 1px #7eb363;
	padding: 0;
	margin: 20px 0;
	list-style: none;
}
.bottom_content li {
	border-bottom: solid 1px #7eb363;
	padding: 8px 5px 8px 35px;
	font-size: 95%;
	line-height: 100%;
	position:relative;
}
.bottom_content li:before {
	content: '';
	height: 0;
	width: 0px;
	display: block;
	border: 7px transparent solid;
	border-right-width: 0;
	border-left-color: #1c8a01;
	position: absolute;
	top: 8px;
	left: 16px;
}

@media print{
	#guidecatch .seikyu,
	body.tsushin p.seikyu_sp_bg,
	#shisetsuguide_catch li.btn_shikaku {
		position: inherit;
	}
	li#manaboanime {
		display: none;
	}
}

/* ------------------------------
   #tabAccordion
------------------------------ */
#tabAccordion {
	margin: 0 auto 35px;
	width: 100%;
	height: 400px;
	position: relative;
}
@media screen and (min-width : 767px){
	#tabAccordion {
		height: 500px;
	}
}

#tabAccordion dl {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
 
#tabAccordion dl dt {
	top: 0;
	left: 0;
	width: 32.5%;
	font-weight: bold;
	position: absolute;
	background: #e5f2c0;
	box-sizing: border-box;
}
 
#tabAccordion dl:nth-child(2) dt {
	left: 33.3%;
}
 
#tabAccordion dl:nth-child(3) dt {
	left: 66.6%;
	width: 33.5%;
	border-right: 0;
}

#tabAccordion dl dt a {
	padding: 15px 0;
	font-weight: bold;
	display: block;
	font-size: 11px;
	text-align: center;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: underline;
	color: #495b15;
}
@media screen and (min-width : 450px){
	#tabAccordion dl dt a {
		font-size: 14px;
	}
}

#tabAccordion dl dt.btnAcv {
	border-bottom: none;
	background: #bcd27d;
}
#tabAccordion dl dt.btnAcv:before {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -15px;
	border: 14px solid transparent;
	border-top: 12px solid #bcd27d;
	z-index: 2;
}

#tabAccordion dl dt.btnAcv:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	border: 14px solid transparent;
	z-index: 1;
}

#tabAccordion dl dt:hover{
	opacity: 0.70;
}
 
#tabAccordion dl dd {
	top: 50px;
	left: 0;
	padding: 20px 15px;
	width: 100%;
	height: 350px;
	text-align: left;
	overflow-y: auto;
	display: none;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: 0;
}
@media screen and (min-width : 450px){
	#tabAccordion dl dd {
		padding: 30px 20px;
	}
}
@media screen and (min-width : 767px){
	#tabAccordion dl dd {
		height: 450px;
	}
}

/* --------------------------
 ページ上部の目次
-------------------------- */
p.boxtitle {
    background: #e5f5ff;
    padding: 8px 10px 6px 10px;
}
p.boxtitle strong{
	color: #333;
	padding-left: 8px;
	border-left: 5px solid #72c4ec;
}