@charset "utf-8";

* {
	margin: 0px;
}

body {
	font-family: "Noto Sans", "Noto Sans JP", arial, sans-serif;
	text-align: center; 
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}


/* h1 */
h1 {
	font-size: 25px;
	padding-bottom: 20px;
	color: #4d4d4d; /* テキスト色 */
	background-position: left;
	position: relative;
	display: inline-block;
	margin-bottom: auto;
}


/* h1の下のアンダーバー */
h1:before {
  content: '';
  position: absolute;
  bottom: 0px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b8883f; /* サブタイトルの下線色 */
  border-radius: 2px;
}


/* h2 */
h2 {
	font-size: 24px;
	padding-bottom: 10px;
	color: #4d4d4d; /* テキスト色 */
}


/* h3 */
h3 {
	padding-bottom: 10px;
	color: #4d4d4d; /* テキスト色 */
}

/* ---------------------------------------- */
/* 〈画面サイズが1000px以上の基本設定〉 */
/* ---------------------------------------- */


/* ========== Header style ========== */

/* ヘッダー部分:タイトルとメニュー1000px以上 */
/* ---------------------------------------- */
header {
/*	background-color: transparent;*/
	background-color: #fff;
    margin-left: auto;
    margin-right: auto;	
	-webkit-box-shadow: 1px 1px 1px 0px #d5d5d5;
	box-shadow: 2px 2px 4px 0px #e6e6e6; /* ヘッダー部分の影(水平位置|垂直位置|ぼかす半径|色) */
	z-index: 1; /* 他の要素より手前に表示 */
}


/* ヘッダー部分:タイトルロゴ部分1000px以上 */
/* ---------------------------------------- */
#site_title_pc {
	margin-top: 0px;
	margin-left: 10px;
	width: 241px;  /* 幅を241ピクセルに固定 */
	height: 70px; /* 高さを70ピクセルに固定 */
}


/* SP: */
#nav_mo {
}


/* PC: */
#nav_pc {
	display: none;
	background-color: #fff;
}


/* ---------------------------------------- */
/* 〈画面サイズが1000px以下の設定〉 */ 
/* ---------------------------------------- */
/* js ブレークポイント[1000] */


/* ========== Header style ========== */

/* ヘッダー:タイトルとメニュー1000px以下 */
/* ---------------------------------------- */
header {
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
}


/* ヘッダー部分:タイトルロゴ部分1000px以下 */
/* ---------------------------------------- */
#site_title_mo {
	position: absolute;
	left: 0px;
	right: 0px;
}




/* ヘッダー:ハンバーガーメニュー1000px以下 */
/* ---------------------------------------- */
#menu_button {
	position: fixed;
	top: 2px;
	right: 2px;
	cursor: pointer;
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: #fff;
	z-index: 4; /* 他の要素より手前に表示 */
}


/* ヘッダー:ハンバーガーメニュー(真ん中のライン)1000px以下 */
/* ---------------------------------------- */
 #menu_button_line {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	margin: -1px 0px 0px -10px;
	background-color: #000;
	transition-duration: 0.2s;
}


/* ヘッダー:ハンバーガーメニュー(上のライン)1000px以下 */
/* ---------------------------------------- */
#menu_button_line:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 20px;
	height: 2px;
	background-color: #000;
	transition-duration: 0.3s;
	margin-top: -10px;
}


/* ヘッダー:ハンバーガーメニュー(下のライン)1000px以下 */
/* ---------------------------------------- */
#menu_button_line:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 20px;
	height: 2px;
	background-color: #000;
	transition-duration: 0.3s;
	margin-top: 9px;
}


/* ヘッダー:ハンバーガーメニュー(閉じる×部分)1000px以下 */
/* ---------------------------------------- */
#menu_button .close {
	background-color: transparent;
}


/* ヘッダー:ハンバーガーメニュー(閉じる×部分(前))1000px以下 */
/* ---------------------------------------- */
#menu_button .close:before {
	margin-top: 0px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}


/* ヘッダー:ハンバーガーメニュー(閉じる×部分(後))1000px以下 */
/* ---------------------------------------- */
#menu_button .close:after {
	margin-top: 0px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}



/* ---------------------------------------- */
#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
/*	background-color: rgba(255,255,255,0.80);*/
	z-index: 2;/* 他の要素より手前に表示 */
}



/* ========== Menu style ========== */

/* ヘッダー:メニューボタン1000px以下 */
/* ---------------------------------------- */
#nav_mo > nav {
	position: fixed;
	margin-top: -1000px;
	width: 100%;
	background-color: #fff; /* 背景色 */
	z-index: 3; /* 他の要素より手前に表示 */
}


#nav_mo > nav > ul {
	padding-left: 0px;
	color: #4d4d4d;  /* テキスト色 */
}


/* ヘッダー:メニューボタン(基本)1000px以下 */
/* ---------------------------------------- */
#nav_mo > nav > ul > li {
	color: #4d4d4d;  /* テキスト色 */
	margin: 0px 15px;
	list-style-type: none;
	border-bottom: 1px solid #ababab; /* ラインの色 */
}


