@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/

a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-fluid::before
{
    display: table;
    content: " ";
}

.row {
    text-align: center;
    margin: 0;
}
 .row::before {
    display: table;
    content: " ";
}


 #top_img05 {
    height: 550px;
}



.content-name {
    position: absolute;
    top: 46%;
}

.sikaku-white {
    background-color: rgba(255, 255, 255, 0.65);
    padding: 2% 12%;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 0;
    z-index: 99;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: .2em;
    width: 65%;
}
body {
	margin: 0px;
	padding: 0px;
	color:#4a4949;	/*全体の文字色*/
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 20px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
video {max-width: 100%;
object-fit: cover;
height: 100%;
width: 100%;}
iframe {width: 100%;}
.visual{height: 100vh;
display: flex;}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #0e3f63;		/*リンクテキストの色*/
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
	color: #7d6147;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*inner共通
---------------------------------------------------------------------------*/
.inner {
	max-width: 1200px;	/*サイトの最大幅*/
	margin: 0 auto;
	padding: 0 3%;		/*上下、左右へのボックス内の余白*/
}
/*上下に余白要らない
---------------------------------------------------------------------------*/
.contents1 {
    clear: both;
    overflow: hidden;
	margin-bottom: -5px;
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

header a {
	color: #fff;	/*リンクテキストの文字色*/
}
header .inner {
    position: relative;
    height: 110px;
}
/*トップページへの追加設定*/
.home header {
		/*ヘッダーの高さを上書き。*/
}

header #logo img {
    width: 300px;
    position: absolute;
   left: 35%;
top: 250px;
}
/*トップページへの追加設定*/
.home header h1 {
	
}
header #logo_sub img {
    width: 300px;
    position: absolute;
   left:0;
top: 10px;
}

.w30{
  width: 30% !important;
}
/*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
/*メニュー全体のブロック設定*/
#headermenu {
   position: fixed;
z-index: 20;
    right: 3%;
    top: 10px;
}
#headermenu{
    margin-left: 10px;
}
#headermenu a {
    text-decoration: none;
    display: inline-block;
    background: #333332;
   color: #FFF;
    padding: 0px 15px;
    border-radius: 4px;
    border: 1px solid #0e3f63;
}

#headermenu a:hover {
	opacity: 0.5 ;
}


/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	clear: both;overflow: hidden;
	border-bottom: 1px solid #dcdcdc;	/*下の線の幅、線種、色*/
	font-size: 16px;	/*文字サイズ*/
width: 100%;
background: #FFF;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	 width: 14.2%;		/*メニュー幅（100÷7個=）※下の方の「画面幅1200px以上の設定」にも関連するので変更の際は注意して下さい。*/
	
}
#menubar li a {
	display:  block;text-decoration: none;
	text-align: center;	/*内容をセンタリング*/
	padding: 15px 0;	/*上下、左右へのボックス内の余白*/
	border-right: 1px solid #dcdcdc;	/*右の線の幅、線種、色*/
}
#menubar li:last-child a {
    border-right: none; /* 右ボーダーをなしにする */
}
/*マウスオン時と、現在表示中(current)メニューの設定*/
#menubar li a:hover,
#menubar li.current a {
	background: #0f4c79;	/*背景色*/
	color: #fff;	/*文字色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/

#menubar li:hover > ul.ddmenu { /* 親のliにホバーしたときに、直下のul.ddmenuを表示 */
    visibility: visible; /* 表示状態にする */
    opacity: 1; /* 透明度を1にして表示 */
    transition: opacity 0.3s ease, visibility 0s; /* 表示時は即時 */
}
#menubar ul.ddmenu {
	position:absolute;visibility: hidden;z-index: 10;
	width: 16.66%;		/*幅。上の「#menubar li」と合わせる。*/
	border-top: 1px solid #fff;	/*上の線の幅、線種、色*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
	float: none;
	width: 85%;
	line-height: 1.5;
}
#menubar ul.ddmenu li a {
	width: 100%;
	height: auto;
	font-weight: normal;
	border-radius: 0 !important;
	border: none;	/*線を一旦リセット*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/
	color: #fff;		/*文字色*/
	padding: 10px 0;	/*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
	background: #000;	/*背景色*/
}

/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu #menubar.nav-fix-pos {
	width: 100%;top: 0px;
}
body.is-fixed-menu .contents:first-of-type {
	
}
/*※以下の２ブロックのスタイルの「中身」は、上の２ブロックのスタイルと単純に合わせておいて下さい。fixmenuスクリプトを２つ使う為に必要な設定になります。*/
body.is-fixed #menubar.nav-fix-pos {
	position: fixed;width: 100%;top: 0px;
}
body.is-fixed .contents:first-of-type {
	margin-top: 100px;
}

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;overflow: hidden;
	padding-top: 40px;		/*上に空けるボックス内の余白*/
	
	
}
/*コンテンツのh2タグ設定*/
.contents h2 {
	clear: both;
	font-size: 48px;		/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	text-align: center;
	padding: 30px 0 10px 0;
}

.contents h2 span {
    text-shadow: none;
    display: block;
    font-size: 12px;
    letter-spacing: 0.2em;
    padding-left: 3px;
    opacity: 0.6;
	
}

