/* 
 * 他のcssファイルでもそうですが
 * 基本的にホームページ毎に修正する必要が
 * ありそうなクラス、属性だけコメントを振っていきます
 * （列幅とか高さとか画像URLとかそういうもの）
 * それ以外は大体このままでいけるはずです
 * クラスの命名ルールですが、「ファイル名_クラス名」として下さい
 * 2009.11.25 m.kasahara
 */
 

 
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}
/*〜以下、画面の横幅が769px以上の場合のスタイル記入〜↓↓↓↓↓↓↓↓↓*/

/* BODYタグ */
body {
	background-color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;		/* ブラウザの上下ピッタリにつきます */
	padding: 0px;		/* 余白はナシ */
	font-size:13px;		/* フォントサイズ */
	line-height:180%;	/* フォント行間 */
	color:#333;			/* フォントカラー */
	width:1000px;
	font-size:16px;
	background:url(../temp-pt/headerlink_background.png) center top no-repeat #FFE2C5;
}

/* 見出し１。一応セル余白、間隔を０指定 */
h1 {
	margin:0;
	padding:0;
	float:center;
}
h2,h5,p,form {
	margin:20px 0;
	padding:0;
}

h3 {
	margin-bottom:10px;
	padding:0;
	margin-left:20px;
}

h4 {
	margin:20px 0 10px;
	padding:0;
	color:#7C6047;
	font-size:18px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* リンクカラー */
a:link {
	color:#000;
	text-decoration:underline;
}
a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color#000;
	text-decoration:none;
}
a:active {
	color:#000;
	text-decoration:none;
}
a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}


/* イメージの枠線。基本的に不要と思います */
img {
	border: none;
}

table {
	border-collapse:collapse;
	table-layout:fixed;/*横並びを均等にする*/
}
table tr td, th {
	padding:5px;
	border:none;
}
table.border1 tr td, th {
	border:1px solid #999;
}
table.border1 tr th {
	font-weight:normal;
	text-align:left;
	background-color:#F0F0F0;
	width:200px;
}
td.pic_bottom{
	vertical-align:bottom;/*写真下揃え*/
}

/* BRタグでのFloat解除処理 */
.clear {
	clear:both;
	font-size:0px;
	line-height:0%;
}
.floatleft {
	float:left;

}
.floatright {
	float:right;
}

