﻿@charset "utf-8";
/* **************************************************

CSS Information
File Name : page.css
Style Info: 各ページのスタイル指定
Date: 2014-12-20

************************************************** */
/* --------------------------------------------------
	全ページ共通
---------------------------------------------------*/
#main .articleBody h4 {
	margin: 1em 0 1em;
	padding: 3px 0 3px 10px;
	border-bottom: 1px dotted #ddd;
	border-left: 4px solid #5a7de3;
	font-size: 1.6em;
	font-weight: bold;
	overflow: hidden;
}

#main .articleBody h5 {
	margin: 1.5em 0 1em;
	padding: 10px 10px 10px 35px;
	background: #eee url(../tmpl-img/ico_h5.png) no-repeat 15px center;
	border-radius: 10px;
	font-size: 1.6em;
	font-weight: bold;
}

#main .articleBody h6 {
	margin: 1.5em 0 1em;
	font-size: 1.6em;
	font-weight: bold;
}

#main .articleBody p,
#main .articleBody ul,
#main .articleBody ol,
#main .articleBody dl {
	margin: 1em 0;
	font-size: 1.4em;
}

#main .articleBody ul {
	margin-left: 15px;
	list-style: outside disc;
}

#main .articleBody ol {
	margin-left: 20px;
	list-style: outside decimal;
}

#main .articleBody li {
	margin: 0.5em 0;
}

#main .articleBody li ul {
	margin: 0.5em 0 0.5em 15px;
	list-style: outside circle;
}

#main .articleBody li ol {
	margin: 0.5em 0 0.5em 20px;
}

#main .articleBody dt {
	margin: 1em 0 0.5em;
	font-weight: bold;
}

#main .articleBody dd {
	margin: 0.5em 0;
}

#main .articleBody p strong {
	font-weight: bold;
}

#main .articleBody table {
	width: 100%;
	margin: 1em 0;
	font-size: 1.4em;
}

#main .articleBody table th,
#main .articleBody table td {
	padding: 1em 10px;
	border: 1px solid #eee;
}

#main .articleBody table th {
	width: 8em;
	background-color: #eef2fc;
	vertical-align: middle;
	text-align: center;
}

#main .articleBody table p,
#main .articleBody table ul,
#main .articleBody table ol,
#main .articleBody table dl,
#main .articleBody table table {
	margin: 0;
	font-size: 1em;
}

#main .articleBody ul p,
#main .articleBody ol p,
#main .articleBody dl p,
#main .articleBody ul ul,
#main .articleBody ol ul,
#main .articleBody dl ul,
#main .articleBody ul ol,
#main .articleBody ol ol,
#main .articleBody dl ol,
#main .articleBody ul dl,
#main .articleBody ol dl,
#main .articleBody dl dl
#main .articleBody ul table,
#main .articleBody ol table,
#main .articleBody dl table {
	font-size: 1em;
}

#main .articleBody .alignleft {
	margin-right: 20px;
	margin-bottom: 20px;
}

#main .articleBody .alignright {
	margin-left: 20px;
	margin-bottom: 20px;
}

#main .articleBody .aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*	.captionLeft - キャプション付きブロック
--------------------------------------------------- */
#main .articleBody .captionLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#main .articleBody .captionLeft p {
	margin: 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*	.captionRight - キャプション付きブロック
--------------------------------------------------- */
#main .articleBody .captionRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#main .articleBody .captionRight p {
	margin: 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*	.cl - クリア
--------------------------------------------------- */
#main .articleBody .cl {
	clear: both;
	margin: 20px 0;
}

/*	.col3 - 3カラム
--------------------------------------------------- */
#main .articleBody .col3 {
	list-style: none;
	margin: 0;
	margin-right: -2.777777777%;
	font-size: 1em;
}

#main .articleBody .col3:after {
	content: "";
	display: block;
	clear: both;
}

#main .articleBody .col3 .col {
	float: left;
	width: 30.555555555%; /* 220px/720px*/
	margin: 0;
	margin-right: 2.777777777%; /* 20px/720px*/
}

#main .articleBody .col3 .col h6 {
	margin:  0;
	border-bottom: 1px solid #eee;
	font-size: 1.4em;
}



/* --------------------------------------------------
	.section - セクション
----------------------------------------------------*/
.section {
	margin-bottom: 40px;
}

/* --------------------------------------------------
	.headingBlock - 見出しブロック（一覧あり）
----------------------------------------------------*/
/*	.headingBlock01 - パターン01
----------------------------------------------------*/
.headingBlock01 {
	position: relative;
	min-height: 30px;
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #eee;
}

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

.headingBlock01 .heading {
	float: left;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.headingBlock01 .heading img {
	vertical-align: middle !important;
}

/*	初期設定
----------------------------------------------------*/
.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_default01.png) no-repeat left center;
}

/*	#news - ニュース
----------------------------------------------------*/
#news.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_news01.png) no-repeat left center;
}

/*	#backnumber - バックナンバー
----------------------------------------------------*/
#backnumber.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_backnumber01.png) no-repeat left center;
}

/*	#feature - 連載・特集
----------------------------------------------------*/
#feature.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_feature01.png) no-repeat left center;
}

/*	#column - コラム
----------------------------------------------------*/
#column.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_column01.png) no-repeat left center;
}

/*	#event - イベント・セミナー
----------------------------------------------------*/
#event.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_event01.png) no-repeat left center;
}

/*	#job - 求人情報
----------------------------------------------------*/
#job.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_job01.png) no-repeat left center;
}

/*	#reader - 皆さんコーナー
----------------------------------------------------*/
#reader.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_reader01.png) no-repeat left center;
}