/* ヘッダー:メニューボタン(リンク時)1000px以下 */
/* ---------------------------------------- */
#nav_mo > nav > ul > li > a:link {
	color: #4d4d4d;  /* テキスト色 */
	text-decoration: none;
	display: block;
	padding-top: 15px; /* リンク幅 */
	padding-bottom: 15px;
}


/* ヘッダー:メニューボタン(リンク後)1000px以下 */
/* ---------------------------------------- */
#nav_mo > nav > ul > li > a:visited {
	color: #4d4d4d;  /* テキスト色 */
	text-decoration: none;
	display: block;
	padding-top: 15px; /* リンク幅 */
	padding-bottom: 15px;
}




/* index.php:スライドショー(スライドしている写真の背景色・高さ他)1000px以下 */
/* ---------------------------------------- */
#stage {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
}


#stage ul {
	padding: 0px;
	position:relative;
}


#stage ul li {
	width: 100%;
	list-style-type: none;
	position:absolute;
	opacity: 0;
}


/* スライドショーの画像(高さを固定し横幅だけ伸縮する)1000px以下 */
/* ---------------------------------------- */
#stage img {
	max-width: 100%;
	height: 450px;
	object-fit: cover;
}


/* index.php:スライドショー(一番上のタイトル部分からの背景色・高さ他)1000px以下 */
/* ---------------------------------------- */
#content_wrap_slide {
	background-color: #fff; /* 背景色 */
	padding-top: 70px; /* 上からの始まりの高さ */
}


/* index.php:スライドショー(コントロールボタン)1000px以下 / 今回は未使用 */
/* ---------------------------------------- */
#slide_control {
	position: absolute;
}


[id^='photo_'] {
	cursor: pointer;
}


/* index.php:スライドショー(プレビューボタン)1000px以下 / 今回は未使用 */
/* ---------------------------------------- */
#prev_button {
	cursor: pointer;
}


/* index.php:スライドショー(次へボタン)1000px以下 / 今回は未使用 */
/* ---------------------------------------- */
#next_button {
	cursor: pointer;
}


/* index.php:スライドショー(止まるボタン)1000px以下 / 今回は未使用 */
/* ---------------------------------------- */
#play_stop {
	cursor: pointer;	
}


/* ========== Text style ========== */

/* index.php:コンセプトのテキストの大きさや色の設定1000px以下 */
/* ---------------------------------------- */
#text0 {
	max-width: 100%;
	font-size:22px;	
	color: #007a88; /* テキスト色 */
	padding-top: 30px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}


/* index.php:コンセプトの注釈の文字1000px以下 */
/* ---------------------------------------- */
#text1 {
	font-size:10px;	
	color: #4d4d4d; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 30px;
	margin-right: 5px;
	margin-left: 5px;
}


/* index.php:コンセプト的なものの文字1000px以下 */
/* ---------------------------------------- */
#text2 {
	font-size:14px;	
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 30px;
}


/* index.php:コンセプト的なものの文字1000px以下 */
/* ---------------------------------------- */
#text3 {
	font-size:14px;	
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 30px;
}




/* 矢印が動くところ */
/* ---------------------------------------- */
/* コンテナ（中央寄せや余白調整用） */
.btn-container {
  text-align: center; /* 中央寄せ */
  margin: 2em 0; /*上下・左右の余白*/
}


/* 右矢印リンク */
.arrow-link-right {
  --arrow-color: #4d4d4d;
  display: inline-flex;      /* テキストと矢印を横並び */
  align-items: center; 
  color: var(--arrow-color); /* テキスト色 */
  text-decoration: none;
  position: relative;        /* 疑似要素の位置基準 */
}


/* ホバー時も文字色を変えない */
.arrow-link-right:hover {
  color: var(--arrow-color);
}


/* 右矢印 */
.arrow-link-right::after {
  content: '';
  position: absolute;
  left: 100%;                /* テキストの右端に配置 */
  width: 50px; 
  height: 10px; 
  border-bottom: 1px solid var(--arrow-color);
  border-right: 1px solid var(--arrow-color);
  transform: skewX(50deg); 
  transition: all .2s;
}


/* ホバーで矢印を右にスライド */
.arrow-link-right:hover::after {
  margin-left: 10px;
}




/* ボタンの色が動きながら替わるところ */
/* ---------------------------------------- */
/* コンテナ（中央寄せや余白調整用） */
.button1 {
  display: inline-block;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #4d4d4d;
  padding: 0.7em 1.7em;
  font-size: 18px;
  background: #ffffff;
  border: 1px solid #4d4d4d;
}

.button1:active {
  color: #4d4d4d;
}



button1.a:link {
	color: #4d4d4d; /* テキスト色 */
	text-decoration: none;
}

button1.a:visited {
	color: #ffffff; /* テキスト色 */
}



.button1:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button1:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #4d4d4d;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}


.button1:hover {
  color: #ffffff;
  border: 1px solid #b8883f;
}

.button1:hover:before {
  top: -35%;
  background-color: #4d4d4d;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button1:hover:after {
  top: -45%;
  background-color: #b8883f; /* マウスを置いた時のカラー */
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}