#header {
	width:1000px;
	vertical-align:top;
}
#headerlogo {

}
#headerlogo h2 img {
	margin:22px 0 0 10px;
}
#headersublink {
	float:right;
	width:400px;
	text-align:right;
	color:#666;
	font-size:12px;
}
#headersublink a:link {
	color: #666;
	text-decoration: none;
}
#headersublink a:visited {
	color: #666;
	text-decoration: none;
}
#headersublink a:hover {
	color: #333;
	text-decoration: underline;
}
#headersublink a:active {
	color: #333;
	text-decoration: underline;
}
#headerlinkbox {
	clear:both;
	border:1px solid #CCC;
	padding:2px;
	height:44px;
	float:none;
}
#headerlinkbox ul {
	margin: 0px;
	padding: 0px;
}
#headerlinkbox ul li {
	display:inline;
	list-style-type:none;
}
#headerlinkbox ul li a {
	height: 44px;			/* 画像の高さ指定 */
	display:block;
	float:left;
	text-indent: -9999px;
	text-decoration:none;   
	overflow:hidden;
}
#headerlinkbox ul li#header_link01 a {
	width:123px;
	background : url(../header_pt/link01.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link01 a:hover {
	background : url(../header_pt/link01.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link02 a {
	width:123px;
	background : url(../header_pt/link02.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link02 a:hover {
	background : url(../header_pt/link02.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link03 a {
	width:123px;
	background : url(../header_pt/link03.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link03 a:hover {
	background : url(../header_pt/link03.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link04 a {
	width:123px;
	background : url(../header_pt/link04.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link04 a:hover {
	background : url(../header_pt/link04.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link05 a {
	width:123px;
	background : url(../header_pt/link05.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link05 a:hover {
	background : url(../header_pt/link05.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link06 a {
	width:123px;
	background : url(../header_pt/link06.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link06 a:hover {
	background : url(../header_pt/link06.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link07 a {
	width:123px;
	background : url(../header_pt/link07.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link07 a:hover {
	background : url(../header_pt/link07.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}
#headerlinkbox ul li#header_link08 a {
	width:123px;
	background : url(../header_pt/link08.png) no-repeat left top;	/* 画像URL */
	height:60px;
}
#headerlinkbox ul li#header_link08 a:hover {
	background : url(../header_pt/link08.png) no-repeat left -64px;	/* 画像URLとマウスが上に乗った時どの程度ズレるかを指定 */
}


#mainbox {
	width:1000px;
	margin:0 auto;
}


#top_leftbox {
	width:330px;
	float:left;
}
#feed {
	font-size:12px;
	line-height:150%;
}
#feed dt {
	font-weight:bold;
	padding:0;
	margin:0;
}
#feed dd {
	padding:0;
	margin:0;
}
#feed img {
	
}
#feed dd.kenmei {
	padding:8px 0;
	font-size:16px;
	font-weight:bold;
}

.top_subtitle1 {
	border-bottom:2px solid #999;
	font-size:22px;
	padding:5px;
	color:#666;
	font-weight:normal;
}
.top_subtitle2 {
	border-bottom:2px solid #999;
	font-size:22px;
	padding:5px;
	color:#666;
	font-weight:normal;
	margin-top:20px;
}
.green_color {
	color:#006600;
	font-size:125%;
}
.h3_ja, .h3_ja2 {
	font-size:80%;
}


.info_box {
	clear:both;
	border-bottom:1px dotted #CCC;
	padding:10px 0;
	position: relative;
	min-height:120px;
	overflow: hidden; /*floatの解除、ここがポイント*/
    position: relative; /*DWで正常にプレビューできるようになります。*/
    zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}
.info_box img {
	width: 150px;
	position: absolute;
	clip: rect(0px 150px 120px 0px);
}
.info_cmt {
	float: left;
	overflow:hidden;
	max-width:780px;
	padding-left:170px;
	font-size:16px;
	line-height:1.3em;
}
.contentsbox {
	padding:20px 0 10px;
	border-bottom:1px dotted #CCC;
}
.contentsbox2 {
	float:left;
	width:245px;
}
.contentsbox3 {
	float:right;
	width:245px;
}
.contentsbox dl {
	margin:0;
	padding:0;
}
.contentsbox dl img {
	margin-bottom:11px;
}
.contentsbox dl dt {
	margin:0;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	padding:8px 0;
}
.contentsbox dl dd {
	margin:0;
	padding:0;
	line-height:150%;
}

#top_rihghtbox {
	width:550px;
	float:right;
}

#pankuzu {
	font-size:12px;
	line-height:120%;
	color:#666;
	padding-bottom:15px;
	padding-left:10px;
}
#pankuzu a:link {
	color:#666;
	text-decoration:underline;
}
#pankuzu a:visited {
	color:#666;
	text-decoration:underline;
}
#pankuzu a:hover {
	color:#333;
	text-decoration:none;
}
#pankuzu a:active {
	color:#333;
	text-decoration:none;
}

#main_leftbox {
	width:174px;
	float:left;
	border:1px solid #CCC;
	padding:3px;
}
#main_leftbox p {
	background-color:#E6E6E6;
	padding:8px;
	font-weight:bold;
	margin-bottom:3px;
}
#main_leftbox ul {
	margin:0;
	padding:0;
}
#main_leftbox ul li {
	list-style-type:none;
}
#main_leftbox ul li a {
	text-decoration:none;
	padding:10px 8px;
	border-top:1px dotted #CCC;
	display:block;
}
#main_leftbox ul li a:visited {
	text-decoration:none;
}
#main_leftbox ul li a:hover {
	text-decoration:underline;
	background-color: #F0F0F0;
}
#main_leftbox ul li a:active {
	text-decoration:underline;
	background-color: #F0F0F0;
}


#main_rihghtbox {
	width:740px;
	float:right;
	
}
#main_rihghtbox h3 {
	border-bottom:2px solid #CCC;
	font-size:20px;
	padding:10px;
	margin-bottom:20px;
}
#main_rihghtbox h4 {
	border-bottom:1px dotted #CCC;
	font-size:16px;
	padding:6px 10px;
	margin-bottom:15px;
}
.margin-bottm20 {
	margin-bottom:20px;
}
.margin-top30 {
	margin-top:30px;
}