/*	#book - 書籍
----------------------------------------------------*/
#book.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_book01.png) no-repeat left center;
}

/*	#education - 教育・子育て
----------------------------------------------------*/
#education.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_education01.png) no-repeat left center;
}

/*	.btnList - 一覧を見る
----------------------------------------------------*/
.headingBlock01 .btnList {
	display: inline;
	float: right;
	margin: 0 !important;
	margin-top: 3px !important;
	margin-right: 10px !important;
	background-color: #333;
	border-radius: 5px;
	font-size: 1.2em !important;
	text-align: center;
}

.headingBlock01 .btnList a {
	display: block;
	padding: 3px 18px;
	text-decoration: none;
}

.headingBlock01 .btnList a span {
	padding-left: 10px;
	background: url(../tmpl-img/ico_arrow04.png) no-repeat left center;
	color: #fff;
	text-decoration: none;
}

/* --------------------------------------------------
	.subHeading - サブ見出し
----------------------------------------------------*/
.subHeading {
	margin: 30px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.8em;
	font-weight: bold;
}

.subHeading span {
	padding-left: 10px;
	border-left: 4px solid #5a7de3;
}

/* --------------------------------------------------
	#topicPath - パンくずリスト
-------------------------------------------------- */
/*	#topicPath01 - パターン01
----------------------------------------------------*/
#topicPath01 {
	margin: 0 0 15px;
}

#topicPath01 ol {
	font-size: 1.4em;
}

#topicPath01 li {
	display: inline;
	height: 16px;
	margin-right: 5px;
}

#topicPath01 a {
	padding-right: 22px;
	background: url(../tmpl-img/ico_topicpath01.png) no-repeat right center;
}

#topicPath01 a .home {
	padding-left: 22px;
	background: url(../tmpl-img/ico_home.png) no-repeat left center;
}

/* --------------------------------------------------
	#pager - ページャー
-------------------------------------------------- */
#pager {
	clear: both;
	margin: 40px 0 30px !important;
	text-align:center;
}

#pager p {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

#pager .current {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #5a7de3;
	color: #fff;
}

#pager a {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #eee;
	color: #333;
	text-decoration: none;
}

#pager a:hover {
	background-color: #5a7de3;
	color: #fff;
}

/* --------------------------------------------------
	.btn01 - もっと見る
	.btn02 - リセットボタン
----------------------------------------------------*/
.btn01,
.btn02{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.btn01 a,
.btn02 a{
	display: block;
	width: 280px;
	margin: 30px auto;
	padding: 12px 0;
	background-color: #5a7de3;
	border:none;
	border-radius: 8px;
	color: #fff;
	text-decoration: none;

	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;

	cursor:pointer;
}

.btn02 a{
	background-color: #333333;
}

.btn01 a:hover,
.btn02 a:hover{
	background-color: #7d9bfa;
	text-decoration: none !important;
}

.btn02 a:hover{
	background-color: #666666;
}

.btn01 a span,
.btn02 a span {
	padding-left: 16px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left center;
}

.btn02 a span {
	padding-left: 16px;
	background: url(../tmpl-img/ico_arrow07.png) no-repeat left center;
}

/* --------------------------------------------------
	.msg - システムメッセージ
----------------------------------------------------*/
.msg {
	font-size: 1.4em;
}

/* --------------------------------------------------
	#topBannerArea - 上部バナーエリア
----------------------------------------------------*/
#topBannerArea {
	/*width: 90%;*/ /* 900px/1000px*/
	/*margin: 30px auto;*/
}

#topBannerArea .wrapper {
	position: relative;
	padding: 10px 30px;
	background-color: #fff;
	border: 1px solid #eee;
	width: 90%;
	margin: 30px auto;
	box-sizing: border-box;
}

#topBannerArea li {
	text-align: center;
	padding: 0 5px;
}

#topBannerArea .wrapper .btnPrev {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	background: #eee url(../tmpl-img/ico_arrow05.png) no-repeat center center;
	cursor: pointer;
}

#topBannerArea .wrapper .btnNext {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: #eee url(../tmpl-img/ico_arrow03.png) no-repeat center center;
	cursor: pointer;
}

.bannerMore {
	margin-top: 5px;
	font-size: 1.1em;
}

/* owl.carousel.js用スタイル設定 */
.owl-controls {
	margin-top: 0 !important;
}

.owl-pagination {
	display: none;
}



/* ---------------------------------------------------
	01 - トップページ
--------------------------------------------------- */
/*	#pickupNews - ピックアップニュース
----------------------------------------------------*/
#pickupNews {
	margin-bottom: 30px;
	border: 1px solid #eee;
}

#pickupNews .heading {
	display: none;
}

#pickupNews .thumb {
	float: left;
	width: 238px;
	height: 198px;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#pickupNews .thumb img {
	max-width: none;
}

#pickupNews .icon {
	display: block;
	margin-top: -15px;
	margin-left: 240px;
	padding-left: 10px;
}

#pickupNews .block {
	width: inherit;
	margin-left: 240px;
	padding: 15px 10px 0;
}

#pickupNews .noThumbnail{
	margin-left: 0px;
}

#pickupNews .block .articleTitle {
	margin-bottom: 10px;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.2;
}

#pickupNews .block .articleTitle a {
	text-decoration: none;
}

#pickupNews .block .articleExerpt {
	margin-bottom: 10px;
	font-size: 1.4em;
}

.smpBannerArea {
	display: none;
}