/*h2タグに「class="simple"」を指定した場合の追加設定。長い文章のとき*/
.contents h2.simple {
	background: none;
	padding: 50px 0 10px 0;
	font-size: 35px;	/*文字サイズ*/
	text-align: center;	/*文字を中央に*/

}
.contents h2.simple::first-letter {
	border: none;
	padding: 0;
}
.contents h2.simple + p {
	margin-top: -20px;
}
/*コンテンツのh3タグ設定*/
.contents h3 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	padding: 6px 15px;		/*上下、左右への余白*/
	font-size: 18px;		/*文字サイズ*/
	border: 1px solid #ccc;		/*枠線の幅、線種、色*/
	border-radius: 5px;		/*角丸のサイズ*/
	background: #fff;		/*背景色*/
	color: #333;			/*文字色*/
}
/*h3タグの１文字目への設定。左側のアクセントラインです。*/
.contents h3::first-letter {
	border-left: 3px solid #7d6147;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線と文字列との間に空ける余白*/
}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 20px 20px;	/*上、左右、下への余白*/
}
/*他*/
.contents h2 + p,
.contents h3 + p {
	margin-top: -10px;
}
.contents section + section {
	margin-top: 30px;
}
.contents p + p {
	margin-top: -8px;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
.main {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ブロックの幅*/
}

/*subコンテンツ（左側のブロック）
---------------------------------------------------------------------------*/
.calendar-container {
  width: 500px;
  margin: 0 auto;
  border-radius: 5px;
  background: #f6f5f4;
  color: #1a1a1a;
}
h1 {
  height: 80px;
   text-align: center;
  font-size: 24px;
  margin: 0;
}
.calendar {
  padding: 0 30px 30px 30px;
}
table {
  width: 100%;
}
th, td {
  text-align: center;
  padding: 10px;
}
th {
  font-weight: normal;
  font-size: 14px;
}
td {
  font-weight: bold;
}
.day *:first-child {
  color: #ff838b;
}
.day *:last-child {
  color: #6fb5ff;
}
/*カレンダー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
.sub .submenu {
	margin-bottom: 20px;	/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
.sub .submenu li a {
	text-decoration: none;display: block;
	padding: 0 10px;	/*上下、左右のボックス内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-top: none;		/*上の線だけ消す*/
	background: #fff;		/*背景色*/
	color: #666;	/*文字色*/
}
.sub .submenu li a:hover {
	color: #7d6147;
}

/*subコンテンツ内のlistブロック
---------------------------------------------------------------------------*/

.calendar {
  padding: 0 30px 30px 30px;
}
.calendar caption{
  font-size: 30px;
}
.calendar span{
display: block; 
color: #2a2c2d !important;
}


.calendar table {
  width: 100%;
}

.day *:first-child {
  color: #ff838b;
}
.day *:last-child {
  color: #6fb5ff;
}
.calendar td a{
  text-decoration: none;
  color: #35373a !important;
}
.calendar td:hover{
　text-decoration: underline !important;

  background: #f7eded;}

.week-btn {
  display: flex;
  justify-content: right;
}
.week-btn a:hover {
	opacity: 0.5 ;
}
.week-btn a {
  width: 50%;
  background: rgb(132, 110, 94);
  padding: 16px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-radius: 10px;
  margin-top: 50px;
  
}
/*FAQ
---------------------------------------------------------------------------*/
/*質問*/
/* FAQ dt 全体のスタイル */


.faq {    margin-bottom: 100px;
}
.faq dt {
    display: flex; /* Flexboxを有効にする */
    justify-content: space-between; /* 子要素（質問テキストとアイコン）を両端に配置 */
    align-items: center; /* 子要素を垂直方向の中央に配置 */
    border-radius: 3px;
    margin-bottom: 1rem;
     background: #156697ab;
    border: 1px solid #ccc;
    padding: 0.5rem 2em; /* 左右のパディングを調整 */
    cursor: pointer; /* カーソルの形状はdt全体に適用 */
color: #fff;
    border-radius: 30px;
	
	
}


/* 質問テキストのスタイル（アイコンと区別するため） */
.faq dt span {
    flex-grow: 1; /* 質問テキストが利用可能なスペースをすべて占めるようにする */
    margin-right: 1rem; /* テキストとアイコンの間にスペースを追加 */
}

/* アイコン（Font Awesome）のスタイル */
.faq dt::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Solidアイコンは通常900番 */
    content: "\f078"; /* 閉じた時のアイコン (fa-chevron-down) */
    color: var(--primary-color);
    order: 2; /* アイコンの表示順を2番目（右端）にする */
    margin-right: 0; /* 元のpadding-rightは不要になるためリセット */
    padding-right: 0; /* 親要素のpaddingで調整するため、ここでは0 */
}

/* 質問が開いている時のアイコン */
.faq dt.open::before {
    content: "\f077"; /* 開いた時のアイコン (fa-chevron-up) */
}

/* 質問が閉じている時のアイコン */
.faq dt.close::before {
    content: "\f078"; /* 閉じた時のアイコン (fa-chevron-down) */
}

/* 回答 */
.faq dd {
    padding: 0 1rem 1rem 1rem; /* 左パディングをdtのpaddingと合わせるか調整 */
}

