/*
Theme Name:  Okayama
Theme URI:  001
Description:  繝�じ繧､繝ｳ縺ｮ繝��繝�
Version:  1.0
Author:  HERC
Author URI:  
*/


/*---reset--------------------------------------------------------------------*/

@import url("css/reset.css");
@import url("css/tags.css");

/*---body--------------------------------------------------------------------*/

body{
width: 1261px;
margin:0 auto;
}

/*---breadcrumb_list--------------------------------------------------------------------*/

div#breadcrumb_list{
	padding: 10px 10px;
}

div#breadcrumb_list ul{
}

div#breadcrumb_list li{
	display: inline;
}

/*---header-okayama--------------------------------------------------------------------*/

div#header-okayama{
	width: 100%;
}

div#header_container-okayama{
	position: relative;
	width: 1261px;
	height: 410px;
	background-image: url(images/bg-header-contents.jpg);
	background-position: center top;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 6px;
}

p#header-text{
	position: absolute;top: 242px;left: 424px;
	width: 370px;
	line-height: 21px;
	text-align: left;
}

#logo-okayama{
position: absolute;
left: 420px;
top: 45px;
width: 550px;
height: 55px;
}

#logo-okayama a {
	height: 55px;
	display: block;
}

/*---seo control--------------------------------------------------------------------*/

div#header-toptext{
	padding:23px 0 0 100px;
}

div#header-toptext  h1{
	color: #231815;
	float:left;
	font-weight: bold;
	display: inline-block;
	padding-left: 290px;
}

div#header-toptext  p#lead{
	color: #231815;
	float:left;
	display: inline-block;
	padding-left: 15px;
}

/*-----------------------------------------------------------------------*/

div.page-inner h1{
	position:absolute;top:454px;left:74px;
	width: 720px;
	background-color: #8ec31f;
	color: #FEFEFE;
	font-size: 21px;
	font-weight: bold;
	text-align:left;
	display: block;
	padding: 8px 5px;
	margin: 0 auto;
}

div.page-inner img{
	display:block;
	position:absolute;
	top:244px;
	left:422px;
}
/*
div.page-inner p#lead{
	color: #3f3b3a;
	display: inline-block;
	padding-top: 245px;
	margin-bottom: 15px;
}
*/
/*---footer--------------------------------------------------------------------*/

div#footer{
        clear:both;
	width:980px;
	background-color:#FFFFFF;
	text-align:center;
	padding:12px 0;
	margin:0 auto;
}

/*---contents--------------------------------------------------------------------*/

div#contents_container-okayama{
	float: left;
	width: 720px;
        padding:0 0 30px 75px;
}
/*---senmon-okayama--------------------------------------------------------------------*/

div#inner-contents-okayama{
	float: left;
	width: 720px;
}

/*---check-okayama--------------------------------------------------------------------*/

div#contents-top-okayama{
	width: 700px;
	height: 398px;
	background-image: url(images/bg-contents-top.jpg);
	padding-top: 16px;
	margin-left: 20px;
}

div#contents-top-okayama div{
	width: 665px;
	height: 122px;
	margin: 0 auto;
	margin-bottom: 6px;
}

div#contents-top-okayama h2{
	color: #036eb8;
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
	margin-left: 136px;
}

div#contents-top-okayama p{
	width: 480px;
	line-height: 16px;
	padding-top: 3px;
	margin-left: 136px;
}

div#contents-top-okayama a{
	float: right;
	color: #172a88;
}

div#ct-1{
	background-image: url(images/bg-ct-1.jpg);
}
div#ct-2{
	background-image: url(images/bg-ct-2.jpg);
}
div#ct-3{
	background-image: url(images/bg-ct-3.jpg);
}

/*---study-okayama--------------------------------------------------------------------*/

div#study-okayama{
	background-image: url(images/bar-study.jpg);
	padding-top: 120px;
}

div#study-header{
	float: left;
	width: 480px;
}

div#study-header h3{
	color: #036eb8;
	font-size: 36px;
	line-height: 39px;
	margin-top: 30px;
	margin-left: 160px;	
}

div#study-header p{
	width: 360px;
	font-size: 13px;
	line-height: 23px;
	margin-top: 30px;
	margin-left: 62px;

}

div#study-book-ichi{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-ni{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-san{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-shi{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-go{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-roku{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div#study-book-nana{
	float: left;
	width: 240px;
	height: 283px;
	padding-top: 30px;
	margin-bottom: 20px;
}

div.book-blue h3{
	width: 240px;
	height: 90px;
	color: #FEFEFE;
	font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

div.book-blue p{
	width: 174px;
	font-size: 13px;
	line-height: 21px;
	margin: 0 auto;
	margin-top: 10px;
}

div.book-blue a{
	float: right;
	color: #172a88;
	margin-top: 10px;
}

div.book-green h3{
	width: 240px;
	height: 90px;
	color: #FEFEFE;
	font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

div.book-green p{
	width: 174px;
	font-size: 13px;
	line-height: 21px;
	margin: 0 auto;
	margin-top: 10px;
}

div.book-green a{
	float: right;
	color: #172a88;
	margin-top: 10px;
}

div.book-blue{
	background-image: url(images/book-1.jpg);
}

div.book-green{
	background-image: url(images/book-2.jpg);
}

/*---study-okayama--------------------------------------------------------------------*/

div#knowledge-okayama{
	background-image: url(images/bar-knowledge.jpg);
	padding-top: 110px;
}

div#knowledge-okayama h3{
	color: #036eb8;
	font-size: 36px;
	line-height: 39px;
	margin-left: 170px;	
}