/* ---------------------------------------------------
	02 - カテゴリページ
----------------------------------------------------*/
/*	.articleList - 記事一覧
----------------------------------------------------*/
.articleList {
	margin-top: -20px;
	margin-right: -4.109589041%; /* 30px/730px 700px+30px(ネガティブマージン) */
}

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

.articleList li {
	float: left;
	width: 45.890410958%; /* 335px/730px */
	margin-top: 20px;
	margin-right: 4.109589041%; /* 30px/730px */
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.articleList li .thumb {
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.articleList li .thumb img {
	max-width: none;
	height: inherit;
}

.articleList li .block {
	margin-left: 90px;
}

.articleList li .noThumbnail {
	margin-left: 0;
}

.articleList li .articleTitle {
	margin-bottom: 15px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.articleList li .articleTitle a {
	text-decoration: none;
}

.articleList li .articleExerpt {
	font-size: 1.3em;
}

.articleList li .articleCategory {
	margin-top: 10px;
	font-size: 1.2em;
}

.articleList li .articleCategory a {
	display: inline-block;
	padding-left: 14px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left 3px;
	color: #333;
	text-decoration: none;
}

/*	.backnumberList - バックナンバー一覧
---------------------------------------------------*/
.backnumberList {
	margin-top: -15px;
	margin-right: -2.234636871%; /* 16px/716px 700px+16px(ネガティブマージン) */
}

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

.backnumberList li {
	float: left;
	width: 47.765363128%; /* 342px/716px */
	margin-top: 16px;
	margin-right: 2.234636871%; /* 16px/716px */
}

.backnumberList li a {
	display: block;
	padding: 18px 30px 18px 15px;
	background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.backnumberList li a:hover {
	background-color: #eef2fc;
	text-decoration: none !important;
}

.backnumberList li a span {
	display: inline-block;
	padding-left: 10px;
	border-left: 6px solid #5a7de3;
}

/* 過去記事へのボタンリンク */
.btnBacknumber {
	clear: both;
	margin-top: 30px;
	border-top: 1px solid #eee;
}

.btnBacknumber .btn01 {
}

.btnBacknumber .btn01 a {
	display: inline-block;
	width: auto;
	padding: 20px;
}

.btnBacknumber .btn01 a span {
	padding-left: 21px;
    background: url("../tmpl-img/ico_gnavi02.png") no-repeat left 2px;
}

.btnBacknumber .btn01 a span span {
	display: inline;
	padding: 0;
	padding-right: 20px;
    background: url("../tmpl-img/ico_arrow01.png") no-repeat right center;
}

/*	.featureList - 特集一覧
----------------------------------------------------*/
.featureList {
	margin-top: -20px;
	margin-right: -4.109589041%; /* 30px/730px 700px+30px(ネガティブマージン) */
}

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

.featureList li {
	float: left;
	width: 45.890410958%; /* 335px/730px */
	margin-top: 20px;
	margin-right: 4.109589041%; /* 30px/730px */
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.featureList li .thumb {
	float: left;
	width: 78px;
	height: 78px;
	border: 1px solid #eee;
	overflow: hidden;
}

.featureList li .block {
	margin-left: 90px;
}

.featureList li .noThumbnail {
	margin-left: 0;
}

.featureList li .featureTitle {
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.featureList li .featureTitle a {
	display: inline-block;
	padding-left: 15px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left 3px;
	text-decoration: none;
}

.featureList li .featureDescription {
	font-size: 1.4em;
}

/*	.titleBlock01 - タイトルブロック（カテゴリ）
----------------------------------------------------*/
.titleBlock01 {
	margin-bottom: 30px;
}

.titleBlock01 .thumb {
	float: left;
	width: 198px;
	height: 198px;
	border: 1px solid #eee;
}

.titleBlock01 .block {
	margin-left: 220px;
	overflow: hidden;
}

.titleBlock01 .noThumbnail {
	margin-left: 0px;
}

.titleBlock01 .block .title {
	margin: 20px 0 10px;
	color: #004d9d;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.2;
}

.titleBlock01 .block p {
	font-size: 1.4em;
}

/*	.eventList - イベント一覧
----------------------------------------------------*/
.eventList {
	margin-top: -10px;
}

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

.eventList li {
	padding: 15px 0 10px;
	border-bottom: 1px dotted #ddd;
}

.eventList li .eventMeta {
	margin-bottom: 5px;
}

.eventList li .eventCategory {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 5px;
	background-color: #5a7de3;
	border-radius: 5px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
}

/* イベントカテゴリのカラー設定 */
.eventList li .eventCategory {
	background-color: #286edc;
}

.eventList li .event {
	background-color: #00a0e6;
}

.eventList li .music {
	background-color: #fa7d00;
}

.eventList li .exhibition {
	background-color: ##965aaa;
}

.eventList li .stage {
	background-color: #e12a66;
}

.eventList li .sports {
	background-color: #00a000;
}

.eventList li .seminar {
	background-color: #cddc00;
	color: #333;
}

.eventList li .recruit {
	background-color: #ffd200;
	color: #333;
}

.eventList li .etc {
	background-color: #aa6e3c;
}

.eventList li .eventDate {
	font-size: 1.4em;
}

.eventList li .eventNote {
	font-size: 1.2em;
}

.eventList li .eventTitle {
	font-size: 1.6em;
	font-weight: bold;
}

.eventList li .eventTitle a {
	text-decoration: none;
}

/*	.eventBlock - イベント一覧
---------------------------------------------------*/
.eventBlock .upcoming .subHeading,
.eventBlock .inSession .subHeading {
	margin: 10px 0;
}

/* 開催中 */
.eventBlock .inSession {
	float: right;
	width: 28.5714285%; /* 200px/700px */
	padding: 23px 2.8571428%; /* 20px/700px */
	background: #eef2fc url(../tmpl-img/bg_event_list02.png) repeat-x center top;
}

.eventBlock .inSession .subHeading02 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #fff;
	font-size: 1.8em;
	font-weight: bold;
}

.eventBlock .inSession .subHeading02 span span {
	font-size: 66.666666666%;
}

.eventBlock .inSession .eventList .eventCategory {
	margin-right: 5px;
	font-size: 0.75em;
}

.eventBlock .inSession .eventList .eventTitle {
	margin-bottom: 5px;
	font-size: 1.4em;
}

.eventBlock .inSession .eventList .eventMeta {
	margin-bottom: 0;
}

.eventBlock .inSession .eventList .eventNote {
	display: block;
	margin-top: 5px;
}

/* 近日開催 */
.eventBlock .upcoming {
	float: left;
	width: 61.4285714%;
}

/*	.jobTitle - 求人情報タイトル
---------------------------------------------------*/
.jobTitle {
	margin-bottom: 20px;
	border: 1px solid #eee;
}

/*	.jobList - 求人情報一覧
---------------------------------------------------*/
.jobList {
}

.jobList li {
	margin-bottom: 20px;
}

.jobList li a {
	display: block;
	padding: 18px 120px 18px 15px;
	background: #fff url(../tmpl-img/bg_job_list01.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 5px;
	color: #004da0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.jobList li a:hover {
	background: #eef2fc url(../tmpl-img/bg_job_list01.png) no-repeat right center;
	text-decoration: none !important;
}


/*	.aboutList - ニュース和歌山について一覧
---------------------------------------------------*/
.aboutList {
	margin-top: -16px;
	margin-right: -2.234636871%; /* 16px/716px 700px+16px(ネガティブマージン) */
}

.aboutList li {
	float: left;
	width: 47.765363128%; /* 342px/716px */
	margin-top: 16px;
	margin-right: 2.234636871%; /* 16px/716px */
}

.aboutList li a {
	display: block;
	padding: 18px 30px 18px 15px;
	background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.aboutList li a:hover {
	background-color: #eef2fc;
	text-decoration: none !important;
}

.aboutList li a span {
	display: inline-block;
	padding-left: 10px;
	border-left: 6px solid #5a7de3;
}



/* ---------------------------------------------------
	03 - 個別ページ
----------------------------------------------------*/
#main .articleHeader {
	margin-bottom: 20px;
}

#main .articleHeader:after {
	content: "";
	display: block;
	clear: both;
}

#main .articleHeader .articleDate {
	clear: both;
	font-size: 1.4em;
	text-align: right;
}

#main .articleHeader .articleSNSNavi {
	/* float: right; */
	margin-bottom: 5px;
}

#main .articleHeader .articleSNSNavi div {
	/* float: left; */
	margin-bottom: 5px;
	margin-left: 10px;
}

/* #main .articleHeader .articleSNSNavi .twitterButton .twitter-share-button {
	width: 90px !important;
} */

/*	.aside - このカテゴリの最新記事
---------------------------------------------------*/
#main .aside {
	margin-bottom: 20px;
}