/* index.php:お知らせ(幅/マージン/上|右|下|左)1000px以下 */
/* ---------------------------------------- */
ul#newsList {
	padding: 0px 0px 0px 0px;
	text-align: left; 
}






/* index.php,news.php,news_detail.php:お知らせ(日付とタイトル/マージン)1000px以下 */
/* ---------------------------------------- */
span {
	margin-left: 0px;
	margin-right: 0px;
}


/* index.php,news.php:お知らせ(上の1本の罫線)1000px以下 */
/* ---------------------------------------- */
hr {
	margin-bottom: 10px;
	border-top: 1px solid #dddddd; /*#b8883f*/
	border-right: none;
	border-bottom: none;
	border-left: none;
}


/* index.html,news_detail.php:お知らせ(日付)1000px以下 */
/* ---------------------------------------- */
.parts1 .text1 {
	text-align: left;
	color: #4d4d4d; /* テキスト色 */
	font-size: 90%;
}


/* news_detail.php:お知らせ(日付)1000px以下 */
/* ---------------------------------------- */
.parts1 .text2 {
	text-align: left;
	color: #4d4d4d; /* テキスト色 */
	font-size: 90%;
}


/* news_detail.php:お知らせ(タイトル)1000px以下 */
/* ---------------------------------------- */
.parts1 .text3 {
	text-align: left;
	color: #b8883f; /* テキスト色 */
	font-size: 120%;
	font-weight: bold;
}


/* news_detail.php:お知らせ(内容)1000px以下 */
/* ---------------------------------------- */
.parts1 .text4 {
	text-align: left;
	color: #4d4d4d; /* テキスト色 */
	font-size: 90%;
	padding-top: 30px; /* 上間隔量 */
}




body p {
	padding-top: 5px;
	padding-bottom: 5px;
}


img {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


pt8 {
	font-size:8pt;
}


pt10 {
	font-size:10pt;
}




/* news.php,news_detail.php:お知らせ(パンくずナビ)1000px以下 */
/* ---------------------------------------- */
.pNav{
	font-size:11px;	
	text-align:left;
	color: #4d4d4d; /* テキスト色 */
	padding: 0px 20px 0px 25px;
}


/* news.php:Pager style(外部化可)1000px以下 */
/* ---------------------------------------- */
.pager{
	text-align:center;
	padding:10px;
	clear:both;
}


/* news.php:Pager button */
/* ---------------------------------------- */
.pager a{
    font-size: 15px;
    padding: 4px 7px 3px;
    text-decoration: none;
	margin:0 3px;
	border-block-end: solid; 
	border-block-end-color: #ccc; 
	solid; writing-mode: horizontal-tb;
}


/* news.php:Pager current button */
/* ---------------------------------------- */
.pager a.current{
    color: #000000; /* テキスト色 */
    font-size: 15px;
    padding: 4px 7px 3px;
	margin:0 3px;
    text-decoration: none;
	border-block-end: solid; 
	border-block-end-color: #b8883f; 
	solid; writing-mode: horizontal-tb;
}


/* news.php:Pager hover button */
/* ---------------------------------------- */
.pager a:hover{
    background:#fff;
    color: #000000; /* テキスト色 */
}


.overPagerPattern{
	padding:0 2px ;	
}




/* news.php,news_detail.php:サブタイトル部分 */
/* ---------------------------------------- */
#newsWrap ul li {
	list-style-type: none;
	padding-bottom: 10px;
}


/* index.php,news.php: */
/* ---------------------------------------- */
article{
}

article a:link {
	color: #b8883f; /* テキスト色 */
	text-decoration: none;
}

article a:visited {
	color: #b8883f; /* テキスト色 */
}



/* ========== Block style ========== */

/* index.php:ルモンドふじがやについて(コンセプト的な)1000px以下 */
/* ---------------------------------------- */
#block0 {
	margin: 0;
	clear: both;
	background-color: #ffffff;
}


/* index.php,news.php,news_detail.php:お知らせ一覧1000px以下 */
/* ---------------------------------------- */
#block1 {
	margin: 0;
	clear: both;
	background-color: #ffffff;
}


/* index.php:メニュー()1000px以下 */
/* ---------------------------------------- */
#block2 {
	clear: both;
	background-color: #fff;
}


/* index.php / ご利用の流れ */
#block3 {
	clear: both;
	background-color: #fff;

}

/* index.php / オプション */
#block4 {
	clear: both;
	background-color: #ffffff;
}

/*共通:ブロック5:*/
#block5 {
	clear: both;
	background-color: #fad048;
	
	/* 背景に画像を設定 START*/
	background-image: url(images/company_bcg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*共通:ブロック6:*/
#block6 {
	clear: both;
	background-color: #ffffff;
	
	/* 背景に画像を設定 START*/
/*	background-image: url(images/recruitment_bcg.png);
	background-size: contain;*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
}

/*共通:ブロック7:*/
#block7 {
	clear: both;
 	border-bottom: 1px solid #CCCCCC;
	background-color: #ffffff;
}

/* footer に border が設定されているので footer 直前の #block の border はコメントアウト */
#block8 {
	clear: both;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fad048;
}

#block9 {
	clear: both;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fad048;
}

#block10 {
	clear: both;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fad048;
}




