@charset "utf-8";

#top {
	margin: 0 auto;
	width: 960px;
}

/* メインビジュアル
----------------------------------------------- */
#mainvisual {
	background: url(../img/p_mainvisual.jpg) no-repeat center #cce0ff;
	border-bottom: solid 1px #fff;
	height: 330px;
}
#mainvisual_news {
	background: url(../img/p_mainvisual_news201001.jpg) no-repeat center #b1c5e4;
	border-bottom: solid 1px #fff;
	height: 330px;
}
#mainvisual .inner, #mainvisual_news .inner {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}
#mainvisual p.catch {
	padding: 77px 0 24px 20px;
}
#mainvisual #btn-company {
	display: inline-block;
}
#mainvisual_news #btn-news {
	display: inline-block;
	margin: 138px 0 0 530px;
}
#mainvisual_news #btn-news a:hover img {
	opacity: 0.7;
}

#mainvisual2{
	background: #b1c5e4;
}
#mainvisual2 .inner{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#mainvisual2 img{
	width: 100%;
}
#mainvisual2 .yamazaki{
	width: 36.7%;
	float: left;
}
#mainvisual2 .bachelor{
	width: 60%;
	float: right;
	display: block;
}
#mainvisual2 .officeInfo {
	width: 60%;
	height: 412px;
	float: right;
	display: block;
	box-sizing: border-box;
	background-color: #224a87;
	padding: 30px 0 0 23px;
}
#mainvisual2 .officeInfo p {
	width: 145px;
	margin-bottom: 23px;
}
#mainvisual2 .officeInfo ul {
	overflow: hidden;
}
#mainvisual2 .officeInfo li {
	width: 255px;
	float: left;
	margin-right: 20px;
}
#mainvisual2 .memory {
	width: 60%;
	float: right;
	display: block;
}
#mainvisual2 .memory a {
	display: block;
}
#mainvisual2 .memory a:hover img {
	opacity: 0.8;
}
#mainvisual2 .memory img {
	width: 100%;
}

#mainvisual3 {
	height: 413px;
	background: linear-gradient(90deg, #fbfcfc, #f3f6f7);
	background-size: cover;
}
#mainvisual3 .bg {
	height: 413px;
	background: url(../img/p_mainv_c2024.jpg) no-repeat center;
	background-size: 1411px 413px;
}
#mainvisual3 .inner {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#mainvisual3 .officeInfo {
	margin-top: 168px;
	margin-left: 6px;
	width: 464px;
}
#mainvisual3 .officeInfo ul {
	display: flex;
	justify-content: space-between;
}
#mainvisual3 .officeInfo li {
	width: 213px;
}

/* ニュース
----------------------------------------------- */
#news {
	background-color: #333;
	margin: 0 atuo;
	padding: 8px 0;
	width: 100%;
}
#news .inner {
	margin: 0 auto;
	width: 960px;
}
#news h2 {
	border-right: dotted 1px #8f8f8f;
	display: inline;
	float: left;
	margin-right: 12px;
	padding: 10px 32px 10px 0;
}
#news p {
	background: url(../img/arrow_news.gif) 0 16px no-repeat;
	float: left;
	font-size: 0.9em;
	padding-left: 3px;
}
#news p a {
	color: #fff;
	display: block;
	padding: 12px 0;
	width: 40px;
}
#news p a:link,
#news p a:visited {
	text-decoration: none;
}
#news p a:hover,
#news p a:active {
	text-decoration: underline;
}
#news .ticker {
	background: #fff;
	float: right;
	margin: 0 auto;
	padding: 10px;
	width: 750px;
	text-align: left;
	border-top: solid 2px #d9d9d9;
	position: relative;
	overflow: hidden;
}
#news .ticker a {
	color: #444;
}
#news .ticker a:link,
#news .ticker a:visited {
	text-decoration: none;
}
#news .ticker a:hover,
#news .ticker a:active {
	text-decoration: underline;
}

#news .ticker ul {
	width: 100%;
	position: relative;
}

#news .ticker ul li {
	width: 100%;
	display: none;
}

/* PR
----------------------------------------------- */
.prHeader {
	overflow: hidden;
	*zoom: 1;
	margin: 0 auto;
}
.prHeader ul {
	float: right;
}
.prHeader li {
	float: left;
}
.prHeader .read {
	margin-bottom: 10px;
}
.prTtl {
	float: left;
	width: 500px;
	text-align: center;
}
#pr {
	padding-top: 58px;
	position: relative;
}
#pr .ranking {
	right: 70px;
	top: 30px;
	position: absolute;
}
/*#btn_env2 {
	left: 0;
	top: 48px;
	position: absolute;
}*/
#pr ul.prPoint {
	margin: 55px -21px 10px 0;
	overflow: hidden;
	_zoom: 1;
	width: 981px;
}
#pr ul.prPoint li {
	display: inline;
	float: left;
	margin-right: 21px;
	text-align: left;
	width: 306px;
}
#pr p {
	line-height: 1.3;
}
#pr p.ttl {
	background: url(../img/bg_pr.gif) no-repeat bottom;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 24px;
}
#pr ul li.pr1 p.ttl,
#pr ul li.pr2 p.ttl {
	padding: 12px 0 40px;
}