#main .aside .asideHeading01 {
	margin-bottom: 30px;
	padding-bottom: 8px;
	background: url(../tmpl-img/bg_side_pickup01.png) no-repeat left bottom;
	font-size: 1.5em;
	font-weight: bold;
}

/*	.titleBlock02 - タイトルブロック02
---------------------------------------------------*/
.titleBlock02 {
	margin-bottom: 20px;
	padding: 5px;
	background-color: #f5f5f5;
}

.titleBlock02 .thumb {
	float: left;
	width: 58px;
	height: 58px;
	border: 1px solid #eee;
}

.titleBlock02 .block {
	margin-left: 70px;
	overflow: hidden;
}

.titleBlock02 .block .title {
	margin: 10px 0 10px;
	font-size: 1.4em;
	line-height: 1.4;
}

.titleBlock02 .block .title a {
	color: #333;
	text-decoration: none;
}

/*	.eventTable - イベント詳細情報
---------------------------------------------------*/
#main .eventTable {
	margin-bottom: 30px !important;
}

/*	.searchForm - 検索フォーム
----------------------------------------------------*/
#main .searchForm {
	margin: 20px 0px;
	text-align:center;
	background-color:#f5f5f5;
	padding:20px 0px;
}

#main .searchForm:after {
	content: "";
	display: block;
	clear: both;
}

#main .searchForm .searchTextForm {
	width: 80%; /* 80% */
	height: 40px;
	background-color: #FFFFFF;
	border: none;
	line-height: 40px;
	font-size: 1.4em;
}

#main .searchForm .btnSubmit {
	width: 40px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	background: #333 url(../tmpl-img/ico_search.png) no-repeat center center;
	border: none !important;
	border-radius: 0 !important;
	text-indent: -9999px;
	cursor: pointer;
}

/*	#bookApplication - 書籍申し込みフォーム
----------------------------------------------------*/
#main #bookApplication table tfoot tr {
	border: 1px solid #eee;
}

#main #bookApplication table tfoot td {
	border: none;
}

#main #bookApplication .bookPriceTotalBlock {
	text-align: right;
	margin: 30px 0px;
}

#main #bookApplication .bookPriceTotalBlock span {
	display: inline-block;
	background-color: #ed0000;
	color: #fff;
	padding: 2px 15px;
	border-radius: 5px;
	margin-right: 10px;
}

#main #bookApplication .bookPriceTotalBlock strong {
	font-size: 1.287em;
}