/* ========== Contents style ========== */

/* index.php:お知らせ(お知らせ一覧/マージン)1000px以下 */
/* ---------------------------------------- */
#content1 {
	padding-top: 0px; /* お知らせの上マージン */
	padding-bottom: 30px; /* お知らせの下マージン */
	margin-right: 5px;
	margin-left: 5px;
}


#content2 {
	padding-top: 30px; /* slide_control 下部 */
	padding-bottom: 60px;
	margin-right: 5px;
	margin-left: 5px;
}

/* index.php / ご利用の流れ(位置の設定) */
#content3 {
	padding-top: 30px;
	padding-bottom: 60px;
	margin-right: 5px;
	margin-left: 5px;
}

/* index.php / オプション(位置の設定) */
#content4 {
	padding-top: 30px;
	padding-bottom: 60px;
	margin-right: 5px;
	margin-left: 5px;
}

/* index.php / ご利用の流れ(位置の設定) */
#content5 {
	padding-top: 30px;
	padding-bottom: 80px;
	margin-right: 5px;
	margin-left: 5px;
}

#content6 {
	padding-top: 80px;
	padding-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

#content7 {
	padding-top: 20px;
	padding-bottom: 80px;
	margin-right: 5px;
	margin-left: 5px;
}

#content8 {
	padding-top: 80px;
	padding-bottom: 80px;
	margin-right: 5px;
	margin-left: 5px;
}



/* ========== What's New ========== */





/* news_detail.php:内容1000px以下 */
/* ---------------------------------------- */
.comment{
	color: #4d4d00; /* テキスト色 */
	display:block;
	padding-top: 30px; /* 上間隔量 */
	float:left;
	overflow:hidden;
	text-align: left;
/*	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}


/* news.php:pager(マージン:上|右|下|左)1000px以下 */
/* ---------------------------------------- */
#wrap0 { 
	margin: 50px 0px 50px 0px;
}


/* index.php,news.php,news_detail.php:共通の下部分の表示画像(マージン:上|右|下|左)1000px以下 */
/* ---------------------------------------- */
#wrap1 { 
	margin: 20px 0px 20px 0px;
}


/* index.php,news.php,news_detail.php:お知らせの表示画像(マージン:上|右|下|左)1000px以下 */
/* ---------------------------------------- */
#wrap2 { 
	margin: 100px 0px 0px 0px;
}


/* news_detail.php:お知らせのタイトルの下(マージン:上|右|下|左)1000px以下 */
/* ---------------------------------------- */
#wrap3 { 
	margin: 30px 0px 0px 0px;
}


/* news.php */
/* ---------------------------------------- */
p.sample {
}


/* ---------------------------------------- */
/* 〈画面サイズが500px以上の基本設定〉 */
/* ---------------------------------------- */

/* ========== Parts style  ========== */

/* parts1 parts2 parts3 parts4 parts5 parts6 parts7 width 500px */

/* ----- parts1(サービス/#block2 部分) START ----- */
/* index.php / 画像3列中の1列の幅設定 */
/* ---------------------------------------- */
.parts2 { 
	max-width: 500px;
	margin: 0px auto;
}

/* index.php / 画像3列中の1列(copy1.png,copy2.png,copy3.png)マージン設定 */
.parts2 .img1 { 
	max-width: 500px;
	margin-bottom: 20px;
}

/* index.php / テキスト設定 */
.parts2 .text1 {
	text-align: left;
	font-size: 90%;
	color: #4d4d4d; /* テキスト色 */
}


/* ----- parts1(サービス/#block2 部分) END ----- */



/* ----- parts2(ご利用の流れ/#block3 部分) START ----- */
/* index.php / parts1 画像4列の1列の幅指定 */
.parts2 {
	max-width: 500px;
	margin: 0px auto;
}

/* index.php / 画像4列中の1列(flow1.png,flow12.png,flow13.png,flow14.png)マージン設定 */
.parts2 .img1 {
	margin: 0px;
}

/* index.php / テキスト設定 */
.parts2 .text1 {
	text-align: center;
	font-size: 90%;
	color: #4d4d4d; /* テキスト色 */
}
/* ----- parts2(ご利用の流れ/#block3 部分) END ----- */