#main_1box {
	width:950px;
}
#main_1box h3 {
	border-bottom:2px solid #CCC;
	font-size:20px;
	padding:10px;
	margin-bottom:20px;
}
#main_1box h4 {
	border-bottom:1px dotted #CCC;
	font-size:16px;
	padding:6px 10px;
	margin-bottom:15px;
}
.rssbox {
	border:1px solid #CCCCCC;
	padding:0;
	width:278px;
	height:260px;
	margin:16px;
	position:relative;
	float:left;

}
.rssbox img {
	position: absolute;
	clip: rect(0px 278px 187px 0px);
}
.rss_cmt {
	padding:5px;
	position: absolute;
	margin-top:187px;
	line-height:150%;
}
.jireibox {
	padding:0;
	width:48%;
	margin:0 0 20px;
	position:relative;
	float:left;
	border:1px solid #CCCCCC;

}
.jireibox img, .jireibox2 img {
	width:100%;
}
.jireibox2 {
	padding:0;
	width:48%;
	margin:0 0 20px;
	position:relative;
	float:right;
	border:1px solid #CCCCCC;

}
.jireibox3 {
	text-align:right;
}

.kouteibox {
	width:350px;
	float:left;
	border:1px solid #CCCCCC;
	line-height:150%;
	margin-bottom:15px;
	padding-right:10px;
}
.kouteibox img {
	float:left;
	margin-right:15px;
}
.kouteibox2 {
	width:350px;
	float:right;
	border:1px solid #CCCCCC;
	line-height:150%;
	margin-bottom:15px;
	padding-right:10px;
}
.kouteibox2 img {
	float:left;
	margin-right:15px;
}
p.koutei_title {
	padding-top:10px;
	font-weight:bold;
}

p.attention {
	text-align:left;
	padding:0;
	font-size:90%;
	margin: 0;
}

#footer {
	color:#333;
	margin-top:20px;
	background : url(../footer_pt/footer.png) no-repeat left top;	/* 画像URL */
	height:260px;
	width:1000px;
}

.footer_info {
	text-align:left;
	margin:30px 0 0 0;
	font-size:80%;
}

#footer_link {
	width:1000px;
	margin:0 auto;
	padding:120px 0 10px;
	font-size:85%;
	text-align:center;
	height:auto;
	color:#FFFFFF;
}
#footer_link a:link {
	color:#666666;
	text-decoration:none;
}
#footer_link a:visited {
	color:#666666;
	text-decoration:none;
}
#footer_link a:hover {
	color:#666666;
	text-decoration:underline;
}
#footer_link a:active {
	color:#666666;
	text-decoration:underline;
}

#footer_copy {
	width:1000px;
	margin:0 90px;
	font-size:14px;
	line-height:150%;
	text-align:left;
	color:#666666;
}
#footer_left {
	float:left;
	width:500px;
}
#footer_left img {
	float:left;
	margin-right:15px;
}
#footer_left p {
	overflow:hidden;
	text-align:center;
	width:1000px;
}
#footer_right {
	float:right;
	text-align:center;
	width:1000px;
	font-size:12px;

}
.red {
	color:#CC0000;
}

.koe_tb img{
    padding-right:20px;
	vertical-align:middle;
	max-width:none;
}
.koe_tb img.qa{
    padding-right:10px !important;
	width:20px !important;
	hegith:20px !important;
}