#main #bookApplication .btn01,
#main #bookApplication .btn02 {
	display: inline-block;
}

#main #bookApplication .btn01 a,
#main #bookApplication .btn02 a {
	width: 200px;
}

/*	contact, posts-recruitment-application - お問い合わせ・投稿募集
---------------------------------------------------*/
#main .required {
	color: #e60012;
}

#main .formTable {
}

#main .formTable th {
	width: 30% !important;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main .formTable th span.required {
	color: #e60012;
	font-size: 0.8em;
}

#main .formTable td span.required {
	color: #e60012;
	font-size: 1em;
}

#main .formTable input,
#main .formTable textarea {
	padding: 5px;
	border: 1px solid #ddd;
}

#main .formTable input {
	width: 75%;
}

#main .formTable input[type="checkbox"] {
	width: inherit;
}

#main .formTable textarea {
	width: 80%;
}

#main .btnForm {
	text-align: center;
}

#main .btnForm input {
	display: inlnie-block;
	width: 280px;
	margin: 20px 0;
	padding: 5px 0;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	cursor: pointer;
}

#main .send-msg ul {
	margin-left: 0;
}

#main .send-msg li {
	list-style: none;
	margin-left: 0;
}

#main .wpcf7-validation-errors {
	font-size: 1.4em;
}

/*	job_ads - 新聞・WEB・フリーペーパー３点セットの求人情報
---------------------------------------------------*/
#main .articleBody #jobAds .col {
	margin-bottom: 20px;
	text-align: center;
}

#main .articleBody #jobAds .gap {
	position: relative;
}

#main .articleBody #jobAds .gap .blockLink {
}

#main .articleBody #jobAds .gap .blockLink a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

#main .articleBody #jobAds .gap .blockLink a span {
	display: none;
}

#main .articleBody #jobAds .col h4 {
	margin: 0;
	padding: 8px 0 6px;
	border: none;
	color: #fff;
}

#main .articleBody #jobAds .col h5 {
	margin: 10px 15px 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

#main .articleBody #jobAds .col .gap {
	padding-bottom: 10px;
	border-size: 5px;
	border-style: solid;
	border-radius: 5px;
}

#main .articleBody #jobAds .col p {
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
}

#main .articleBody #jobAds .col .lead {
	font-size: 1.3em;
}

/*	#newspaper - 新聞
-------------------------------------------------- */
#main .articleBody #jobAds #newspaper .gap {
	border-color: #005bac;
}

#main .articleBody #jobAds #newspaper h4 {
	background-color: #005bac;
}

#main .articleBody #jobAds #newspaper h5 {
	color: #005bac;
}

/*	#web - WEB
-------------------------------------------------- */
#main .articleBody #jobAds #web .gap {
	border-color: #e60012;
}

#main .articleBody #jobAds #web h4 {
	background-color: #e60012;
}

#main .articleBody #jobAds #web h5 {
	color: #e60012;
}

/*	#freepaper - フリーペーパー
-------------------------------------------------- */
#main .articleBody #jobAds #freepaper .gap {
	border-color: #f39800;
}

#main .articleBody #jobAds #freepaper h4 {
	background-color: #f39800;
}

#main .articleBody #jobAds #freepaper h5 {
	color: #f39800;
}

/* .btnPDF - PDFボタン
---------------------------------------------------*/
#main .articleBody .btnPDF {
	min-height: 30px;
	margin-bottom: 10px;
	padding: 10px 0;
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_pdf01.png) no-repeat left center;
}

#main .articleBody .btnPDF a {
	display: block;
	padding: 6px 36px 0 10px;
	background: url(../tmpl-img/ico_arrow08.png) no-repeat right center;
	color: #333;
	font-size: 1.07142857142em;
	font-weight: bold;
	text-decoration: none !important;
}

/* --------------------------------------------------
	Responsive Settings
-------------------------------------------------- */
/*	01 - PC Large
-------------------------------------------------- */
@media screen and (min-width:821px) {

	#mainBannerJob {
		display: none;
	}

	#mainBannerArea01 {
		display: none;
	}

}



/*	02 - PC Small
-------------------------------------------------- */
@media screen and (min-width:821px) and (max-width: 999px) {



}



/*	03 - for Smart Phone, Tablet
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:820px) {

	#topBannerArea {
		display: none;
	}

	.section {
		margin: 20px 0;
	}

	/*	#mainBannerJob - メインバナー（最新の求人情報）
	----------------------------------------------------*/
	#mainBannerJob {
		width: 73.1707317%; /* 600px/820px */
		margin: 0 auto 10px;
	}

	#mainBannerJob .wrapper {
		padding: 10px;
		background: url(../tmpl-img/bg_main_banner_job01.png) repeat left top;
	}

	#mainBannerJob p {
		background: #fff url(../tmpl-img/bg_main_banner_job02.jpg) no-repeat right bottom;
		font-size: 1.8em;
		font-weight: bold;
	}

	#mainBannerJob p a {
		display: block;
		padding: 15px;
		color: #333;
		text-decoration: none;
	}

	#mainBannerJob p span {
		display: inline-block;
		padding-left: 60px;
		height: 30px;
		line-height: 30px;
		background: url(../tmpl-img/ico_main_banner_job01.png) no-repeat left center;
	}

	/*	#mainBannerArea01 - メインバナーエリア
	----------------------------------------------------*/
	#mainBannerArea01 ul {
		width: 73.1707317%; /* 600px/820px */
		margin: 0 auto 35px;
		box-sizing: border-box;
	}

	#mainBannerArea01 li {
		text-align: center;
		padding: 0 20px;
	}

	#mainBannerArea01 .wrapper {
		position: relative;
		padding: 10px 30px;
		background-color: #fff;
		border: 1px solid #eee;
	}

	#mainBannerArea01 .wrapper .btnPrev {
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 100%;
		background: #eee url(../tmpl-img/ico_arrow05.png) no-repeat center center;
		cursor: pointer;
	}

	#mainBannerArea01 .wrapper .btnNext {
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background: #eee url(../tmpl-img/ico_arrow03.png) no-repeat center center;
		cursor: pointer;
	}

	/* owl.carousel.js用スタイル設定 */
	.owl-controls {
		margin-top: 0 !important;
	}

	.owl-pagination {
		display: none;
	}

	.headingBlock01 {
		margin: 20px -10px !important;
	}

	.articleList,
	.eventList,
	.featureList {
		margin-top: 0;
	}

	#main .searchForm {
		display: none;
	}


	/*	.smpBannerArea - スマホ用バナーエリア
	----------------------------------------------------*/
	.smpBannerArea {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px;
		background-color: #f5f5f5;
		border: none;
	}

	.smpBannerArea ul {
		margin: -10px 0 0;
	}
	
	.smpBannerArea li {
		margin-top: 10px;
		text-align: center;
	}
		
}