.parts3 {
	height: auto;
	overflow: hidden;
	max-width: 500px;
	margin: 0px auto;
}
.parts3 h1 {
	color: #4d4d4d; /* テキスト色 */
}
.parts3 h2 {
	padding-top: 20px;
}
.parts3 .text {
	text-align: left;
}
.parts3 .text1 {
	font-size: 90%;
}
.parts3 .text2 {
	font-size: 90%;
	color: #4d4d4d; /* テキスト色 */
}
.parts3 .text3 {
	font-size: 80%;
}
.parts3 .text4 {
	font-size: 80%;
	color: #4d4d4d; /* テキスト色 */
}
.parts4 {
	margin-top: 40px;
}
.parts5 {
	max-width: 1000px;
	margin: 0px auto;
}
.parts5 .img1 { /* #block6のrecruitment.png、recruitment_title.png */
	margin-top: 20px;
	margin-bottom: 20px;
}
.parts5 .img2 { /* #block6のtel.png */
	margin-top: 20px;
	margin-bottom: 20px;
}
.parts5 .space10 {
	margin-top: 10px;
}
.parts5 .space20 {
	margin-top: 20px;
}
.parts5 .space30 {
	margin-top: 30px;
}
.parts5 .text1 {
	text-align: left;
	color: #ffffff; /* テキスト色 */
	margin-top: 20px;
}
.parts5 .indent {
	text-align: left;
	text-indent: 1em;
}
.parts5 .text2 {
/*	text-align: left;*/
	padding-top: 20px;
	color: #4d4d4d; /* テキスト色 */
}
.parts5 .text3 {
	text-align: left;
	font-size: 90%;
}
.parts5 .text4 {
	text-align: left;
	font-size: 90%;
	color: #ffffff; /* テキスト色 */
}
.parts5 .text5 {
	text-align: left;
	font-size: 90%;
	text-indent: 1em;
}
.parts5 h2 {
	padding-top: 10px;
	color: #4d4d4d; /* テキスト色 */
    border-bottom: solid 3px green;
    padding-bottom: 15px;
}
.parts6 {
	max-width: 1000px;
	margin: 0px auto;
}
.parts6 .img1 { /* #block6のrecruitment.png、recruitment_title.png */
	margin-top: 20px;
	margin-bottom: 20px;
}
.parts6 .img2 { /* #block6のtel.png */
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.parts6 .space10 {
	margin-top: 10px;
}
.parts6 .space20 {
	margin-top: 20px;
}
.parts6 .space30 {
	margin-top: 30px;
}
.parts6 .text1 {
	text-align: left;
	color: #ffffff; /* テキスト色 */
	margin-top: 20px;
}
.parts6 .indent {
	text-align: left;
	text-indent: 1em;
}
.parts6 .text2 {
/*	text-align: left;*/
	padding-top: 20px;
	color: #4d4d4d; /* テキスト色 */
}
.parts6 .text3 {
	text-align: left;
	font-size: 90%;
}
.parts6 .text4 {
	text-align: left;
	font-size: 90%;
	color: #ffffff; /* テキスト色 */
}
.parts6 .text5 {
	text-align: left;
	font-size: 90%;
	text-indent: 1em;
}
.parts6 h2 {
	padding-top: 10px;
	color: #4d4d4d; /* テキスト色 */
    border-bottom: solid 3px green;
    padding-bottom: 15px;
}
.parts7 {
	max-width: 500px;
	margin: 0px auto;
}
.parts7 .img1 { /* #block7のtel1.png*/
	max-width: 500px;
	margin-bottom: 20px;
}
.parts7 .img2 { /* #block6のtel2.png*/
	max-width: 500px;
}

/* 共通(width:500px) / copyright(c)部分 */
.parts_f .text1 {
	max-width: 500px;
	margin: 0px auto;
	color: #4d4d4d; /* テキスト色 */
	font-size: 80%;
}




/* ---------- Footer style  ---------- */
/* 共通(width:500px) / footer部分 */
footer {
	clear: both;
	border-bottom: 3px solid #b8883f;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dddddd;
}

footer a:link {
	color: #ffffff; /* テキスト色 */
	text-decoration: none;
}

footer a:visited {
	color: #ffffff; /* テキスト色 */
	text-decoration: none;
}

.supplement {
	font-size: 90%;
	color: #fad048; /* テキスト色 */
}
/* ---------- Footer style EMD ---------- */



/* ---------- BackTop style START ---------- */
#back_top {
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
}
/* ---------- BackTop style END ---------- */




/* ---------------------------------------- */
/* 〈画面サイズが768px以上の基本設定〉 */
/* ---------------------------------------- */
/* js ブレークポイント[768] */

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

/* ヘッダー:タイトルとメニュー */
/* ---------------------------------------- */
header {
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
	background-color: #fff; /* 例：背景色 */
	position: fixed;
	width: 100%;
}


/* ヘッダー:メニューボタン */
/* ---------------------------------------- */
#nav_mo {
	display: none;
}


#nav_pc {
	display: block;
	margin-right: 10px;
}


/* ヘッダー部分:タイトルロゴ部分 */
/* ---------------------------------------- */
#site_title_mo {
	display: none;
	position: fixed; /* 画面固定 */
}


#nav_pc > #site_title_pc {
  width: 241px; /* 幅を241ピクセルに固定 */
  height: 70px; /* 高さを70ピクセルに固定 */
  float: left; /* 要素の左寄せ */
}

/* 今回は使っていない */
#nav_pc > #nav_left {
	color: #4d4d4d;  /* テキスト色 */
	float: left; /* 要素の左寄せ */
    width: 40%;
    text-align: left;
}


#nav_pc > #nav_right {
	color: #4d4d4d;  /* テキスト色 */
	float: right; /* 要素の右寄せ */
    width: 66%; 
	text-align: right;
}


#nav_pc > nav {
	color: #4d4d4d;  /* テキスト色 */
	position: static;
	margin-top: 0px;
	width: auto;
	font-size: 90%;
}


#nav_pc > nav > ul {
	color: #4d4d4d;  /* テキスト色 */
	padding-top: 22px;/* メニュー(文字)の上の空き幅 */
	padding-left: 0px;
}