/* 不要になった、または再調整が必要なスタイル */
.faq dt {
    /* text-indent: -2rem; */ /* 不要になるので削除またはコメントアウト */
    /* padding: 0.5rem 1em 0.5rem 3em; */ /* 上記で新しいパディングに修正 */
}


ul.spot {
  padding: 0 0.5em;
  position: relative;
  background: #fff;
}

ul.spot li span{
    font-weight: bold;
}
ul.spot li {
  line-height: 1.5;
  padding: 1em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

ul.spot li a{
text-decoration: none;}

ul.spot li a:hover{
  color: #0595ff;
}

ul.spot li:last-of-type {
  border-bottom: none;
}
/*各ページ下部に配置している「アクセス」ブロック
---------------------------------------------------------------------------*/
/*左側ブロック（地図が入っている方）*/
.href-left {
	float: left;	/*左に回り込み*/
	width: 49%;		/*ブロック幅*/
}
/*右側ブロック（詳細情報）*/
.href-right {
	float: right;	/*右に回り込み*/
	width: 49%;		/*ブロック幅*/
}
/*ソーシャルメディアアイコン*/
.icon img {
	width: 80%;	/*画像の幅*/
}
.icon li{
  float: left;
  margin-right: 10px;
  text-align: center;
  margin: 0;
}
 ul.icon{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	font-size: 12px;	/*文字サイズ*/
	color: #fff;	/*文字色*/
	background: #163e5c;
}
/*リンクテキスト*/
footer a {
	color: #b8b8b8;	/*文字色*/
	text-decoration: none;
}
/*リンクのマウスオン時*/
footer a:hover {
	color: #fff;
}
footer .pr {display: block;}

footer .bt {
  margin: 50px auto;
}
footer .p-button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 18px;
}
.bt a:hover {
	color: #fff;
		background: #3e3430;
	border: 2px solid #3e3430;
}

.foot_logo img{
  margin-top: 50px;
}
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	overflow: hidden;
	padding: 20px 3%;	/*上下、左右のボックス内の余白*/
	background: url(../images/logo_footer.png) no-repeat right center / 20%;	/*背景画像の読み込み。右側、上下中央に配置。画像はブロック幅の20%で読み込む。*/
	color: #95854f;/*文字色*/
}
/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 18%;		/*幅*/
	padding-right: 1%;
	padding-left: 1%;
}
/*「class="title"」をつけた場合の設定*/
#footermenu .title {
	font-weight: bold;	/*太字にする*/
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
background: #2f2a2a;
	font-size: 12px;	/*文字サイズ*/
	color: #fff;
}

/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box1 {
	overflow: hidden;
	background: #fff;		/*背景色*/
	color: #666;			/*文字色*/
	margin: 0 2% 20px;		/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #0f4c79;	/*枠線の幅、線種、色*/
	padding: 3%;
}
/*box1内のh4(見出し)タグ*/
.box1 h4 {
	color: #0f4c79;		/*文字色*/
	font-size: 24px;	/*文字サイズ*/
	border-bottom: 2px dotted #0f4c79;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*下に空けるスペース*/
}
/*box1内のp(段落)タグ*/
.box1 p {padding: 0 !important;line-height: 1.5;}
.box1 p a {color: #666;}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box1 p.btn1 {margin-top: 20px;}

/*box2（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box2 {
	position: relative;
	width: 33.3%;		/*ボックスの幅*/
	float: left;		/*左に回り込み*/
	text-align: center;	/*内容をセンタリング*/
	line-height: 1.5;	/*行間*/
	color: #666;		/*文字色*/
}


/*box3（2カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box3 {
	position: relative;
	width: 50%;		/*ボックスの幅*/
	float: left;		/*左に回り込み*/
	text-align: center;	/*内容をセンタリング*/
	line-height: 1.5;	/*行間*/
	color: #666;		/*文字色*/
}
/*box4（1カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box4 {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    line-height: 1.5;
    color: #666;
}


/*box5（３カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box5 {
	position: relative;
	width: 24.5%;		/*ボックスの幅*/
	float: left;		/*左に回り込み*/
	text-align: center;	/*内容をセンタリング*/
	padding: 3%;		/*ボックス内の余白*/
	/*padding-bottom: 50px;	下の余白だけ上書き*/
	background: #ffffffc7;
	margin: 0 0 20px 2%;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5;	/*行間*/
	color: #666;		/*文字色*/
}


/*box2内のp(段落)タグ*/
.box5 p {
	padding: 0 !important;
	height: 4.5em;		/*高さ。*/
	overflow: hidden;	/*オーバーした分は非表示に。*/
	font-size: 14px;	/*文字サイズ*/
	text-align: left;	/*文字を左よせ*/
}
/*段落タグにリンクが設定された場合の文字色*/
.box5 p a {
	color: #666;
}
/*box2内のh4(見出し)タグ*/
.box5 h4 {
	padding: 20px;
	color: #7d6147;	/*文字色*/
	height: 1.5em;	/*高さ*/
	overflow: hidden;	/*オーバーした分は非表示に。*/
}
/*box2内のfigure(画像)タグ*/
.box5 figure {
	margin-bottom: 5px;	/*下に空けるスペース*/
}
/*box2内のbtn1。本体の設定はこの下のブロックにあります。*/
.box5 p.btn1 {
	height: auto;
	position: absolute;
	bottom: 30px;	/*box2の下から30pxの場所に配置*/
	width: 80%;		/*ボタンの幅*/
}
.box5 p.btn1 a {
	display: block;
	padding: 5px 0;	/*上下、左右へのボタン内の余白*/
}
/*box6（１カラムボックス）
---------------------------------------------------------------------------*/