/*	04 - for Smart Phone
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:640px) {

	.articleList li,
	.featureList li {
		float: none;
		width: inherit;
		min-height: 80px;
	}

	.aboutList {
		margin-top: 0;
		margin-right: 0;
	}

	.aboutList li {
		float: none;
		width: inherit;
		margin-top: 10px;
	}

	.backnumberList {
		margin-top: 0;
		margin-right: 0;
	}

	.backnumberList li {
		float: none;
		width: inherit;
		margin-top: 10px;
	}

	.eventBlock .inSession,
	.eventBlock .upcoming {
		float: none;
		width: inherit;
		margin-top: 30px;
	}

	#topicPath01 {
		display: none;
	}

	.titleBlock02 {
		float: none;
		margin-bottom: 10px;
	}

	#main .articleBody .alignleft {
		float: none;
		margin: 0;
	}

	#main .articleBody .alignright {
		float: none;
		margin: 0;
	}

	#main .articleBody .captionLeft {
		float: none;
		margin: 0;
	}

	#main .articleBody .captionRight {
		float: none;
		margin: 0;
	}

	#main .articleBody .captionLeft p,
	#main .articleBody .captionRight p {
	}

	/*	.col3 - 3カラム
	----------------------------------------------------*/
	#main .articleBody .col3 {
		margin:  0;
	}

	#main .articleBody .col3 .col {
		float: none;
		width: 100%;
		margin: 0;
	}

	.btnBacknumber .btn01 a {
		padding: 10px;
	}


	#mainBannerArea01 ul {
		width: 90%;
	}

	#mainBannerArea01 li {
		text-align: center;
		padding: 0 30px;
	}

}



/*	04.5 - for Smart Phone02
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:480px) {

	/*	#pickupNews - ピックアップニュース
	----------------------------------------------------*/
	#pickupNews {
		margin-bottom: 30px;
		border: none;
	}

	#pickupNews .heading {
		display: block;
		margin: 0 -10px 10px;
		padding: 8px 10px;
		background-color: #23b173;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
	}

	#pickupNews .heading span {
		padding-left: 20px;
		background: url(../tmpl-img/ico_index_pickup02.png) no-repeat left center;
	}

	#pickupNews .thumb {
		float: none;
		width: 100%;
		height: 100%;
		border: none;
	}

	#pickupNews .thumb img {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}

	#pickupNews .icon {
		display: none;
	}

	#pickupNews .block {
		margin: 15px 0 0;
		padding: 0;
	}

	#mainBannerJob,
	#mainBannerArea01 {
		/*width: 90%;*/ /* 432px/480px */
	}

	#mainBannerJob p a{
		padding: 15px 0px 55px 10px;
	}

	.eventList .eventMeta {
		margin-bottom: 5px;
		line-height: 1.6;
	}

	.eventList .eventNote {
		display: block;
		margin-top: 5px;
	}

	/*	.titleBlock01 - タイトルブロック01
	----------------------------------------------------*/
	.titleBlock01 {

	}

	.titleBlock01 .thumb {
		float: none;
		width: auto;
		height: auto;
	}

	.titleBlock01 .block {
		margin-left: 0;
	}

	.titleBlock01 .block .title {
		margin: 10px 0;
		font-size: 2.2em;
	}

	#main .articleBody .fl.jobAds {
		float: none;
		width: 100% !important;
	}

	#main .articleBody .fr.jobAds {
		display: none;
	}


}



/* ---------------------------------------------------
	2018.06.18追記
----------------------------------------------------*/
/*	わかやま求人ガイド
----------------------------------------------------*/
.jobSearchInput {
	border: 5px solid #eee;
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	font-size: 1.4rem;
}

.jobSearchInputTable th,
.jobSearchInputTable td {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.7;
}

.jobSearchInputTable tr:last-of-type th,
.jobSearchInputTable tr:last-of-type td {
	border-bottom: none;
}

.jobSearchInputTable th {
	width: 30%;
	font-weight: bold;
}

.jobSearchInputTable td {
	width: 70%;
}

.jobSearchInputTable td li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.jobSearchInputTable td label {
	cursor: pointer;
}

.jobSearchInputTable input[type="text"] {
	width: calc(100% - 6px);
	padding: 3px;
}

.jobSearchInputTable input[type="checkbox"] {
	margin-right: 3px;
}