/* コンテンツ
----------------------------------------------- */
#items {
	margin: 10px -21px 40px 0;
	overflow: hidden;
	_zoom: 1;
	width: 981px;
}
#items .qitem {
	border: solid 5px #fff;
	box-shadow: 0 4px #dcdcdc;
	-webkit-box-shadow: 0 4px #dcdcdc;
	cursor:hand; cursor:pointer;
	display: inline;
	float: left;
	height:195px;
	margin: 30px 21px 0 0;
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	text-align: left;
	width: 296px;
}
#items .qitem img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
	z-index:200;
}
#items .qitem .caption {
	position:absolute;
	top: 140px;
	z-index:0;
	display:block;
}
#items .qitem .caption p {
	color: #fff;
	line-height: 1.3;
	padding: 0 10px;
	margin:0;
}
/* Setting for corners */
.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat;
	float:left;
}
.topLeft {
	background-position: top left;
}
.topRight {
	background-position: top right;
}
.bottomLeft {
	background-position: bottom left;
}
.bottomRight {
	background-position: bottom right;
}
#top #message {
	background: url(../img/bg_message.jpg) no-repeat;
}
#top #message-v2 {
	background: url(../img/bg_message_v2.jpg) no-repeat;
}
#top #message-v2 a {
	background: url(../img/bg_message_v2.jpg) no-repeat;
}
#top #voice {
	background: url(../img/bg_voice.jpg) no-repeat;
}
#top #voice a {
	background: url(../img/bg_voice.jpg) no-repeat;
}
#top #voice-v2 {
	background: url(../img/bg_voice_v2.jpg) no-repeat;
}
#top #voice-v2 a {
	background: url(../img/bg_voice_v2.jpg) no-repeat;
}
#top #flow {
	background: url(../img/bg_flow.jpg) no-repeat;
}
#top #flow a {
	background: url(../img/bg_flow.jpg) no-repeat;
}
#top #oneday {
	background: url(../img/bg_oneday.jpg) no-repeat;
	margin-bottom: 4px;
}
#top #oneday a {
	background: url(../img/bg_oneday.jpg) no-repeat;
}
#top #oneday-v2 {
	background: url(../img/bg_oneday_v2.jpg) no-repeat;
	margin-bottom: 4px;
}
#top #oneday-v2 a {
	background: url(../img/bg_oneday_v2.jpg) no-repeat;
}
#top #cm {
	background: url(../img/bg_cm.jpg) no-repeat;
}
#top #seminar {
	background: url(../img/bg_seminar.jpg) no-repeat;
	margin-bottom: 4px;
}
#top #seminar a {
	background: url(../img/bg_seminar.jpg) no-repeat;
}
#top #message-v2 a:hover img, 
#top #voice a:hover img, 
#top #voice-v2 a:hover img, 
#top #flow a:hover img, 
#top #oneday a:hover img, 
#top #oneday-v2 a:hover img, 
#top #seminar a:hover img {
	opacity: 0;
	transition : 0.5s;
}

/* トップページ限定コンテンツ
----------------------------------------------- */
#index-contents {
	background: #afadad;
	width: 100%;
}
#index-contents .inner {
	margin: 0 auto;
	padding: 20px 0;
	width: 960px;
}
#index-contents .banLink{
	float: left;

}
#index-contents .related_link {
	border: solid 1px #dedddd;
	padding: 4px 4px 12px;
	width: 296px;
}
#index-contents .related_link li {
	margin-top: 8px;
}
#index-contents .related_linkBottom{
	padding: 10px 4px 12px;
	width: 296px;
}
#index-contents #blog {
	border: solid 5px #333333;
	display: inline;
	float: left;
	margin-left: 21px;
	width: 296px;
}
#index-contents #blog .ttl {
	background: #333333;
}
#index-contents #blog .ttl h2 {
	float: left;
	padding: 10px 0 15px 10px;
}
#index-contents #blog .ttl p {
	float: right;
}
#index-contents #blog dl {
	padding: 16px 10px 0;
	text-align: left;
	height: 184px;
	background: #fff;
	overflow-y: auto;
}
#index-contents #blog dl dt {
	margin-bottom: 5px;
	color: #2e61b2;
}
#index-contents #blog dl dd {
	margin-bottom: 13px;
}
#index-contents #media {
	border: solid 5px #555;
	display: inline;
	float: left;
	width: 295px;
}
#index-contents #media.wideCont {
	width: 624px;
}
#index-contents #media h2 {
	background: #555;
	color: #fff;
	font-size: 1.2em;
	text-align: left;
	padding: 14px 10px 13px;
}
#index-contents #media .mediaIn {
	background-color: #fff;
	padding: 10px 0;
}
#index-contents #media.wideCont .mediaIn {
	padding: 10px;
}
#index-contents #media .caption {
	margin-top: 8px;
}
#index-contents #media td {
	padding: 0 5px;
}

#index-contents #konkatsu {
	width: 306px;
	float: left;
	margin-left: 153px;
}
#index-contents #konkatsu a:hover img {
	opacity: 0.8;
}

#index-contents #instagram {
	border: solid 5px #cf2e92;
	display: inline;
	float: left;
	margin-left: 20px;
	width: 298px;
}
#index-contents #instagram ul {
	overflow: hidden;
	padding-bottom: 8px;
	padding-left: 4px;
	background-color: #fff;
}
#index-contents #instagram li {
	list-style: none;
	width: 137px;
	float: left;
	padding: 8px 4px 0;
}
#index-contents #instagram li img {
	width: 100%;
}
#index-contents #fb {
	background: url(../img/bg_fb.gif) no-repeat right top #3b5bab;
	border-left: solid 5px #3b5bab;
	border-right: solid 5px #3b5bab;
	border-bottom: solid 5px #3b5bab;
	display: inline;
	float: left;
	margin-left: 20px;
	text-align: left;
	width: 296px;
}
#index-contents #fb h2 {
	padding: 15px 0 15px 10px;
}
#index-contents #fb .fb-like-box {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 296px;
}