.box6 {
	position: relative;
	width: 31.3%;		/*ボックスの幅*/
	float: left;		/*左に回り込み*/
	text-align: center;	/*内容をセンタリング*/
		/*padding-bottom: 50px;	下の余白だけ上書き*/
	background: #ffffffc7;
	margin: 0 1% 20px 1%;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5;	/*行間*/
	color: #666;		/*文字色*/
}

.box6 h3 {
	padding: 20px;
	color: #7d6147;	/*文字色*/
	height: 1.5em;	/*高さ*/
	overflow: hidden;	/*オーバーした分は非表示に。*/
	border: none;
	border-left: none;
}

/*box1、box2のfigure写真共通設定
---------------------------------------------------------------------------*/
.box1 figure a:hover,.box2 figure a:hover {
	opacity: 0.8;	/*マウスオン時に80%透明度にする*/
}

/*btn1
---------------------------------------------------------------------------*/
p.btn1 a {
	text-decoration: none;display: inline-block;
	border: 1px solid transparent;	/*枠線の幅、線種、色。transparentは透明の事。*/
	background: #7d6147;	/*背景色*/
	color: #fff !important;	/*文字色*/
	border-radius: 3px;		/*角丸のサイズ*/
	padding: 5px 30px;		/*上下、左右へのボタン内の余白*/
	text-align: center;		/*文字をセンタリング*/
}
/*マウスオン時*/
p.btn1 a:hover {
	border: 1px solid #7d6147;	/*枠線の幅、線種、色。*/
	background: #fff;			/*背景色*/
	color: #7d6147 !important;	/*文字色*/
}

/*btn2
---------------------------------------------------------------------------*/
p.btn2{
	text-align: center;
	margin-top: 30px !important;
	margin-bottom: 50px;
}

p.btn2 a {
	text-decoration: none;display: inline-block;
	border: 1px solid transparent;	/*枠線の幅、線種、色。transparentは透明の事。*/
	background: #7d6147;	/*背景色*/
	color: #fff !important;	/*文字色*/
	border-radius: 3px;		/*角丸のサイズ*/
	padding: 20px 50px;		/*上下、左右へのボタン内の余白*/
	text-align: center;		/*文字をセンタリング*/
	
}
/*マウスオン時*/
p.btn2 a:hover {
	border: 1px solid #7d6147;	/*枠線の幅、線種、色。*/
	background: #fff;			/*背景色*/
	color: #7d6147 !important;	/*文字色*/
}