table.koe_tb tr td{
	vertical-align: top;
	padding-bottom: 0px;
    padding-top: 0px;
}

/*スライドメニュー非表示*/
#slide_menu {
	display:none;
}

#slide_menu li{
   list-style: none;
}
/*メニューボタン非表示*/
#menu_button {
	display:none;
}

/*フッターリンク非表示*/
#footer_link_smart {
	display:none;
}

/*各ページの左表示リンク非表示*/
#main_leftbox_smart {
	display:none;
}

/*お客様の声 各テーブル部分非表示*/
.koe_tb_smart {
	display:none;
}

/*スマートフォン用会社概要非表示*/
#campany_gaiyou_smart {
	display:none;
}

/*スマートフォン用topお知らせ非表示*/
#top_subtitle1_smart {
	display:none;
}
/*閲覧履歴*/
#jirei_no {
	display:none;
}
#recentItems ul {
	margin:15px 0;
	padding:0;
	list-style-type: none;
}
#recentItems ul li {
	width:145px;
	margin:0 15px 15px 0;
	padding:0;
	float:left;
}
#recentItems ul li:last-child {
	margin-right:0 !important;
}
/*建築事例ピックアップ4件用*/
.pickup_bukken img {
	float:left;
}
.right_margin25 {
	margin-right:25px;
}
.bottom_margin25 {
	margin-bottom:25px;
}
.small_pic {
	display:none;
}

.rinen, .mokuhyou, .hashira, .tokusyoku, .zikan, .entyou, .doyou, .kyuusyoku, .tokubetu, .hiroba, .kurabu {
	margin-bottom:30px;
}

.asobi,　.enngai,　.karada,　.doutoku,　.taisou,　.eigo, .sugosikata {
	margin-bottom:30px;
}

.table {
	border-collapse: collapse;
	width: 80%;
    margin: 30px auto 15px;
}

.table th {
	font-weight:normal;
	background-color:#E9FFC8;
	padding:10px;
	border:1px solid #566475;
	text-align:center;
	width:20%;
}

.table td {
	padding:10px;
	border:1px solid #566475;
}

.table02 {
	border-collapse: collapse;
	width: 95%;
    margin: 60px auto;
}

.table02 th {
	font-weight:normal;
	background-color:#FFCC00;
	padding:10px;
	border:1px solid #566475;
	text-align:center;
}

.table02 td {
	padding:10px;
	border:1px solid #566475;	
	text-align:center;
}

.table03 {
	border-collapse: collapse;
	width: 80%;
    margin: 50px auto;
}

.table03 th {
	font-weight:normal;
	background-color:#FFFF99;
	padding:10px;
	border:1px solid #566475;
	text-align:left;
}

.table03 td {
	padding:10px;
	border:1px solid #566475;	
	text-align:center;
}

.L {
width:144px;
float:left;
}
.R {
text-align:right;
margin-left:100px;
}

.map {
	margin:30px 0;
	margin-left:112px;
	width:750px;
}

.hoikurinen {
	width:600px;
	vertical-align:middle;
}


/* 20160430 */
/*h2タグ用*/
/*他で使ってないようだったらh2タグに直接書いた方がいい*/
.h2_title {
	margin:40px 43px 0px;
	text-align:center;
}

.h2_title_border {
	margin:0 15px 10px 20px;
	text-align:center;
}

.h2_title_border_housin {
	margin:0 15px 10px 20px;
	text-align:center;
}

.h2_title_youran {
	margin:15px 65px 2px;
	text-align:center;
}

.h2_title_syoukai {
	margin:15px 45px 2px;
	text-align:center;
}

.h2_title_housin {
	margin:15px 60px 2px;
	text-align:center;
}

.h2_title_heimen {
	margin:15px 55px 2px;
	text-align:center;
}
.h2_title_zigyou {
	margin:15px 43px 2px;
	text-align:center;
}
.h2_title_nenkanschedule {
	margin:15px 60px 2px;
	text-align:center;
}
.h2_title_onedayschedule {
	margin:15px 55px 2px;
	text-align:center;
}