#nav_pc > nav > ul > li {
/*	border-bottom: 0px solid #515151;*/
	color: #4d4d4d;  /* テキスト色 */
	display: inline;
	padding-left: 5px; /* 文字のボタンとボタンの幅 */
	padding-right: 5px; /* 文字のボタンとボタンの幅*/
}


#nav_pc > nav > ul > li > a:link {
	color: #4d4d4d;  /* テキスト色 */
	text-decoration: none;
}


#nav_pc > nav > ul > li > a:visited {
	color: #4d4d4d;  /* テキスト色 */
	text-decoration: none;
}


/* ---------- Hamburger menu START ---------- */
/* 共通 (width:1000px以上) / ハンバーガーメニュー↓ */
#menu_button {
	display: none;
	color: #ffffff; /* テキスト色 */
}
/* ---------- Hamburger menu END ---------- */




/* index.php:スライドショー(スライドしている写真の背景色・高さ他)768px */
/* ---------------------------------------- */
#stage {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
}


/* スライドショーの画像(高さを固定し横幅だけ伸縮する)768px */
/* ---------------------------------------- */
#stage img {
	max-width: 90%;
	height: 480px;
	object-fit: cover;
}


/* ----- parts0(お知らせ/#block0 部分) START----- */
/* index.php,news.php,news_detail.php(width:768px) / お知らせ(日付とタイトル)マージン */
span {
	margin-left: 0px;
	margin-right: 10px;
}

/* index.php,news.php,news_detail.php(width:768px) / お知らせ(日付とタイトル)改行 */
.sp {
	display: none;
}

/* news_detail.php(width:768px) / お知らせ(日付)文字情報 */
.parts0 .text2 {
	text-align: left;
	color: #4d4d4d; /* テキスト色 */
	font-size: 90%;
}
/* ----- parts0(お知らせ/#block0 部分) END----- */



/* ---------- Footer style START ---------- */
/* 共通(width:768px) / footer(copyright(c))部分 */
.parts_f .text1 {
	max-width: 970px;
	margin: 0px auto;
	color: #4d4d4d; /* テキスト色 */
	font-size: 80%;
}
/* ----- parts0(お知らせ/#block0 部分) END----- */



/* ---------- Footer style START ---------- */
/* 共通(width:768px) / footer部分 */
footer {
	clear: both;
	border-bottom: 3px solid #6bce6b;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dddddd;
}
footer a:link {
	color: #ffffff; /* テキスト色 */
	text-decoration: none;
}
footer a:visited {
	color: #ffffff; /* テキスト色 */
	text-decoration: none;
}
/* ---------- Footer style EMD ---------- */
}



/* ---------------------------------------- */
/* 〈画面サイズが1000px以上の基本設定〉 */
/* ---------------------------------------- */
/* js ブレークポイント[1000] */

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

/* ヘッダー:タイトルとメニュー1000px */
/* ---------------------------------------- */
header {
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
	background-color: #fff; /* 例：背景色 */
	position: fixed;
	width: 100%;
}


/* index.php:スライドショー(スライドしている写真の背景色・高さ他)1000px以上 */
/* ---------------------------------------- */
#stage {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
	max-width: 100%;
}


/* スライドショーの画像(高さを固定し横幅だけ伸縮する)1000px以上 */
/* ---------------------------------------- */
#stage img {
	max-width: 90%;
	height: 520px;
	object-fit: cover;
}


/* index.php:スライドショー(一番上のタイトル部分からの背景色・高さ他)1000px以上 */
/* ---------------------------------------- */
#content_wrap_slide {
	background-color: #fff; /* 背景色 */
	padding-top: 70px; /* 上からの始まりの高さ */
}


/* ---------------------------------------- */
/* 〈画面サイズが970pxのお知らせの設定〉 */
/* ---------------------------------------- */

/* ========== Parts style ========== */

/* index.php,news.php,news_detail.php:お知らせ(日付とタイトルのマージン)970px */
/* ---------------------------------------- */
span {
	margin-left: 0px;
	margin-right: 10px;
}





.parts1 { /* parts1 画像3列 */
	max-width: 970px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}


/*  */
/* ---------------------------------------- */
.parts1 .img1 { /* #block2のcopy1,2,3.png */
	float: left;
	max-width: 33%;
	margin-bottom: 0px;
}


.parts1 .text1 { /*#block2のテキスト*/
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
	margin: 10px;
}
.parts2 { /* parts2 画像4列 */
	max-width: 970px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
.parts2 .img1 { /* #block3のflow1,2,3,4.png */
	float: left;
	max-width: 240px;
	margin-bottom: 0px;
	margin-top: 60px;
}
.parts2 .text1 {/* #block3のテキスト */
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
	margin: 10px;
}
.parts3 {
	max-width: 970px;
}
.parts3 h2 {
	padding-top: 0px;
}
.parts3 .img {
	max-width: 300px;
	float: left;
}
.parts3 .text {
	max-width: 640px;
	padding-left: 30px;
	float: left;
}
.parts7 {
	max-width: 970px;
	height: auto;
	overflow: hidden;
}
.parts7 .img1 {
	width: 50%;
	float: left;
	margin-bottom: 0px;
}
.parts7 .img2 {
	width: 50%;
	display:inline-block;
	margin-bottom: 0px;
}

/* すべてのファイル共通（width:1000px） / copyright(c)部分 */
.parts_f .text1 {
	max-width: 970px;
	margin: 0px auto;
	color: #4d4d4d;
	font-size: 80%;
}

/* parts END */

/* すべてのファイル共通（width:1000px） / footer部分 */
footer {
	clear: both;
	border-bottom: 3px solid #b8883f;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dddddd;
}
footer a:link {
	color: #ffffff;
	text-decoration: none;
}
footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
}