/*写真を３列に並べたレイアウト
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.photo {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 33.3%;	/*幅*/
}
.photo a:hover img {
	opacity: 0.8;	/*マウスオン時に80%の透明度にする*/
}
/*photoボックス内の段落(p)タグ*/
.photo p {
	padding: 5px 0 !important;	/*上下、左右への段落タグ内の余白*/
	position: absolute;
	bottom: 0px;	/*photoボックスの下から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #111;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は50%色がついた状態のこと*/
	color: #fff;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	font-size: 80%;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new{
	background-color: rgba(255, 255, 255, 0.8);
padding: 50px;
}
/*ブロック全体の設定*/
#new dl {
	padding: 0px 20px;	/*上下、左右へのボックス内の余白*/
	margin-bottom: 20px;
	color: #363030;	/*文字色*/
}
/*日付設定*/
#new dt {
	float: left;	/*左に回り込み*/
	width: 9em;		/*幅*/
	letter-spacing: 0.1em;
	border-bottom: 1px dotted #9d9b9b;
	
}
/*記事設定*/
#new dd {
	padding-left: 9em;	/*左に空ける余白*/
	border-bottom: 1px dotted #9d9b9b;
}
#new h2 {
		clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	padding: 10px 20px;		/*上下、左右への余白*/
	font-size: 20px;		/*文字サイズ*/
	background: #402f21;
	color: #fff;			/*文字色*/
	border-radius: 5px;		/*角丸のサイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
	}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: center;		/*文字を真ん中*/
	background: #e5effd;	/*背景色*/
	color: #363030;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
	font-size: 20px;
	
}
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 20px;
	background: #fff;	/*背景色*/
	color: #666;			/*文字色*/
	
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #b4b0b0;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;		/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
}
/*リンクテキストの文字色*/
.ta1 a {color: #666;}
/*ta1のtdタグ内のリストタグ*/
.ta1 td ul.disc {padding: 0 5px 0 20px;}
/*ta1のtdタグ内の段落(p)タグ*/
.ta1 p {padding: 0;}
.pink{background: #fde5fd !important;}
/*inputボタン
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 15px;		/*文字サイズ*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

/*パンくずナビ
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/
.pan {
	background: #111;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で、0.7は70%色がついた状態の事。*/
	margin-bottom: 40px;			/*ボックスの下に空けるスペース*/
	margin-top: -40px;				/*ボックスを上のメニューにつけるための指定*/
	padding: 10px 3%;				/*ボックス内の余白。上下、左右。*/
	color: #fff;					/*文字色*/
}
/*メニュー１個あたりの設定*/
.pan li {
	display: inline-block;	/*横並びにさせる指定*/
	padding: 5px;		/*余白*/
}
/*リンクテキストの文字色*/
.pan a {
	color: #bebebe;
}
/*マウスオン時リンクテキストの文字色*/
.pan a:hover {
	color: #fff;
}
/*リストタグの頭に加える記号*/
.pan li::before {
	content: ">";	/*このテキストを表示させる*/
	color: #bebebe;	/*文字色*/
	padding-right: 12px;	/*記号とテキストとの余白*/
}
/*１番目のリストタグの頭に加える文字のリセット*/
.pan li:first-child::before {
	content: "";	/*テキストを空にする*/
}

/*背景色（bg1）
---------------------------------------------------------------------------*/
.bg1 {
	background: #e7dac4 url(../images/bg1.jpg) center;	/*背景色、背景画像の読み込み。*/
	padding: 10% 2%;
	  background-attachment: fixed;

}

/*背景色（bg2）
---------------------------------------------------------------------------*/
.bg2 {
	background: #5d452d url(../images/bg2.jpg);	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #5d452d url(../images/bg2.jpg) no-repeat;	/*背景色、背景画像の読み込み。*/
	color: #fff;	/*文字色*/
}
.bg2 a {color: #fff;}



/*背景色（bg3）
---------------------------------------------------------------------------*/
.bg3 {
	background: #efeee4;	/*背景色、背景画像の読み込み。*/
	    padding: 2%;
}

/*背景色（bg4）
---------------------------------------------------------------------------*/
.bg4 {
background: #f9f6f0 url(../images/bg.jpg) no-repeat;
}

/*背景色（bg5）
---------------------------------------------------------------------------*/
.bg5 {
background: #283529;
}

/*背景色（bg-access）※全ページ下部にある「アクセス」ブロック
---------------------------------------------------------------------------*/
.bg-access {
	background: #184062 url(../images/bg-access.jpg);	/*背景色、背景画像の読み込み。※古いブラウザ用。*/
	background: #184062 url(../images/bg-access.jpg) center / cover;	/*背景色、背景画像の読み込み。*/
}
.bg-access,.bg-access a {color: #fff;}
/*bg-access内のテーブル(ta1)*/
.bg-access .ta1 {
	
	color: #363030;;
	background-color: rgba(255, 255, 255, 0.89);
}
/*bg-access内の「h2 class="simple"」見出し*/
.bg-access h2.simple {
	color: #fff !important;
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {display: none;}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*角丸のサイズ。円形にする。正方形がいいならこの１行削除。*/
	bottom: 30px;	/*下から30pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.6);	/*背景色。0,0,0は黒の事で0.6は色が60%ついた状態の事。*/
	color: #fff;	/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*checkブロック。
---------------------------------------------------------------------------*/
p.check {
	padding: 25px !important;	/*上下、左右へのボックス内余白*/
	margin-bottom: 50px;
	text-align: center;
	letter-spacing: 0.1em;
line-height: 2.5em;
}
p.check a {color: #fff;}


p.check2 {
    background-color: rgb(13, 98, 144);
    color: #fff;
    padding: 50px 25px !important;
    margin-bottom: 20px;
    text-align: center;
	font-size:25px;
}

.check2 span{
   font-size: 16px;
}

/*利用規約
---------------------------------------------------------------------------*/
.tab-menu {
  gap: 4px;
}
.tab-menu__item {
  width: 120px;
  padding: 2% 3%;
  background-color:#dddddd;
}
.tab-menu__item.is-active {
  background-color: #0e3f63;
color: #fff;
}
.tab-content__item {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.tab-content__item.is-active {
  opacity: 1;
  transition: opacity .4s ease-in-out;
  overflow: visible;
  height: auto;
  padding: 20px;
  border: 1px solid #b2b8bb;
      margin-top: 13px;
  
}

li.tab-menu__item {display: inline;}

/*その他
---------------------------------------------------------------------------*/
.look {background: #ccc;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb40 {margin-bottom: 40px !important;}
.clear {clear: both;}
.ofh {overflow: hidden;}
ul.disc {padding: 0em 25px 20px;list-style: disc;}
.color1, .color1 a {color: #7d6147;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;
color: #fff;}
.r {text-align: right;}
.l {text-align: left;}
img.fr,figure.fr {float: right;margin: 10px;}
img.fl,figure.fl {float: left;margin: 10px;}
.fr {float: right;}
.fl {float: left;}
.w30p {width: 30%;}
.w45p {width: 45%;}
.w50p {width: 50%;}
.w65p {width: 65%;}
.big1 {font-size: 28px;letter-spacing: 0.1em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.link {display: block;margin-top: -120px;padding-top: 120px;}
.b {font-weight: bold;}
.pb100 {padding-bottom: 100px;}


/*求人情報
---------------------------------------------------------------------------*/
#rec{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color: #211610;
}

#rec h2 {
	color: #011e57;
	font-weight: bold; 
	}

#rec h2 span {
    text-shadow: none;
    display: block;
    font-size: 20px;
    letter-spacing: 0.1em;
    padding-left: 3px;
    opacity: 0.6;
}
#rec h3 {
	font-size: 20px;
	}
#rec p{
	font-size: 18px;
	}
		
#rec figure{
text-align: center;
margin-bottom: 30px;
}

ul.recom, ol{
   color: #1d459e;/*文字色*/
  border: dashed 2px #668ad8;/*破線 太さ 色*/
  background: #f1f8ff; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;
}

ul.recom li, ol li{
 line-height: 1.5;
  padding: 0.5em 0;
}
ul.recom {
    list-style-type:disc;
	font-size: 20px;
padding: 30px 80px;
margin-bottom: 50px;
}
#rec em{
   color: #fc1bca;/*文字色*/
   font-style: normal;
 font-size: 18px;
}

ul.work {
  padding: 0 0.5em;
  position: relative;
}

ul.work li {
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}


ul.work li:last-of-type {
  border-bottom: none;
}

.concept{
    background: #0e3081;
    color: #fff;
    padding: 30px 50px!important;
	text-align: center;
	margin-bottom: 30px;
}

p.follow_numb{
    display: block;
    background: #D0376E;
    color: #fff;
    padding: 25px;
    font-size: 200%;
    text-align: center;
    vertical-align: middle;
    border-radius: 40px;
	font-weight: bold;
   margin-bottom: 15px;
}
p.follow_text{
    display: block;
   color: #262121;
    padding: 20px;
    font-size: 200%;
    text-align: center;
   font-weight: bold;
   padding: 50px 0;
}

ul.cp_list {
	position: relative;
	padding: 0.5em;
	border: solid 1px #AB47BC;
	list-style-type: none;
	width: 60%;
    margin: 50px auto;
}
ul.cp_list li {
	padding: 0.5em 0 0.5em 3em;
	line-height: 1.5;
	border-bottom: 1px dashed #AB47BC;
}

ul.cp_list li:last-of-type {
	border-bottom: none;
}
ul.cp_list li::before {
    position: absolute;
    content: "\002713";
    color: #AB47BC;
    font-weight: bold;
    left: 0.5em;
	padding-left: 15px;
}

.recbt{
margin: 50px auto;
font-weight: bold;
width: 50%;
}


.btn-flat-border {
  padding: 1.5em 10em;
  text-decoration: none;
  color: #0c3280;
  border: solid 2px #0c3280;
  border-radius: 3px;
  transition: .4s;
  background: #fff;
  font-size: 20px;

}

.btn-flat-border:hover {
  background: #0c3280;
  color: white;
}




/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){

/*inner共通
---------------------------------------------------------------------------*/
.inner {
	width: 100%;
max-width: 1000px;
}

}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){}

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/
@keyframes menu1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*画面幅950px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:950px){

	
	.FixedMenuSection {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
    z-index: 9999;
}
.FixedMenu-Inner-List {
  display: flex;
}
.FixedMenu-Inner-List-Item {
background: rgb(28, 26, 25);
padding-top: 10px;
padding-bottom: 10px;
  padding-left: 38px;
  padding-right: 38px;
  width: calc((100% - 2px) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
}

.FixedMenu-Inner-List-Item:not(:first-child) {
  margin-left: 2px;
}
.FixedMenu-Inner-List-Item.isRed {
  background: red;
}
.FixedMenu-Inner-List-Item.isBlue {
  background: blue;
}



	#headermenu {
  margin-left: 10px;
  display: none;
}

/*inner共通
---------------------------------------------------------------------------*/
.inner {
	width: auto;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo img {
	width: 250px;	/*画像幅*/
}

/*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
#fsize {
	display: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明度(opacity)0%から透明度100%にする指定。*/
@keyframes menu1 {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	overflow: hidden;
	position: absolute;
	border-top: 1px solid #fff;
	width: 100%;
	z-index: 10;
	animation-name: menu1;		/*上のkeyframesの名前*/
	animation-duration: 0.5S;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*メニュー１個あたりの設定*/
#menubar-s li a {
	display: block;text-decoration: none;
	padding: 15px 5%;
	border-bottom: 1px solid #fff;
	background: #4a433e;
	color: #fff;
	font-size: 150%;
}
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}
/* ========================================
   スマホ用プルダウンメニュー（サブメニュー）のスタイル
   ======================================== */

/* サブメニューを持つ親の<li> */
#menubar-s li {
    position: relative; /* 子要素（サブメニューや開閉ボタン）の基準位置に */
}