.h2_title_access {
	margin:15px 40px 2px;
	text-align:center;
}
.h2_title_bosyuu {
	margin:15px 43px 2px;
	text-align:center;
}
.h2_title_toiawase {
	margin:15px 43px 2px;
	text-align:center;
}


/*画像回り込みするコンテンツ外枠(表示上はなし)*/
.pict_box {
	height: auto;
	margin:5px 15px 60px 15px;
	/*border-bottom:dotted 2px #CCC;*/
	text-align:center;
}

.zigyou_h3 {
	height: auto;
	margin:5px 15px 5px 15px;
	border-bottom:dotted 2px #CCC;
}

.pict_box_second {
	height: auto;
	margin:5px 15px 15px;
	text-align:center;
}

.zigyou_h3_second {
	height: auto;
	margin:5px 15px 15px;
}

/*画像左配置*/
.pict_left {
	float:left;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}
.text_left {
	float:left;
	width: 560px;
	margin-left: 16px;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

/*画像右配置*/
.pict_right {
	float:right;
	vertical-align: middle;
}
.text_right {
	float:right;
	width: 560px;
	margin-right: 16px;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

/*画像なし*/
.text_only {
	width: 560px;
	margin-left: 215px;
}

/*1P画像なし*/
.alltext_only {
	width:800px;
	margin-left:100px;
}

/*回り込み解除*/
.clear_both {
	clear:both;
} 

/*タイトルごとの水平線*/
.h2title_border {
    border:none;
    border-top:dotted 2px #CCC;
    height:1px;
	width:970px;
    color:#FFFFFF;
	margin-bottom:20px;
	margin-left: 10px;
}

/*コンテンツごとの水平線*/
.contents_border {
    border:none;
    border-top:dotted 2px #CCC;
    height:1px;

    color:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;
}

/*空欄*/
.contents_blank {
	height: 60px;
}

/*BLOG 枠*/
.contents_blog{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	padding:20px;
	padding-top:55px;
	position:relative;
	top:-55px;
	z-index:0;
}
h3.blog_title {
	padding-left:20px;
	position:relative;
	z-index:1;
}

/*要覧・運営方針 枠*/
.contents_youran{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #EF845C solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*施設の紹介 枠*/
.contents_syoukai{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #FFF67F solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*提供する事業の種類と目的 枠*/
.contents_zigyou{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #C1DB81 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}


/*スケジュール 枠*/
.contents_schedule{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #54C3F1 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*アクセス 枠*/
.contents_access{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #796BAF solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}



.tel img {
	margin:20px;
}

.tel_second img {
	max-width:200px;
	margin:20px;
	text-align:center;
}

.tel_second {
	text-align:center;
}

/*スタッフ募集 枠*/
.contents_bosyuu{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #EE87B4 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*お知らせ 枠*/
.contents_osirase{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 4px #FF9900 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

@media screen and (max-width: 480px) {
.contents_osirase{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 4px #FF9900 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}
}


/*お問い合せ 枠*/
.contents_toiawase{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #CCCCCC solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*個人情報 枠*/
.contents_privacy{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #566475 solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*ダウンロード 枠*/
.contents_download{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}

/*職員採用について 枠*/
.contents_recruitment{
	background-color:white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 5px #0099CC solid;
	background: url(../temp-pt/contents_background.jpg) repeat-y top center #FFF;
}


/*ロゴ*/
h1#subpage_logo {
	margin:20px 0;
}

/*各種書類ダウンロードボタン*/
p.download_btn {
	float:right;
	margin:0;
}



#contents {
	
}

/*わかばの広場用*/
.hiroba_margin {
	margin-left:110px;
}

/*年間行事予定用*/
.gyouji_margin {
	margin-left:98px;
}


.tokushoku_left {
	float:left;
	width:48%;
	margin-top:10px;
}
.tokushoku_right {
	float:right;
	width:48%;
	margin-top:10px;
}

/*トップ画像 要覧,提供する事業*/
.pict_column1 {
	float:left;
	margin-left:10px;
	margin-right:5px;
}

/*トップ画像 施設紹介,スケジュール,スタッフ募集*/
.pict_column2 {
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

/*トップ画像 アクセス*/
.pict_column3 {
	float:left;
	margin-left:20px;
	margin-right:20px;
}

.environment {
	font-size:20px;
}

.pict_line {
	margin-bottom:30px;
}

.osirase {
	margin:5px 20px 10px;
}

/*.osirase img {
	margin:0 20px;
} */


div.osirase dl.news_list dt {   
    margin-bottom: 5px;   
    font-weight: bold;   
	color: #009900;
	font-size: 20px;
	padding-left:320px;
}

div.osirase dl.news_list dd {   
    margin: 0px 0px 5px;   
    padding-left: 320px;   
    height: 80px;
	font-size: 93%;
	line-height: 1.5em;   
}

div.osirase dl.news_list > dd {   
    min-height: 55px;   
    height: auto;   
}

div.osirase dl.news_list dt img {
	position:absolute;
	left:480px;
} 


.footer_img {
	width:500px;
	position:relative;
	left:-15px;
	top:10px;
}

.footer_syosai {
	width:500px;
	position:absolute;
	top:1250px;
	left:853px;
	color:#666666
}

.pict_box img, .pict_box_second img {
	margin:10px 20px 2px 20px;
	max-width:80%;
}

.heimen {
	text-align:center;
}

.zigyou_h3 img, .zigyou_h3_second img {
	margin:2px 5px 2px 40px;
	max-width:80%;
}

.pict_box p, .pict_box_second p {
	margin-left:40px;
}

.zigyou_h3 p, .zigyou_h3_second p {
	margin-left:40px;
}

.pict_box li, .pict_box_second li {
	margin-left:20px;
	list-style: none;
}

.zigyou_h3 li, .zigyou_h3_second li {
	margin-left:20px;
}
.paren{
 counter-reset:item;
 list-style:none;
}
.paren li:before{
 content:"(" counters(item, "-") ")";
 counter-increment:item;
 margin-right:0.5em;
}

/*トップページ　問い合わせ欄*/
.toiawase {
	margin:20px 0 0 0;
}

.toiawase img {
	margin:0 13px;
}

.content_pic {
text-align::center;
}


@media (max-width: 770px) {
.omoide tr td img {
    width: 100%!important;
    height: auto!important;
}
}
@media screen and (min-width: 769px) {
.omoide tr td, th {
    padding: 0px;
    border: none;
}
}

@media screen and (min-width: 768px) {
.osirase {
    height: auto!important;
}
}

@media screen and (max-width: 768px) {
.osirase {
    height: auto!important;
}

}

.osirase p {
font-weight:bold;
font-size:19px;
}
}

.omoide .tr_img td {
/*width:25%!important;*/
text-align:center;
}

.omoide .tr_coment td {
width:25%!important;
text-align:center;
font-size:14px;
}

.omoide{
margin-bottom:30px;
}


/*===============================================
思い出ページ 要素表示・非表示
===============================================*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px #CC0066;
    cursor :pointer;
	color: #CC0066;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #CC0066;
	color: #fff;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

a.btn-border {
  border: 2px solid #FF9900;
  border-radius: 0;
  background: #fff;
	font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #333;
  border-radius: 0.5rem;
}

a.btn-border:hover {
  color: #fff;
  background: #FF9900;
}
.container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 2px;	
	margin:0 30px 30px 30px;

	align-items:flex-end;
}
.container img {
	width: 250px;
	margin:0 25px;
}

/*20240514 TOP写真一覧 コメント掲載に伴い変更*/
.container .img-box p {
  max-width: 250px;
  margin: 5px auto;
  text-align: center;
}