/* ---------------------------------------- */
/* 〈画面サイズが1220px以上の基本設定〉 */
/* ---------------------------------------- */
/* js ブレークポイント[1220] */

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

/* ヘッダー:タイトルとメニュー */
/* ---------------------------------------- */
header {
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
	background-color: #fff; /* 例：背景色 */
	position: fixed;
	width: 100%;
}


/* index.php:スライドショー(スライドしている写真の背景色・高さ他)1220px */
/* ---------------------------------------- */
#stage {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
	max-width: 100%;
}


/* スライドショーの画像(高さを固定し横幅だけ伸縮する)1220px */
/* ---------------------------------------- */
#stage img {
	max-width: 90%;
	height: 650px;
	object-fit: cover;
}


/* index.php:スライドショー(一番上のタイトル部分からの背景色・高さ他)1220px */
/* ---------------------------------------- */
#content_wrap_slide {
	background-color: #fff; /* 背景色 */
	padding-top: 70px; /* 上からの始まりの高さ */




/* ========== Contents style ========== */

/* index.php:お知らせ(お知らせ一覧/マージン)1220px */
/* ---------------------------------------- */
#content1 {
	max-width: 1200px;
	margin: 0px auto;
}


#content2 {
	max-width: 1200px;
	margin: 0px auto;
}

#content3 {
	max-width: 1200px;
	margin: 0px auto;
}

#content4 {
	max-width: 1200px;
	margin: 0px auto;
}

#content5 {
	max-width: 1200px;
	margin: 0px auto;
}

#content6 {
	max-width: 1200px;
	margin: 0px auto;
}

#content7 {
	max-width: 1200px;
	margin: 0px auto;
}

#content8 {
	max-width: 1200px;
	margin: 0px auto;
}

#content9 {
	max-width: 1200px;
	margin: 0px auto;
}

#content10 {
	max-width: 1200px;
	margin: 0px auto;
}

#nav_pc > nav > ul > li {
	color: #4d4d4d; /* 文字色 */
	padding-left: 10px; /* 文字のボタンとボタンの幅 */
	padding-right: 10px; /* 文字のボタンとボタンの幅*/
}


/* parts START */
/* parts1 parts2 parts3 parts4 parts7 width 1200px */

/* <index.php,news.php,news_detail.php>お知らせ（日付とタイトル）マージン */
span {
	margin-left: 0px;
	margin-right: 10px;
}


/* <news_detail.php> お知らせ（日付）文字情報 */
.parts1 .text2 {
	text-align: left;
	color: #4d4d4d;
	font-size: 90%;
}


/* <news_detail.php> お知らせ（タイトル）文字情報 */
.parts1 .text3 {
	text-align: left;
	color: #b8883f;
	font-size: 120%;
	font-weight: bold;
}


/* <news_detail.php> お知らせ（内容）文字情報 */
.parts1 .text4 {
	text-align: left;
	color: #4d4d4d;
	font-size: 90%;
	padding-top: 30px; /* 上間隔量 */
}

.parts1 { /* parts1 画像3列 */
	max-width: 1200px;
	margin: 0px auto;
}
.parts1 .img1 { /* #block2のcopy1,2,3.png */
	max-width: 33%;
}
.parts1 .text1 { /*#block2のテキスト*/
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
	margin: 15px;
}
.parts2 { /* parts2 画像4列 */
	max-width: 1200px;
	margin: 0px auto;
}
.parts2 .img1 { /* #block3のflow1,2,3,4.png */
	max-width: 20%;
}
.parts2 .text1 {/* #block3のテキスト */
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
}
.parts3 {
	max-width: 1200px;
	margin: 0px 0px;
}
.parts3 .img {
	max-width: 380px;
}
.parts3 .text {
	max-width: 760px;
	padding-left: 10px;
}
.parts4 {
	margin-top: 60px;
}
.parts7 {
	max-width: 1200px;
	margin: 0px;
}
.parts7 .img1 {
	width: 50%;
	float: left;
	margin-left: 100px;
	margin-bottom: 0px;
}
.parts7 .img2 {
	width: 50%;
	margin-right: 100px;
	display:inline-block;
	margin-bottom: 0px;
}


/* すべてのファイル共通（width:1220px以上） / copyright(c)部分 */
.parts_f .text1 {
	max-width: 1200px;
	margin: 0px auto;
	color: #4d4d4d;
	font-size: 80%;
}
/* parts END */