/* サブメニュー開閉ボタンのスタイル */
/* HTMLにはボタンがなかったので、<a>要素の後に自動生成するか、
   JavaScriptで要素を追加することを想定しています。
   ここでは、liの中にサブメニューを示すアイコン（矢印など）をCSSで追加する例を示します。 */
#menubar-s li.has-submenu > a { /* サブメニューを持つa要素に矢印を追加 */
    padding-right: 15%; /* 矢印分のスペースを確保 */
}
#menubar-s li.has-submenu::after { /* 矢印アイコン */
    content: '▼'; /* または '＋' などのアイコン */
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 0.8em;
    pointer-events: none; /* クリックイベントを通過させる */
    transition: transform 0.3s ease;
}

/* サブメニューが開いた時の矢印の向き */
#menubar-s li.has-submenu.is-open::after {
    transform: translateY(-50%) rotate(180deg); /* 矢印を反転 */
}


/* プルダウンメニュー本体 (ul.ddmenu) */
#menubar-s ul.ddmenu {
    /* display: none; */ /* ★display:noneではなく、max-heightで開閉を制御 */
    max-height: 0; /* 最初は高さを0にして非表示 */
    overflow: hidden; /* はみ出したコンテンツを隠す */
    transition: max-height 0.3s ease-out; /* 開閉アニメーション */

    /* 背景色やボーダーなど、スマホ用のサブメニュー独自のスタイル */
    background: rgba(74, 67, 62, 0.8); /* 親メニューより少し暗い色など */
    padding: 0;
    list-style: none;
    border-top: none; /* 親のborder-topが適用されないように */
}