div#knowledge-okayama div{
	width: 739px;
	height: 106px;
	margin-top: 14px;
}

div#knowledge-okayama h4{
	color: #00acb5;
	font-size: 20px;
	font-weight: bold;
	padding-left: 230px;
	padding-top: 28px;
}

div#knowledge-okayama p{
	width: 470px;
	font-size: 13px;
	line-height: 18px;
	padding-left: 230px;
	padding-top: 8px;
}

div#knowledge-okayama a{
	color: #172a88;
	margin-left: 12px;
}

div#kl-box-1{
	background-image: url(images/kokoroe-1.jpg);
}
div#kl-box-2{
	background-image: url(images/kokoroe-2.jpg);
}
div#kl-box-3{
	background-image: url(images/kokoroe-3.jpg);
}
div#kl-box-4{
	background-image: url(images/kokoroe-4.jpg);
}

/*---nurses-okayama--------------------------------------------------------------------*/

div#nurses-okayama{
	width: 760px;
	background-image: url(images/bar-nurses.jpg);
	padding-top: 110px;
	margin-top: 45px;
}

div#nurses-okayama h3{
	color: #036eb8;
	font-size: 36px;
	line-height: 39px;
	margin-bottom: 35px;
	margin-left: 170px;
}

div#nurses-okayama div{
	float: left;
	width: 360px;
	height: 210px;
	background-position: 0 25px;
	padding-bottom: 20px;
	margin-right: 15px;
}

div#nurses-box-1{
	background-image: url(images/pics-1.jpg);
}
div#nurses-box-2{
	background-image: url(images/pics-2.jpg);
}
div#nurses-box-3{
	background-image: url(images/pics-3.jpg);
}
div#nurses-box-4{
	background-image: url(images/pics-4.jpg);
}
div#nurses-box-5{
	background-image: url(images/pics-5.jpg);
}
div#nurses-box-6{
	background-image: url(images/pics-6.jpg);
}

div#nurses-okayama h4{
	width: 342px;
	height: 25px;
	background-image: url(images/bar-nurse.jpg);
	color: #231815;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

div#nurses-okayama p{
	line-height: 22px;
	padding-top: 30px;
	padding-left: 187px;
}

div#nurses-okayama a{
	float: right;
	color: #172a88;
	display: block;
}


/*---side--------------------------------------------------------------------*/
#side-yoyaku a{
     display:block;
}

#side-yoyaku ul li a{
	color:#fefefe;
	font-size: 17px;
	font-weight: bold;
	width:340px;
	height:59px;
	background-image: url(images/yoyaku-sidetop-bg.jpg);
	padding:0 10px 0 20px;
	display:table-cell;
	vertical-align:middle;
}

#side-yoyaku li ul.children li a{
	color: #727171;
	font-size: 14px;
	font-weight: bold;
	width:340px;
     	height:59px;
	background-image: url(images/yoyaku-sidekiji-bg.jpg);
	padding:0 20px;
	display:table-cell;
	vertical-align:middle;
}

div#side-okayama{
	float: right;
	width: 370px;
        padding:0 75px 30px 0px;
}

dl#side_menu-okayama{
	background-image: url(images/bg-side-body.jpg);
	background-repeat: repeat-y;
}

dd#side-top{
	background-image: url(images/bg-side-bar.jpg);
	background-position: top left;
	padding: 3px 6px;
}

dd#side-top a{
	background-image: none;
	border-left: 8px #8ec31f solid;
}

dl#side_menu-okayama a.side-top-midashi {
        font-size:20px;
}

dl#side_menu-okayama a{
	line-height: 19px;
	display: block;
} 

dl#side_menu-okayama dt{
}

dl#side_menu-okayama dt a{
	background-color: #8ec31f;
	background-image: url(images/bg-side-bar.jpg);
	background-position: bottom left;
	color: #FEFEFE;
	font-size: 16px;
	font-weight: bold;
	padding: 18px 20px;
}

dl#side_menu-okayama dd{
}

dl#side_menu-okayama dd a{
	background-image: url(images/bg-side-bar.png);
	background-position: bottom left;
	color: #727171;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 20px;
}

/*---free--------------------------------------------------------------------*/
.topnolink{
	font-size: 20px;
	font-weight: bold;
	color: #0000ff;
}