/* すべてのファイル共通（width:1220px以上） / footer部分 */
footer {
	clear: both;
	border-bottom: 3px solid #6bce6b;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dddddd;
}
footer a:link {
	color: #ffffff;
	text-decoration: none;
}
footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
}




/* ---------------------------------------- */
/* 〈画面サイズが1500px以上の基本設定〉 */
/* ---------------------------------------- */
/* js ブレークポイント[1500] */

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

/* ヘッダー:タイトルとメニュー */
/* ---------------------------------------- */
header {
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
	background-color: #fff; /* 例：背景色 */
	position: fixed;
	width: 100%;
}


/* index.php:スライドショー(スライドしている写真の背景色・高さ他)1500px */
/* ---------------------------------------- */
#stage {
	background-color: #fff;
	position: relative;
	margin: 0px auto;
	max-width: 100%;
}


/* スライドショーの画像(高さを固定し横幅だけ伸縮する)1500px */
/* ---------------------------------------- */
#stage img {
	max-width: 90%;
	height: 650px;
	object-fit: cover;
}


/* index.php:スライドショー(一番上のタイトル部分からの背景色・高さ他)1500px */
/* ---------------------------------------- */
#content_wrap_slide {
	background-color: #fff; /* 背景色 */
	padding-top: 70px; /* 上からの始まりの高さ */




/* ---------------------------------------- */
/* 〈画面サイズが1400px以上の基本設定〉 */
/* ---------------------------------------- */

/* ========== Parts style ========== */
/* parts START */
/* parts1 parts3 parts7 width 1400px */

/* <index.php,news.php,news_detail.php>お知らせ（日付とタイトル）マージン */
span {
	margin-left: 0px;
	margin-right: 10px;
}




/* <news_detail.php> お知らせ（日付）文字情報 */
.parts1 .text2 {
	text-align: left;
	color: #4d4d4d;
	font-size: 90%;
}


/* <news_detail.php> お知らせ（タイトル）文字情報 */
.parts1 .text3 {
	text-align: left;
	color: #b8883f;
	font-size: 120%;
	font-weight: bold;
}


/* <news_detail.php> お知らせ（内容）文字情報 */
.parts1 .text4 {
	text-align: left;
	color: #4d4d4d;
	font-size: 90%;
	padding-top: 30px; /* 上間隔量 */
}


.parts1 { /* parts1 画像3列 */
	max-width: 1250px;
	margin: 0px auto;
}
.parts1 .img1 { /* #block2のcopy1,2,3.png */
	max-width: 33%;
}
.parts1 .text1 { /*#block2のテキスト*/
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
}
.parts2 { /* parts2 画像4列 */
	max-width: 1250px;
	margin: 0px auto;
}
.parts2 .img1 { /* #block3のflow1,2,3,4.png */
	max-width: 25%;
}
.parts2 .text1 { /*#block3のテキスト*/
	text-align: left;
	font-size: 90%;
	color: #4d4d4d;
}
.parts3 {
	max-width: 1250px;
}
.parts3 .img {
	max-width: 400px;
}
.parts3 .text1 {
	max-width: 1250px;
	font-size: 90%;
	color: #4d4d4d;
}
.parts7 {
	max-width: 1250px;
}
.parts7 .img1 {
	width: 50%;
	float: left;
	margin-left: 115px;
	margin-bottom: 0px;
}
.parts7 .img2 {
	width: 50%;
	margin-right: 115px;
	display:inline-block;
	margin-bottom: 0px;
}




/* ========== Contents style ========== */

/* index.php:お知らせ(お知らせ一覧/マージン) */
/* ---------------------------------------- */
#content1 {
	max-width: 1250px;
	top-margin: 30px;
}


#content2 {
	max-width: 1250px;
}

#content3 {
	max-width: 1250px;
}

#content4 {
	max-width: 1250px;
}

#content5 {
	max-width: 1250px;
}

#content6 {
	max-width: 1250px;
}

#content7 {
	max-width: 1250px;
}

#content8 {
	max-width: 1250px;
}

#content9 {
	max-width: 1250px;
}

#content10 {
	max-width: 1250px;
}

#nav_pc > nav > ul > li {
	color: #4d4d4d; /* 文字色 */
	padding-left: 10px; /* 文字のボタンとボタンの左幅 */
	padding-right: 10px; /* 文字のボタンとボタンの右幅 */
}
#nav_pc > #nav_left > ul > li:last-child {
	color: #4d4d4d; /* 文字色 */
	padding-right: 10px; /* メニューの幅（title.png の左側） */
}
#nav_pc > #nav_right > ul > li:first-child {
	color: 4d4d4d; /* 文字色 */
	padding-left: 0px;  /* メニューの幅（title.png の右側） */
}



/* すべてのファイル共通（width:1500px以上） / copyright(c)部分 */
.parts_f .text1 {
	max-width: 1250px;
	margin: 0px auto;
	color: #4d4d4d;
	font-size: 80%;
}
/* parts END */


/* すべてのファイル共通（width:1500px以上） / footer部分 */
footer {
	clear: both;
	border-bottom: 3px solid #6bce6b;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #dddddd;
}
footer a:link {
	color: #ffffff;
	text-decoration: none;
}
footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
}