.jobSearchInput button {
	border: none;
	border-radius: 5px;
	background: #333;
	color: #fff;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 40px;
	margin: 5px auto 10px;
	cursor: pointer;
}

.jobSearchResults .subHeading {
	margin-bottom: 0;
}

.jobSearchResults li {
	padding: 30px 0;
	border-bottom: 1px dotted #ddd;
}

.jobSearchResultsHeader {
	margin-bottom: 15px;
}

.jobSearchResultsHeader h5 {
	background: #f00;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 8px 20px;
	line-height: 1.2;
	position: relative;
	display: block;
	width: 220px;
	text-align: center;
}

.jobSearchResultsHeaderImage {
	width: 35%;
	margin-right: 1.5em;
}

.jobSearchResultsHeaderText {
	overflow: hidden;
}

.jobSearchResultsMetaType {
	color: #fff;
	margin-bottom: 5px;
	padding: 2px 8px;
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 5px;
}

.jobSearchResultsMetaType01 {
	background: #f00;
}

.jobSearchResultsMetaType02 {
	background: #286edc;
}

.jobSearchResultsMetaType03 {
	background: #00a000;
}

.jobSearchResultsMetaName {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 2px;
}

.jobSearchResultsTitle {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

.jobSearchResultsBody {
	font-size: 1.4rem;
	width: 100%;
}

.jobSearchResultsTable {
	width: 100%;
	border-top: 1px solid #ddd;
}

.jobSearchResultsTable th {
    background-color: #eef2fc;
    vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	width: 20%;
	font-weight: bold;
}

.jobSearchResultsTable td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.jobSearchResultsBody .btn01 {
	font-size: 1.4rem;
}

.jobSearchResultsBody .btn01 a {
	margin-top: 20px;
	margin-bottom: 0;
}

.jobSearchResultsSubcatch {
	font-size: 1.4rem;
}

.jobSearchResultsContact {
	margin: 30px 0;
}

.jobSearchResultsContact h5 {
	background: #f00;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 8px 20px 8px 40px;
	line-height: 1.2;
	position: relative;
	display: inline-block;
}

.jobSearchResultsContact h5:after {
	content: '';
	display: block;
	width: ;
	position: absolute;
	top: 15px;
	left: 15px;
	border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 6px 6px 0 6px;
}

.jobSearchResultsContact .heading {
	padding-bottom: 8px;
	margin-bottom: 15px;
	background: url(../tmpl-img/bg_side_pickup01.png) no-repeat left bottom;
	font-size: 1.5rem;
	font-weight: bold;
}

.jobSearchResultsContactWrap {
	border: 8px solid #c9d6f6;
	border-radius: 10px;
}

.jobSearchResultsContactTable {
	width: 100%;
}

.jobSearchResultsContactTable th {
    vertical-align: top;
	padding: 10px;
	border-right: 1px solid #c9d6f6;
	border-bottom: 1px solid #c9d6f6;
	width: 20%;
	font-weight: bold;
}

.jobSearchResultsContactTable td {
	padding: 10px;
	border-bottom: 1px solid #c9d6f6;
}


@media screen and (max-width:640px) {

	.jobSearchInput {
		padding: 5px 15px 10px;
	}

	.jobSearchInputTable th,
	.jobSearchInputTable td {
		display: block;
		width: 100%;
	}

	.jobSearchInputTable th {
		border-bottom: none;
		padding-bottom: 0;
	}

	.jobSearchInputTable td {
		padding-top: 5px;
	}

	.jobSearchInput button {
		margin-top: 0;
	}

	.jobSearchResultsTitle {
		font-size: 1.6rem;
	}

	.jobSearchResultsBody {
		font-size: 1.2rem;
	}

	.jobSearchResultsTable th {
		width: 90px;
	}

	.jobSearchResultsContactTable th {
		width: 80px;
	}

}


/* ---------------------------------------------------
	2019.11.11追記
----------------------------------------------------*/
/*	ボタンリセット
----------------------------------------------------*/
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

/*	わかやま求人ガイド 詳細ページ
----------------------------------------------------*/
.jobSearchResultsContact h4 {
	margin: 30px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 1.8rem;
    font-weight: bold;
}

.jobSearchResultsContact h4 span {
	padding-left: 10px;
    border-left: 4px solid #5a7de3;
}

.job-app-btn01 {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 280px;
	padding: 12px 0;
	margin: 15px auto 0;
	background-color: #f00;
	border: none;
	border-radius: 8px !important;
	color: #fff;
	text-decoration: none;

	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;

	cursor: pointer;
}

.job-app-btn01::-webkit-search-decoration {
	display: none;
}

.job-app-btn01:hover {
	background-color: #e60012;
}

/* ---------------------------------------------------
	2019.11.22追記
----------------------------------------------------*/
/*	応募ページ
----------------------------------------------------*/
.c-form__required {
    margin-left: 8px;
    padding: 3px 5px;
    color: #AAA;
	font-size: 1.2rem;
}

.wpcf7-response-output{
	font-size: 1.4em;
	font-weight: bold;
}

/* ---------------------------------------------------
	2020.11.16追記
----------------------------------------------------*/
/*	SNSボタン
----------------------------------------------------*/
#main .articleHeader .articleSNSNavi {
	display: flex;
	justify-content: flex-end;
}

.fb_iframe_widget {
	width: auto !important;
}

/* .fb_iframe_widget span,
.fb_iframe_widget iframe {
	width: 100% !important;
} */

/*	教育ガイド
----------------------------------------------------*/
.eduSearchInput {
	border: 5px solid #eee;
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	font-size: 1.4rem;
}

.eduSearchInputTable th,
.eduSearchInputTable td {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.7;
}