/* tab */
@media screen and (max-width: 1260px) {
	body {
		width: 100%;
	}
	div#contents-okayama {
		width: 96%;
		margin: 0 auto;
	}
	div#contents_container-okayama {
		width: 70%;
		padding: 0 0 30px;
	}
	div#side-okayama {
		width: 28%;
		padding: 0 0 30px;
	}
	div#header_container-okayama {
		width: 100%;
		height: 250px;
		background-position: left top;
		background-size: 100%;
		padding-bottom: 0;
	}
	div#header-toptext {
		padding: 5px 0 0 5%;
	}
	div#header-toptext:after {
		clear: both;
		display: block;
		content: "";
	}
	div#header-toptext h1 {
		padding-left: 0;
	}
	p#header-text {
		position: static;
		width: 65%;
		margin-left: 33%;
		padding-top: 120px;
		font-size: 10px;
		line-height: normal;
	}
	#logo-okayama {
		position: absolute;
		left: 33%;
		top: 20px;
		width: 45%;
		height: 33px;
	}
	div#contents-top-okayama {
		width: 100%;
		height: auto;
		margin: 0 0 30px;
		background-image: none;
	}
	div#contents-top-okayama div {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
	}
	div#ct-1,
	div#ct-2,
	div#ct-3 {
		background-position: left bottom;
	}
	div#contents-top-okayama p {
		width: calc(100% - 136px);
	}
	div#study-okayama {
		background-size: contain;
		padding-top: 70px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	div#study-okayama.clearfix:after {
		display: none;
	}
	div#study-header {
		float: none;
		width: 100%;
	}
	div#study-header h3 {
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 0 25%;
	}
	div#study-header p {
		width: 100%;
		margin-left: 0;
	}
	div#knowledge-okayama {
		background-size: contain;
		padding-top: 70px;
	}
	div#knowledge-okayama div {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	div#kl-box-1,
	div#kl-box-2,
	div#kl-box-3,
	div#kl-box-4 {
		background-image: none;
		border: 2px dashed #00acb5;
		padding: 15px;
	}
	div#knowledge-okayama h3 {
		font-size: 25px;
		line-height: 30px;
		margin-left: 25%;
	}
	div#knowledge-okayama h4 {
		padding: 0;
	}
	div#knowledge-okayama p {
		width: 100%;
		padding: 8px 0 0;
	}
	div#nurses-okayama {
		width: 100%;
		padding-top: 70px;
		background-size: contain;
	}
	div#nurses-okayama h3 {
		margin: 0 0 35px 25%;
		font-size: 20px;
		line-height: 24px;
	}
	div#nurses-okayama div {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	dl#side_menu-okayama a.side-top-midashi {
		font-size: 18px;
	}
	dl#side_menu-okayama {
		background-size: cover;
	}
	#side-yoyaku ul li a {
		font-size: 14px;
		width: 100%;
		height: auto;
		padding: 10px;
		display: block;
		box-sizing: border-box;
		background-size: cover;
	}
	#side-yoyaku li ul.children li a {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		background-size: 100% 100%;
		height: auto;
		display: block;
		font-size: 13px;
	}
	div#footer {
		width: 100%;
	}
	div#inner-contents-okayama {
		float: none;
		width: 100%;
	}
	div.page-inner img {
		display: none;
	}
	div.inner-contents-okayama h2 {
		top: 119%;
		left: 2%;
		width: 67%;
		box-sizing: border-box;
		font-size: 16px;
	}
	.wakukakomi,
	.wakukakomikatesan {
		width: auto;
	}
}

@media screen and (max-width: 600px) {
	p#header-text {
		padding-top: 90px;
		padding-bottom: 5px;
	}
	div#header_container-okayama {
		height: 220px;
	}
}
/* sp */
@media screen and (max-width: 559px) {
	div#header_container-okayama {
		background-position: left -30px top;
		background-size: 135%;
	}
	div#header-toptext {
		padding: 5px;
	}
	div#header-toptext h1,
	div#header-toptext p#lead {
		font-size: 10px;
	}
	p#header-text {
		width: 96%;
		margin: 0 2%;
		padding-top: 50px;
	}
	div#contents_container-okayama {
		width: 100%;
		float: none;
	}
	div#side-okayama {
		width: 100%;
		float: none;
		max-width: 372px;
		margin: 0 auto 30px;
	}
	div.page-inner h1 {
		width: 96%;
	}
	div#header_container-okayama {
		height: auto;
		min-height: 150px;
	}
}

/*
     FILE ARCHIVED ON 01:41:27 May 31, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:18:29 Feb 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.937
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.052
  esindex: 0.013
  cdx.remote: 16.341
  LoadShardBlock: 91.893 (3)
  PetaboxLoader3.datanode: 103.275 (4)
  PetaboxLoader3.resolve: 56.811 (2)
  load_resource: 106.821
*/
/* お問い合わせエラー画面の編集 */
.screen-reader-response {
    display: none;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border: 2px solid #ffb900;
    padding: 10px;
    margin-top: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #398f14;
    padding: 10px;
    margin-top: 10px;
}

/* お問い合わせ項目の修正 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #ccc;
}
.wpcf7 p{
	margin-bottom: 15px;
}
.wpcf7 input[type="submit"]{
	background: #000;
	border-radius: 25px;
	color: #fff;
	padding: 16px 25px;
	border: 0;
}
.wpcf7 input[type="submit"]:hover{
	opacity: .5;
}