/* サブメニューが開いた時のスタイル（JavaScriptでクラスを付与） */
#menubar-s ul.ddmenu.is-open {
    max-height: 500px; /* ★重要: コンテンツの高さに合わせて十分に大きな値を設定 */
}

/* サブメニュー内の各項目 */
#menubar-s ul.ddmenu li {
    width: 100%; /* 全幅を使用 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* 区切り線 */
	background: #625c57;
}
#menubar-s ul.ddmenu li:last-child {
    border-bottom: none; /* 最後の項目には下線なし */
}

/* サブメニュー内のリンク */
#menubar-s ul.ddmenu li a {
    padding: 12px 10%; /* 親メニューより少しインデント */
    background: none; /* 親メニューの背景色をリセット */
    color: #fff;
    border-bottom: none; /* 親メニューのボーダーをリセット */
}

/* サブメニュー内のリンクにホバー時（スマホではタップが主ですが、念のため） */
#menubar-s ul.ddmenu li a:hover {
    background: rgba(255, 255, 255, 0.1); /* ホバー時の背景色 */
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 3%;	/*上から3%の場所に配置*/
	right: 3%;	/*右から3%の場所に配置*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 40px;	/*幅*/
	height: 40px;	/*高さ*/
	
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #fff url(../images/icon_menu.png) no-repeat center top/40px;
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #fff url(../images/icon_menu.png) no-repeat center bottom/40px;
}
/*fixmenu設定（メニューが画面上部に到達した際のスタイル）の設定をなくす
---------------------------------------------------------------------------*/
body.is-fixed-menu .contents:first-of-type,
body.is-fixed .contents:first-of-type {
	margin-top: 0px;
}

/*contents
---------------------------------------------------------------------------*/
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple {
	font-size: 23px;	/*文字サイズ*/
}

/*main,sub
---------------------------------------------------------------------------*/
.main, .sub{
	float: none;
	width: auto;
}

/*subコンテンツ内のlistブロック
---------------------------------------------------------------------------*/
.sub .list {
	line-height: 2;		/*行間*/
	padding: 10px;		/*ボックス内の余白*/
}
/*画像*/
.sub .list figure {
	width: 15%;			/*画像幅*/
	margin-right: 10px;	/*画像の右に空けるスペース*/
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #side,body.s-n #footermenu {display: none;}
.sh {display:block;}
.pc {display:none;}
.link {margin-top: 0;padding-top: 0;}

}


/*<br class="br-pc" />パソコンのみの改行<br class="br-sp" />スマホでの改行
---------------------------------------------------------------------------*/
@media screen and (min-width: 750px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 750px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*画面幅980px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:980px){
header .inner {
    height: 0;
}
	
	.w30 {
    width: 100%!important;
}
}
/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){
.ta1 {
    width: 100%;
   }
	header #logo img {
  left: 5%;
  top: 150px;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a {
  bottom: 50px;

}
	.bg1 {
  background: #e7dac4 url(../images/bg1.jpg) top;
 }

/*contents
---------------------------------------------------------------------------*/
.contents {
	padding-top:50px;		/*上に空けるボックス内の余白*/
	
}
.contents section + section {
	margin-top: 20px;
}

/*サブメニュー（左側ブロックのメニュー）
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
.sub .submenu li a {
	padding: 10px;	/*ボックス内の余白*/
}

/*box1（１カラムボックス）
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.box1 {
	margin: 0 0 20px 0;		/*上、右、下、左へのボックスの外に空けるスペース*/
}

/*box2（３カラムボックス）
---------------------------------------------------------------------------*/