.eduSearchInputTable tr:last-of-type th,
.eduSearchInputTable tr:last-of-type td {
	border-bottom: none;
}

.eduSearchInputTable th {
	width: 30%;
	font-weight: bold;
}

.eduSearchInputTable td {
	width: 70%;
}

.eduSearchInputTable td li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.eduSearchInputTable td label {
	cursor: pointer;
}

.eduSearchInputTable input[type="text"] {
	width: calc(100% - 6px);
	padding: 3px;
}

.eduSearchInputTable input[type="checkbox"] {
	margin-right: 3px;
}

.eduSearchInput button {
	border: none;
	border-radius: 5px;
	background: #333;
	color: #fff;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 40px;
	margin: 5px auto 10px;
	cursor: pointer;
}

.eduSearchResults .subHeading {
	margin-bottom: 0;
}

.eduSearchResults li {
	padding: 30px 0;
	border-bottom: 1px dotted #ddd;
}

.eduSearchResultsHeader {
	margin-bottom: 15px;
}

.eduSearchResultsHeader h5 {
	background: #f00;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 8px 20px;
	line-height: 1.2;
	position: relative;
	display: block;
	width: 220px;
	text-align: center;
}

.eduSearchResultsHeaderImage {
	width: 35%;
	margin-right: 1.5em;
}

.eduSearchResultsHeaderImage img:not(:first-child) {
	margin-top: 1.5rem;
}

.eduSearchResultsHeaderText {
	overflow: hidden;
}

.eduSearchResultsMetaType {
	color: #fff;
	margin-bottom: 5px;
	padding: 2px 8px;
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 5px;
}

.eduSearchResultsHeaderTable {
	width: 100%;
	border-top: 1px solid #ddd;
	font-size: 1.4rem;
	margin-top: 1.5em;
}

.eduSearchResultsHeaderTable th {
	vertical-align: top;
	padding: 10px;
	background-color: #eef2fc;
	border-bottom: 1px solid #ddd;
	width: 20%;
	font-weight: bold;
}

.eduSearchResultsHeaderTable td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
}

.eduSearchResultsTypeList {
	margin-bottom: -5px;
}

.eduSearchResultsTypeItem {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 !important;
	border-bottom: none !important;
}

.eduSearchResultsType {
	color: #fff;
	padding: 2px 8px;
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 5px;
}

.eduSearchResultsType01 {
	background: #00a000;
}

.eduSearchResultsType02 {
	background: #286edc;
}

.eduSearchResultsMetaName {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2px;
}

.eduSearchResultsTitle {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #004da0;
}

.eduSearchResultsBody {
	font-size: 1.4rem;
	width: 100%;
}

.eduSearchResultsTable {
	width: 100%;
	border-top: 1px solid #ddd;
}

.eduSearchResultsTable th {
    background-color: #eef2fc;
    vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	width: 21%;
	font-weight: bold;
}

.eduSearchResultsTable td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
}

.eduSearchResultsBody .btn01 {
	font-size: 1.4rem;
}


@media screen and (min-width:640px) {

	.eduSearchResultsBody .btn01 a {
		margin-top: 20px;
		margin-bottom: 0;
	}

}

@media screen and (max-width:640px) {

	.eduSearchInput {
		padding: 5px 15px 10px;
	}

	.eduSearchInputTable th,
	.eduSearchInputTable td {
		display: block;
		width: 100%;
	}

	.eduSearchInputTable th {
		border-bottom: none;
		padding-bottom: 0;
	}

	.eduSearchInputTable td {
		padding-top: 5px;
	}

	.eduSearchInput button {
		margin-top: 0;
	}

	.eduSearchResultsTitle {
		font-size: 1.6rem;
	}

	.eduSearchResultsTable iframe {
		width: 100%;
	}

	.eduSearchResultsTable .btn01 {
		margin-top: 0 !important;
		margin-bottom: 1.0rem !important;
	}

	.eduSearchResultsTable .btn01 a {
		margin-top: 0.5rem !important;
		width: 70% !important;
	}

	.eduSearchResultsBody {
		font-size: 1.2rem;
	}

	.eduSearchResultsTable th {
		width: 90px;
	}

	.eduSearchResultsHeaderTable {
		font-size: 1.2rem;
	}

	.eduSearchResultsHeaderTable th {
		width: 90px;
	}

	.eduSearchResultsHeaderImage {
		float: none;
		width: 100%;
		margin-bottom: 2.0rem;
	}

	.eduSearchResultsHeaderImage img:not(:first-child) {
		margin-top: 0;
	}

	.eduSearchResultsImageInner {
		margin-right: -1.0rem;
		margin-left: -1.0rem;
		width: 100%;
	}

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

	.eduSearchResultsImageInner img {
		width: 100%;
		padding-right: 1.0rem;
		padding-left: 1.0rem;
		margin-bottom: 1.0rem;
	}

	.eduSearchResultsImageInner img:last-child {
		margin-bottom: 0;
	}

}


/*	教育ガイド リンク
----------------------------------------------------*/
.eduLink {
	margin-top: 30px;
	padding: 20px 7.407407407%;
	border: 2px solid #eee;
	font-size: 1.5em;
	font-weight: bold;
}

.eduLink h4 {
	margin-top: 24px;
}

.eduLinkBanner {
	margin-right: 20px;
	width: 200px;
}

@media screen and (max-width: 640px) {

	.eduLink {
		text-align: center;
	}

	.eduLink h4 {
		margin-top: 10px;
	}

	.eduLinkBanner {
		float: none;
		margin: 0 auto;
	}
	
}