/*ボックス１個あたりの設定*/
.box5 {
	position: relative;
	width: 24.5%;		/*ボックスの幅*/
	float: left;		/*左に回り込み*/
	text-align: center;	/*内容をセンタリング*/
	padding: 3%;		/*ボックス内の余白*/
	padding-bottom: 75px;	/*下の余白だけ上書き*/
	background: #fff;		/*背景色*/
	border: 1px solid #eeeae2;	/*枠線の幅、線種、色*/
	margin: 0 0 20px 2%;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 1.5;	/*行間*/
	color: #666;		/*文字色*/
}
/*box2内のp(段落)タグ*/
.box5 p {
	height: auto;	/*高さ。*/
	font-size: 100%;		/*文字サイズ*/
	margin-bottom: 15px;
	margin-left: 5px;
}
/*box2内のh4(見出し)タグ*/
.box5 h4 {
	height: auto;	/*高さ*/
}
/*box2内のbtn1*/
.box5 p.btn1 {
	position: static;
	width: 99%;		/*ボタンの幅*/
}
/*ボックス１個あたりの設定*/
.box5 {
	width:90%;		/*ボックスの幅*/
	float: none;		/*左に回り込み*/
	padding: 0;		/*余白の上書き*/
	margin:20px auto;;		/*上、右、下、左へのボックスの外に空けるスペース*/
	line-height: 2;	/*行間*/
}

.box5 p.btn1 a {

    padding: 5px 15px;
	width: 90%;

}
/*各ページ下部に配置している「アクセス」ブロック
---------------------------------------------------------------------------*/
/*左側ブロック、右側ブロック*/
.href-left,.href-right {
	float: none;
	width: auto;
	padding-bottom: 30px;
}

/*パンくずナビ
---------------------------------------------------------------------------*/
/*メニュー全体を囲むブロック*/
.pan {
	margin-bottom: 20px;	/*ボックスの下に20pxのスペースを空ける*/
	margin-top: -20px;		/*ボックスを上のメニューにつけるための指定*/
	padding: 0;				/*ボックス内の余白。上下、左右。*/
}


/*背景色（bg4）
---------------------------------------------------------------------------*/
.bg4 {
background: #f9f6f0 url(../images/bg.jpg) repeat-y;
}




/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;	/*文字サイズ*/
}



/*ヘッダー右上メニュー
---------------------------------------------------------------------------*/
/*メニュー全体のブロック設定*/
#header-nav {
	top: 10px;			/*ヘッダーの上から10pxの場所に配置。*/
	font-size: 11px;	/*文字サイズ*/
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	top: 10px;	/*上から10pxの場所に配置*/
}

/*contents
---------------------------------------------------------------------------*/
/*コンテンツのh2タグ設定*/
.contents h2 {
	padding: 5px 10px;	/*上下、左右への余白*/
	font-size: 14px;	/*文字サイズ*/
	margin-bottom: 10px;
}
/*コンテンツのh3タグ設定*/
.contents h3 {
	padding: 3px 10px;	/*上下、左右への余白*/
	margin-bottom: 10px;
}
/*h2タグに「class="simple"」を指定した場合の追加設定。大文字でセンタリングされる見出しです。*/
.contents h2.simple {
	font-size: 18px;	/*文字サイズ*/
}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 10px 10px;	/*上、左右、下への余白*/
}
/*他*/
.contents h2 + p,
.contents h3 + p {
	margin-top: -5px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	background: #444;	/*背景色のみに上書き*/
}
/*１行分の設定*/
#footermenu ul {
	width: 23%;	/*１列あたりの幅の再設定*/
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*box1とbox2
---------------------------------------------------------------------------*/
/*h4(見出し)タグ*/
.box1 h4,.box2 h4 {
	font-size: 16px;	/*文字サイズ*/
}
.box6 h4 {
	font-size: 18px;	/*文字サイズ*/
}
/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
img.fr,figure.fr,img.fl,figure.fl {float: none;margin: 0;width: 100%;}
.fr, .fl {float: none;}
.w30p, .w65p {width: auto;}
.big1 {font-size: 18px;letter-spacing: normal;}

#footermenu {
    display: none;
}


#new {
    padding: 20px;
}
#new dd {
    padding-left: 0;
	
}

#new dt {
     width: 100%;
   
}

/*h4(見出し)タグ*/
.box5 h4,.box5 h4 {
	font-size: 16px;	/*文字サイズ*/
}
.box2 {
   
    width: 100%;
    float: none;
   
}

.box3 {
 width: 100%;
    float: none;
}

/*求人情報*/
.photo {
    position: relative;
    float: left;
    width: 100%;
}
.box6 {
 width: 90%;
    float: none;
	
}

.w45p {
    width: 100%;
}

.w50p {
    width: 100%;
}
#rec h2 {
      font-size: 20px;
}

#rec h3 {
   font-size: 18px;
}

ul.recom {
   
    font-size: 16px;
    padding: 20px;
   
}

ul.work {
    padding: 0 0.1em;
	font-size: 16px;
    
}

.concept {
   
    padding: 10px!important;
   
}

ul.cp_list {
    width: 90%;
   
}

ul.cp_list li {
    padding: 15px 0 0 20px;
line-height: 2;
font-size: 16px;
}

ul.cp_list li::before {
    padding-left: 1px;
}

p.follow_text {
    text-align: left;

}

.recbt {
    width: 70%;
	
}
.btn-flat-border {
    padding: 15px;
    font-size: 20px;
	
}
.box6 {
    margin: 0 auto;
}
}

@media screen and (max-width: 540px) {
  .FixedMenu-Inner-List-Item {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
}