/*
Theme Name: wakuwaku
Theme URI: https://wakuwaku-center.co.jp/
Description:株式会社　わくわくセンター
Author: kusamura
Version: 1.0
License: GNU General Public License
License URI:
Tags: red, white, two-columns, editor-style, custom-menu
Text Domain: den55
*/

/****************************************

General Setting

 *****************************************/
@import url(//use.fontawesome.com/releases/v5.15.4/css/all.css);

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	    margin: 0;
    padding: 0;
}

html{
  margin: 0;
  padding: 0;
	 scrollbar-gutter: stable;
}
body {
	font-family:'Noto Sans JP', sans-serif;
	color: #231815;
	font-size: 16px;
	line-height: 180%;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/**/
.wrapper{
    padding: 0 100px;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news_wrapper{
    padding: 0 100px;
    width: 70%;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*各ページ調整用*/
.content_area{
	margin-top: -80px;
}
/*サイドバー*/
.flex_2area{
	display: flex;
	flex-direction: row-reverse; 
}

.right_area{
	width: 200px;
	border-left: solid 1px #cccccc;
	padding-left: 10px;
}
.left_arera{
	width: calc(100% - 200px);
	padding-right: 10px;
}

img {
  border:0;
}
a {
    color: inherit;
    text-decoration: none;
}

/*リンク下線つき*/
.for_rink{
	color: #0000ff;
	text-decoration: underline;
}

/* clearfix */

.clearfix {
  overflow: hidden;
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear:both;
}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.aligncenter{}
p {
	margin: 0px;
	padding: 0px;
	line-height: 180%;
}
.screen-reader-text{}

/*スマホの時だけ改行させる*/
.sma{
    display: none;
}
/*Chrome 黒い線を消す*/
input {
  outline: none;
}
/*PCは非表示　スマホ表示*/
.nopc_sma{
	display: none;
}
/*PCは表示　スマホ非表示*/
.pc_nosma{
	display: block;
}
/****************************************

タイトル

 *****************************************/
.cd-fixed-bg{
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
		
}
/*固定ページごとにH1の背景を設定*/  

.cd-fixed-bg.greetings {
	background-image: url(images/h1_greetings.jpg);
	}
.cd-fixed-bg.jigyogaiyo {
	background-image: url(images/h1_jigyogaiyo.jpg);
	}
.cd-fixed-bg.shisetu {
	background-image: url(images/h1_shisetu.jpg);
	}
.cd-fixed-bg.flow {
	background-image: url(images/h1_flow.jpg);
	}
.cd-fixed-bg.utilization-charge {
	background-image: url(images/h1_utilization-charge.jpg);
	}
.cd-fixed-bg.reservation {
	background-image: url(images/h1_reservation.jpg);
	}
.cd-fixed-bg.inquiry {
	background-image: url(images/h1_inquiry.jpg);
	}
.cd-fixed-bg.tokushoho {
	background-image: url(images/h1_tokushoho.jpg);
	}
.cd-fixed-bg.terms_of_use {
	background-image: url(images/h1_terms_of_use.jpg);
	}
.cd-fixed-bg.privacy_policy {
	background-image: url(images/h1_privacy_policy.jpg);
	}
.cd-fixed-bg.outline {
	background-image: url(images/h1_outline.jpg);
	}
.cd-fixed-bg.jigyo {
	background-image: url(images/h1_jigyogaiyo.jpg);
	}
.cd-fixed-bg.access {
	background-image: url(images/h1_access.jpg);
	}
.cd-fixed-bg.floor_map {
	background-image: url(images/h1_floor_map.jpg);
	}
.cd-fixed-bg.facility_description {
	background-image: url(images/h1_facility_description.jpg);
	}
/*画像無しページタイトル*/
.no_imgtitle_bg {
  width: 100%;
  height: 50vh;
	background-color: #f8f8f8;
  background-image: linear-gradient(45deg, #1b3c76 200px, transparent 0),
                    linear-gradient(-135deg, #1b3c76 200px, transparent 0);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
/*お知らせ　個別ページ用*/
.cd-fixed-singlebg{
	width: 100%;
	height: 80vh;
	overflow: hidden;
	display: flex;
	 justify-content: center;
	align-items: center;
}
.cd-fixed-singlebg img{
width: 100%;
  height: auto;
}
.cd-fixed-singlebgsvg{
	width: 100%;
	height: 80vh;
	overflow: hidden;
	display: flex;
	 justify-content: center;
	align-items: center;
	border-bottom: solid 1px #cccccc;
}
.cd-fixed-singlebgsvg img{
width: 40%;
  height: auto;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin: 0px;
}
h1.postfacilities{
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
	padding: 50px;
	display: flex;
	align-items: center; 
}
h1.pagenotitle{}
h1.pagenotitle span {
    display: inline-block;
    position: relative;
    padding: 0 .4em .2em;
    color: #231815;
}

h1.pagenotitle span::before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #1b3c76;
    content: '';
}
.lecture-hall{
	color: #315b89;
	font-weight: bold;
}
.community-lounge{
	color: #e07f00;
	font-weight: bold;
}
.free-address-area{
	color: #c25160;
	font-weight: bold;
}
.lecture-room{
	color: #6356a3;
	font-weight: bold;
}
.plaza{
	color: #00ada9;
	font-weight: bold;
}

.digital-signage{
	color: #008ccf;
	font-weight: bold;
}
.takeout-cafe{
	color: #956134;
	font-weight: bold;
}
.other-facilities{
	color: #956134;
	font-weight: bold;
}

.rank{
	display: inline-block;
	margin-right: 20px;
	font-size: 18px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}
.phototext{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.9);
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	
	
}
h2 {
  align-items: center;
  display: flex;
	justify-content: center;
	font-size: clamp(1.375rem, 1.284rem + 0.45vw, 1.625rem);/*22-26*/
	margin: 30px 0;
}
h2::before,
h2::after {
  background-color: #231815;
  content: "";
  height: 1px;
  width: 60px;
}
h2::before {
  margin-right: 15px;
}
h2::after {
  margin-left: 15px;
}


h2.topyoyaku{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

h2.topyoyaku::before,
h2.topyoyaku::after {
    width: 3px;
    height: 40px;
    background-color: #2757ab;
    content: '';
}

h2.topyoyaku::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

h2.topyoyaku::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

h6{
	font-size: 80%;
}

/*スクロールダウン全体の場所*/
.scrolldown{
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:15px;
	height:50px;
	white-space: nowrap;
}

/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translateX(-50%);
    /*テキストの形状*/
	color: #cccccc;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 30px;
	background: #cccccc;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

/****************************************

テキスト　装飾 画像デフォルトエリア

 *****************************************/

.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.text_blue{
	color: #387dce;
}
.text_mainbule{
	color: #1b3c76;
}
.text_white{
	color: #FFFFFF;
}
.text_green{
	color: #00a73c;
}
.text_orange{
color: #ea5205;	
}
.text_pink{
color: #eb6ea5;	
}
.text_22{
	font-size:clamp( 18px, 3vw, 22px) ;
	
}
.text_18{
	font-size:clamp( 15px, 3vw, 18px) ;
	
}
.text_36{
	font-size:clamp( 20px, 3vw, 36px) ;

}
.text_70{
	font-size: 70%;
}
.text_80{
	font-size: 80%;
}
.text_90{
	font-size: 90%;
}
.img_area{
	width: 100%;
}
.img_area img{
	width: 100%;
	height: auto;
	vertical-align:top;
}
.margintop10{
	margin-top: 10px;
}
.margintop20{
	margin-top: 20px;
}
.margintop50{
	margin-top: 50px;
}
.marginbottom20{
	margin-bottom: 20px;
}
.marginbottom50{
	margin-bottom: 50px;
}
.padding_t50{
	padding-top: 50px;

}
.padding_b50{
	padding-bottom: 50px;

}
.padding_all20{
	padding: 20px;
}

.mb60{
	margin-bottom: 60px;
		}
		
.mt30{
	margin-top: 30px;
		}
.ml15{
	margin-left: 15px;
}

/****************************************

block　Flexbox スタイル　

****************************************/
/*〇両端のアイテムを余白を空けずに均等*/
.f-containersb{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;

}
/*〇両端のアイテムも含めて余白を均等*/
.f-containersa{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items: stretch;

}
/*左右中央*/
.f-containercen{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content: center;

}
/*左右配置 上合わせ*/
.f-rightleftstart{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/*並べて中央高さをあわせる*/
.f-containercc{
	display:flex;
	align-items: center; 
	justify-content: center;
}

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

　   HEADER

--------------------------------------------------------------------------------------------- */
#header {
  z-index: 99;
	width: 100%;
  top: 0;
  left: 0;
	height: 80px;
	position: fixed;
}


.h_logo{
	width: 200px;
	margin: 20px;
	position: relative;
	z-index: 100;
	   height: auto;
  display: flex;
  align-items: center;
}
.h_logo a {
  display: inline-block;
  line-height: 0;
}
.h_logo img {
  display: block;
  width: 100%;
  height: auto;

}

.h_nav{
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
}
nav li {
  font-size: 16px;
  letter-spacing: 0.2em;
}


#gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }

  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 80px;
  }
#gNav .sub-menu {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }

  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {
    color: #bfd0ff;
  }
  #gNav li:hover ul.sub-menu {
    top: 80px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
	    }

  #gNav li ul li:after {
    content: none;
  }
 #gNav li:hover ul.sub-menu a {
    color: #111;
  }
  #gNav .sub-menu li a:hover {
    background: #fff;
  }
  #gNav .contact_btn a:hover {
    color: #fff;
  }

	
/****************************************

トップページ　スタイル

****************************************/
.toleft-animation{
	transform: translateX(-50vw); 
	transition: opacity 1s, transform 1s;
  transition-delay: 1s;
		}
			
.to-view{
	transition: opacity .8s, transform .8s;
			}
video {
  filter: drop-shadow(0px 0px rgba(0,0,0,0));
  outline: none;
  border: none;
}
.background {
	width: 100%;
 height: 100vh;
	height: 100svh;
 position: sticky;
 top: 0;

}
.background img{
	width: 100%;
	height: auto;
	object-fit: cover;
		}
.normal_background{
	background-color: #1b3c76;
		position: relative;
	padding: 200px 0;
	z-index: 10;
		}
.topbgCover {
 height: 50vh;
 background-color: #ffffff;
 opacity: 0;
 pointer-events: none;
}		
.bgCover {
 height: 50vh;
 background-color: #ffffff;
 opacity: 0;
 pointer-events: none;
		position: relative;
	z-index: 1;
}

.content {
 height: 100vh;
height: 100dvh;
 margin-top: -150vh;
 position: sticky;
 top: 0;
 pointer-events: none;
}
.content * {
 pointer-events: auto;
}

.contCover {
 height: 50vh;
}

#bgCoverA {
 height: 100vh;
	height: 100svh;
}
#contentA {
 margin-top: -200vh;
}
#lyrContainer {
 position: sticky;
 top: -125vh;
 height: 125vh;
}
#layer {
 height: 50vh;
 position: sticky;
 top: 25vh;
 background-color: rgb(100% 100% 100% / 0.97);
}
#layer>div {
 padding: 5vh 0;
 margin: 0;
}



/*top共通項目*/
.summary-cont {
    position: absolute;
    width: 100%;
    height: 100vh;
	height: 100svh;
    z-index: 10;
}

.item-summary {
    min-width: 223px;
    max-width: 90vw;
    position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -40%);
    display: flex;
    flex-direction: column;
	align-items: center;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding: 30px;
	white-space: nowrap;
}
.item-summary2 {
    min-width: 223px;
    max-width: 90vw;
    position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -40%);
    display: flex;
    flex-direction: column;
	align-items: center;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding: 30px;
	white-space: nowrap;
}
.pritem-summary_title{
	margin-bottom: 30px;
		}
/*topわくわくセンターとは用*/
.wasummary-cont {
    position: absolute;
    width: 50%;
    height: 100vh;
	height: 100svh;
}

/*協賛企業紹介*/
.pritem-summary {
    min-width: 223px;
    max-width: 90vw;
    position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%, -60%);
    display: flex;
    flex-direction: column;
	align-items: center;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding: 30px;
	white-space: nowrap;
}



/*top　予約*/
.top_yoyakucenter{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.topforyoyaku{
	text-align: center;
}
.top_yoyakuflex{
	display: flex;
	justify-content: center; 
		}
p.topyoyakutitle{
	font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);/*20-24*/
	margin: 10px;
}
p.topyoyakutitle::after{
  font-family: "Font Awesome 5 Free";
  content: '\f078';
	font-weight: bold;
  font-size: 16px;
  margin-left: 10px;

}


/*view more　トップ用*/
.common_btn {
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #2757ab;
  background-color: #fbfbfb;
  position: relative;
  border: 1px solid #d6d4d2;
  transition: color 0.5s ease;
	border-radius:5px;
	padding: 10px;
	margin: 30px;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .35);
}
.common_btn:hover {
  color: #fff;
}
.common_btn:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.common_btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #2757ab;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
	border-radius:5px;
}
.top_yoyakutext {
  position: relative;
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
}
.top_yoyakutext::after{
   font-family: "Font Awesome 5 Free";
  content: "\f35d";
	font-weight: 900;
  margin-left:5px;
}		
.icon_yoyakutext{
	position: relative;
	font-size: 36px;
		}
.icon_yoyakutext::after{
	   font-family: "Font Awesome 5 Free";
  content: "\f4fd";
	font-weight: 900;
		}
		
.icon_flowtext{
	position: relative;
	font-size: 36px;
		}
.icon_flowtext::after{
	   font-family: "Font Awesome 5 Free";
  content: "\f022";
	font-weight: 900;
		}
		
/*View more*/
.top_shienbtn{
	display: flex;
	justify-content: space-around;
	max-width: 800px;
	margin: 0 auto;
		}
.btn_center{
	text-align: center;
		}		
.btn_viewmore {
  position: relative;
	display: inline-block;
	margin: 0;
	font-size: 20px;
}
.btn_viewmore::after{
   font-family: "Font Awesome 5 Free";
  content: "\f054";
	font-weight: 900;
  margin-left:8px;
}

.btn_viewmore2 {
  position: relative;
	display: inline-block;
	margin: 0;
	font-size: 20px;
	color: #1b3c76;
	
}
.btn_viewmore2::before{
	  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #1b3c76;
  transition: .3s;
		}
.item-summary:hover .btn_viewmore2::before{
	width: 100%;
		}
.pritem-summary:hover .btn_viewmore2::before{
	width: 100%;
		}
.btn_viewmore2::after{
   font-family: "Font Awesome 5 Free";
  content: "\f054";
	font-weight: 900;
  margin-left:8px;
}

/*top わくわくセンターとは*/

.text_squarearea{
    position: absolute;
    width: 100%;
    height: 100vh;
	height: 100svh;
	z-index: -1;
		}
	
.text_square{
	min-width: 223px;
    max-width: 50vw;
	white-space: nowrap;
    position: absolute;
	top: 50%;
	left: 85%;
	transform: translate(-85%, -50%);	
    display: flex;
    flex-direction: column;
	align-items: center;
	padding: 30px;
	
}
.text_squarebgw{
	width: 100%;
	color: #FFFFFF;
	background-color: rgba(0,117,194,0.95);
	padding: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
		}
.batsu {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
}

.batsu::before, .batsu::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px; /* 棒の幅（太さ） */
  height: 50px; /* 棒の高さ */
  background: #333;
border-radius: 2.5px;
}

.batsu::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.batsu::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/*お知らせ*/
.top_newstopicstitle {
    position: relative;
    padding-top: .75em;
    color: #000000;
		font-size: 34px;
		text-align: center;
	color: #FFFFFF;
	top: 50px;
}

.top_newstopicstitle::before {
    position: absolute;
    bottom: 0.2em;
    left: 50%;
	transform: translateX(-50%);
    z-index: -1;
    color: rgba(217,244,255,0.1);
    font-size: 1.5em;
    line-height: 1;
    content: attr(data-word);
    pointer-events: none;
}
		
.top_newsconarea{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
		}		
.top_newslist{
	display: flex;
	flex-wrap:nowrap;
	 align-items: flex-start;
	padding: 30px;
	margin: 0 0 3px;
	background-color: #FFFFFF;
		}
	
.term{
	display: inline-block;
	margin-left: 20px;
	color:#ffffff;
	padding: 0 5px;
	background-color: #1b3c76;
	border-radius: 5px;
	font-size: 90%;
		}	
.top_newstitle{
	font-size: 18px;
	color:#1b3c76; 
}
/*お知らせ　コンテンツ用*/
.news_content p{
	margin: 1em 0;
	
}
/*お知らせ　チラシ*/
.news_subtitle{
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.news_flyerimg{
	max-width: 400px;
	margin: 20px auto;
	border: solid 1px #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news_flyerimg img{
	width: 100%;
	height: auto;
	
}

/*支援事業*/
.flex_shienmain{
	display: flex;
		}		
.employment-background{
    width: 40%;
    background-image: url('images/employment_titleimg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
		}
.adoption-background{
    width: 40%;
    background-image: url('images/adoption_titleimg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
		}
.shien_maintitlearea{
	width: 60%;
	margin: 100px 0;
		}
.shien_maintitle{
	font-size: 30px;
	color: #ffffff;
	background-color: rgba(27,60,118,0.9);
	padding: 10px;
	margin-left: -50px;
	text-align: center;
		}		
.shien_maintext{
	font-size: 18px;
	width: 90%;
	margin: 20px auto;
		}
.employment_list {
    list-style-type: none;
}

.employment_list li {
	  text-indent: -1.2em;
   padding-left: 1.2em;
}

.employment_list li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #2589d0;
    border-left: 2px solid #2589d0;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
	margin-right: 0.5em;
}
.top_shien {
    position: relative;
    padding: .7em 1.3em;
    color: #ffffff;
	max-width: 500px;
	font-size: 32px;
	margin: 100px auto;
	text-align: center;
}

.top_shien::before,
.top_shien::after {
    display: inline-block;
    position: absolute;
    width: 1em;
    height: 1em;
    content: '';
}

.top_shien::before {
    top: 0;
    left: 0;
    border-top: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
}

.top_shien::after {
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}		
.top_shientext{
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
	max-width: 1000px;
	margin: 30px auto;
		}
.top_shienflexleft{
	display: flex;
	max-width: 800px;
	margin: 20px auto;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 0 20px 0 0;
		}
.top_shienflexright{
	display: flex;
	flex-direction: row-reverse;
	background-color:#f2fbff;
	max-width: 800px;
	margin: 20px auto;
	border-radius: 5px;
	padding: 0 0 0 20px;
		}		
.point_itemimg{
	width: 40%;
	aspect-ratio: 16 / 9;
	margin: 20px;
	display: flex;
	 align-items: center;
		}
.point_itemimg img{
	width: 100%;
	height: auto;
		}
.point_itemtext{
	width: 60%;
	margin-bottom: 30px;
		}
.point_itemtext p{
	color: #1b3c76;
	text-align: center;
	border-bottom: solid 2px #1b3c76;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 20px 0 10px;
		}
				
	
		


		


/*企業PR*/
:root {
  --items-per-row: 5;
  --item-margin: 20px;
}

.marquee-wrapper {
  overflow: hidden;
  width: 100%;
}

.marquee-track {
  display: flex;
  width: 100%;
}

.marquee-item {
  flex: 0 0 calc((100% - (var(--items-per-row) - 1) * var(--item-margin)) / var(--items-per-row));
  margin-right: var(--item-margin);
  box-sizing: border-box;
	color: #ffffff;
}

.marquee-item:last-child {
  margin-right: 0;
}

.marquee-item img {
  width: 100%;
  height: auto;
  display: block;
}





/*以下削除かも*/
.top_prflex{
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	width: 100%;
	height: 100vh;
	height: 100svh;
}
/*div全体にリンク*/
.linkbox {
    position: relative;
}
.linkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.top_prarea{
	margin: 80px 50px 0;
	color: #FFFFFF;
}
.top_primgwrapper {
    position: relative;
	width: 100%;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

.top_primgwrapper::before {
    content: "";
    display: block;
    padding-top: 75%;
}

.top_primgwrapper img{
	position: absolute;
	  top:0;
  bottom:0;
  margin:auto 0;
	width: 100%;
	height: auto;
    object-fit: cover;
}
.top_prtextarea{
	display: inline-block;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 30px;
	margin: auto;
	text-align: center;
}
.top_prtextarea p{
	text-align: center;
	margin-top: 50px;
}
/*サンプル写真用*/
.bottom-slider{

}
.top_prsamplearea{

}
.top_prsampleimgwrapper {
    position: relative;
	width: 100%;
}

.top_prsampleimgwrapper::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.top_prsampleimgwrapper img{
	position: absolute;
	  top:0;
  bottom:0;
  margin:auto 0;
	width: 100%;
	height: auto;
    object-fit: cover;
}


/****************************************

Footer

 *****************************************/
.footer_topadd{
	width: 100%;
	height: 30px;
	background-color: #1b3c76;
}
.footer_flexbottom{
	  display: flex;
  align-items: flex-end;
}
.footer_bottom{
  position: -webkit-sticky;
  position: sticky;
	width: 100%;
}

.footer_leftlogo{
	width: 200px;
	margin-bottom: 30px;
		}
.footer_leftlogo img{
	width: 100%;
	height: auto;
		}

.footer_adressarea{
	color: #FFFFFF;
	
		}		
.footer_iconarea{
	display: flex;
	 justify-content: space-between;
	margin-bottom: 50px;
	margin: 20px 0;
	padding: 20px 40px;
	width: 200px;
	height: 80px;
	background-color: #FFFFFF;
	border-radius: 5px;
}
.footer_icon{
	width: 40px;
		}
.footer_icon img{
	width: 100%;
	height: auto;
		}
ul.footer_grouplist{
	list-style: none;
	font-size: 90%;
}
ul.footer_grouplist li::after{
   font-family: "Font Awesome 5 Free";
  content: "\f35d";
	font-weight: 900;
  margin-left:5px;
}
.copyright{
	display: none;

}
/*トップ以外*/
.footer_pageallarea{
	background-color: #1b3c76;
	color: #ffffff;
	padding: 50px 50px 0;
	}
.footer_pagearea{
	display: flex;
	justify-content: space-around;
	}	
ul.footer_pagelist{
	width: 20%;
	font-size: 90%;
	}	
ul.footer_pagelist li{
	margin-right: 20px;
	list-style-type: none;
	}

ul.footer_pagelist li::before{
	  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
		}
ul.footer_pagesublist{
	margin: 0;
	padding: 0 0 0 1em;
	}
ul.footer_pagesublist li::before{
  font-family: "Font Awesome 5 Free";
  content: '\f141';
	font-size: 14px;
	font-weight: bold;
  margin-right: 10px;

}	
.footer_pagetextarea{
	width: 300px;
	}
.footer_rightlogo{
	width: 50%;
	margin: auto;
	}
.footer_rightlogo img{
	width: 100%;
	height: auto;
	}
.footer_pagekanrenlist{
	width: 20%;
}
.pagecopyright{
		text-align: center;
		font-size: 80%;
	}
/****************************************

editor

 *****************************************/
strong{font-weight: bold;}
em { font-style: italic; }
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
                             
/* img */

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
	float: right;
	margin-left: 30px;
	margin-top: 20px;
}
.alignleft {
	float: left;
	margin-right: 30px;
	margin-top: 20px;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  max-width: 100%;
}
/****************************************

エフェクト

 *****************************************/
.fadein {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  transform: translateY(150px);
	padding: 50px 0;
}
.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}	
/****************************************

固定ページ　page.php

 *****************************************/
/*挨拶*/
.aisatu_subtitle{
	color: #0075c2;
	font-size: 34px;
	text-align: center;
	margin: 30px 0;
		}		
.aisatu_photoarea{
	width: 20%;
	margin: auto;
}
.aisatu_photoarea p{
	text-align: center;
}		
.aisatu_photoarea img{
	width: 100%;
	height: auto;
	clip-path: circle(50%);
}
.aisatu_textarea{
	width: 80%;
	margin: auto;
}			
.aisatu_textarea p{
	text-indent: 1em;
	margin-bottom: 20px;
}

/*事業概要*/
.page_bg{
	width: 100%;
	background-image: url("images/page_bg.png");
background-position: top;

	background-color: #f9fdfe;
		}
.jigyogaiyo_imgarea{
	width: 30%;
	margin: auto;
		}
.jigyogaiyo_imgarea img{
	width: 100%;
	height: auto;
		}		
.jigyogaiyo_2carea{
	border-left: solid 2px #ec6d56;
	padding-left: 20px;
		}
.jigyogaiyo_subtitle{
	color: #ec6d56;
	font-size: 24px;
	margin-bottom: 20px;
		}	
.jigyou{
	  width: 97%;
  margin: 0 auto;
}
.jigyou ol{
  display: table;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 0;

}
.jigyou_illustarea{
	width: 32%;
	margin-bottom: 50px;
	margin-top: 50px;
}

.blue_waku{
	border:  solid 2px #00355b;
	color: #00355b;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.illust{
	margin-bottom: 30px;
}
.illust img{
	width: 100%;
	height: auto;
}
/*施設概要*/
.perth_area{
	width: 100%;
	margin-bottom: 50px;
	margin-top: 50px;
}
.perth_area img{
	width: 100%;
	height: auto;
}
.shisetu_tablearea{
	width: 45%;
}
.shisetu_yallowbg{
	background-color: #fffcd1;
}
table.shisetu_table{
	width: 100%;
	margin-bottom: 30px;

}
table.shisetu_table, th, td {
  border:1px solid #333333;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
table.shisetu_table th {
	width: 60%;
}
table.shisetu_table td {
	width: 40%;
	text-align: right;
	padding: 10px 20px;
}
/*面積と定員*/
.table_area01 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  text-align: center;
	margin-bottom: 30px;
}
.table_area01 th, .table_area01 td {
  border: 1px solid #333333;
  padding: 1em;
}
.table_area01 thead th {
  background-color: #fffcd1;
  color: #231815;
  border: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.table_area01 thead th:last-of-type {
  border-right: 1px solid #333333;
}
.table_area01 tbody th {
  color: #1b3c76;
  font-weight: bold;
  text-align: center;
}


/*360*/
.vr_area{
	width: 60%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
.vr-ratio iframe {
  width: 100%;
	height: auto;
  aspect-ratio: 4 / 3;
}
.address{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 50px;
	font-size:clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem) ;
	
}		
.address_map{
	width: 60%;
		margin-left: auto;
	margin-right: auto;
}
.address_map img{
	width: 100%;
	height: auto;
		}		
.access_area{
	width: 80%;
	margin: auto;
		}	
.access{
	  display: flex;
  flex-wrap: wrap;
		}
	
.access dt {
  width: 30%;
	border:  solid 2px #0075c2;
	padding: 20px;
	color: #0075c2;
	margin: 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}
.access dd{
	  width: 70%;
	padding: 10px;
		display: flex;
	align-items: center;
	margin: 0 0 50px;
		}		
.access ul{
	margin: 0 0 0 20px;
	padding: 0;
		}
/*施設紹介*/		
h3.facility_description{
	color: #FFFFFF;
	padding: 20px;
	text-align: center;
	margin: 100px 0;
	font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);/*20-24*/
	
		}	
#bg_lecture-hall{
	background-color: #315b89;
		}
#bg_community-lounge{
	background-color: #e07f00;
		}
#bg_free-address-area{
	background-color: #c25160;
		}		
#bg_lecture-room{
	background-color: #6356a3;
		}
#bg_plaza{
	background-color: #00ada9;
		}
#bg_digital-signage{
	background-color: #008ccf;
		}
#bg_takeout-cafe{
	background-color: #956134;
		}
#bg_other-facilities{
	background-color: #956134;
		}	
.facility_flexleft{
	    padding: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	
		}
.facility_flexright{
		    padding: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
		}		
.facility_photoarea{
	width: 48%;
	aspect-ratio: 16 / 9;
		}
.facility_photoarea img{
	width: 100%;
	height: auto;
	overflow: hidden;
		}
.facility_textarea{
	width: 48%;
	font-size: 18px;
	line-height: 200%;
		}		
/*あとで削除　ここから*/
/*予約について*/

.shisetuyoyaku_area{
	width: 47%;
		}
.shiharaititle{
  position: relative;
  padding: 0.5em;
	height: 80px;
	display: flex;
	align-items: center;
	font-size: 22px;
}

.shiharaititle::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(210, 210, 210);
}		
		
.yoyaku_textarea{
	background-color: #fdfdfd;
	padding: 20px;
	margin-left: 22px;
	margin-top: -15px;
		}		
.bglline_orange{
	background-color: #fef8fb;
	border-left: solid 5px #ea5205;
	color: #ea5205;
		}		
.bglline_pink{
	background-color: #fef8fb;
	border-left: solid 5px #eb6ea5;
	color: #eb6ea5;
	
		}
/*フローチャート*/
.two_division{
	display: flex;
	justify-content: space-around; 
	}
.two_division2{
	display: flex;
	justify-content: space-around; 
	}
.width_50area{
	width: 50%;
	text-align: center;
	}	
	
.center-inblock{
	display: inline-block;
	margin-right:auto;
	margin-left:auto;
	padding: 20px;
	border-radius: 20px;
	text-align: left;
}
	
.bgtext_orange{
	background-color: #ea5205;
	color: #FFFFFF;
		}		
.bgtext_pink{
	background-color: #eb6ea5;
color: #FFFFFF;
		}
.bgtext_blue{
	background-color: #0075c2;
	color: #FFFFFF;
	}
.info_centerblok{
	text-align: center;
	padding: 20px 0;
	background-color:#d9edf7;
	color:#31708f;
	margin-top: 20px;
	}
.m-arrow-down{
	margin: 20px 0;
	}
.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
  border: 0.5em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}

.yoyaku_infotext{
	text-align: left;
	padding: 20px;
	}
/*ここまで*/

/*特定商取引法に基づく表記*/
table.tbl-r02{
  margin: 20px auto;
	border-collapse:collapse;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
table.tbl-r02 tr{
  background-color: #fff;
  border: 1px solid #333333;
  padding: .35em;
		}
table.tbl-r02 th {
  padding: 1em 10px 1em 1em;
	color: #FFFFFF;
	background-color: #777777;
}
table.tbl-r02 td {
  padding: 1em 10px 1em 1em;
}


/*利用規約とプライバシーポリシー*/

.listdefault p{
	text-indent: 1em;
		}	
/*ol要素の共通設定*/  
ol.propositions, ol.propositions, ol{
  padding-left: 1em; /*入れ子が起こるたびにインデント．0でもよいと思う*/
}
		
/*数字*/		
ol.number{
	padding-left: 1em;
		}
ol.number li{
  list-style-type:none; /*標準の番号を消す*/
  margin-left: 3em;     /*下のmargin-leftの符号違いを設定*/
	margin-bottom: 1em;
	counter-increment: noitem;
	}
ol.number li:before {
  content: counter(noitem)'.';
	font-weight: bold;
	color: #0075c2;
	  display: inline-block; 
  text-align: right; /*i), ii)などを右寄せさせるため*/
  width: 2em;        /*リスト番号の幅*/
  margin-right: 1em; /*リスト番号と文章の間隔*/
  margin-left: -3em; /*上の2つと足して0になるように設定*/
		}
		
/*かっこ*/
ol.propositions li{
  list-style-type:none; /*標準の番号を消す*/
  margin-left: 3em;     /*下のmargin-leftの符号違いを設定*/
	margin-bottom: 1em;
}

ol.propositions li:before{
  display: inline-block; 
  text-align: right; /*i), ii)などを右寄せさせるため*/
  width: 2em;        /*リスト番号の幅*/
  margin-right: 1em; /*リスト番号と文章の間隔*/
  margin-left: -3em; /*上の2つと足して0になるように設定*/
}

/*カウンターの設定（olの階層ごとに設定）*/
ol.propositions>li{
  counter-increment: level1;
}

ol.propositions>li:before{
	content: "(" counter(level1) ") ";
  font-weight: bold;
	color: #0075c2;
}
/*丸数字*/
ol.circle_number>li{
  counter-increment: level2;
	position: relative;
}

ol.circle_number>li:before{
  content: counter(level2);
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
/*ulドット*/
ul.dotlist{
	padding-left: 0;
	margin-left: 0;
		}
ul.dotlist>li{
  counter-increment: dot1;
}

ul.dotlist>li:before{
	content: '・';
  font-weight: bold;
	color: #0075c2;
}
.tR{
	text-align: right;
		}

/*各施設利用料金*/
.red_btext{
	color: #ff0000;
	font-weight: bold;
		}

.tbl-r05 {
	width: 100%;
	 border-collapse: collapse;
 border-spacing: 0;
	
  }
.tbl-r05 tr:nth-child(2n+1) {
 background: #f8f8f8;
	
}
.tbl-r05 th {
 padding: 10px;
 background: #f0f0f0;
	text-align: center;
	border: solid 1px #898989;
}
.tbl-r05 th:last-child {

}
.tbl-r05 td {
 padding: 10px;
border: solid 1px #898989;
	text-align: center;
}
.tbl-r05 td:last-child {

}
  .tbl-r05 td > span{
      display: block;
	  margin: 0 auto;
      width:6em;
      text-align: right;
  }

.tbl-r05 td:first-child {
	font-weight: bold;
	text-align: left;
 
}
.tbl-r05.lecture-hall-text td:first-child {
color: #315b89;
 }
.tbl-r05.lecture-room-text td:first-child {
color: #6356a3;
 }
.tbl-r05.free-address-area-text td:first-child {
color: #c25160;
 }
.tbl-r05.community-lounge-text td:first-child {
color: #e07f00;
 }
.tbl-r05.other-facilities-text td:first-child {
color: #956134;
 }
.tbl-r05.plaza-text td:first-child {
color: #00ada9;
 }

.setubibox {
    position: relative;
    margin: 50px 0 0 0;
    padding: 10px;
    border: solid 3px #778ca3;
	display: inline-block;
	background-color: #FFFFFF;
}
.setubibox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #778ca3;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.setubibox p {
    margin: 0; 
    padding: 0 0 20px;
}
.foryoyakubox {
    position: relative;
    margin: 50px 0 50px 0;
    padding: 10px;
    border: solid 3px #0075c2;
	background-color: #FFFFFF;
	display: inline-block;
}
.foryoyakubox .box-title2 {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #0075c2;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.foryoyakubox p {
    margin: 0; 
    padding: 0 0 20px;
}
.chushaku{
	text-align: right;
	color: #ff0000;
		}
.width45{
			width: 45%;
		}		
.f-containersb{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;

}
/*各施設*/
.facilities_flex2{
	display: flex;
	align-items: center;
		}
.facilities_flex2start{
	display: flex;
	align-items: flex-start;
		}

.facilities_flex4{
    display: flex;
		}
.facilities_flex4 img{
	    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 690px;
		}		
.facilities_flex4 p{
	display: flex;
justify-content: center;
	 align-items: center; 
	font-size: 80%;
	background-color: #cccccc;
	margin-left: 5px;
	margin-right: 5px;
		}
.facilities_singlephote{
	width: 80%;
	margin: 30px auto;
}
.facilities_singlephote img{
	width: 100%;
	height: auto;
}
.facilities_flexlayout{
	display: flex;
	flex-wrap:wrap;
		}		
.facilities_subtitleleft{
	font-size: 22px;
	padding: 0 30px;
	border-right: solid 2px #231815;
		}
.facilities_subtitleleft18{
	font-size: 18px;
	padding: 0 30px;
	border-right: solid 2px #231815;
		}
.facilities_subtitleright{
	padding: 20px 30px;
		}
.facilities_soubi{
	color: #FFFFFF;
	padding: 30px;
	margin-left: 30px;
		}
ul.soubi li{
	list-style:none;
		}
ul.soubi li::before{
	  font-family: "Font Awesome 5 Free";
  content: '\f560';
	font-weight: bold;
  font-size: 16px;
	margin-right: 10px;
		}
		
.lecture-hall_bg{
	background-color: rgba(49,91,137,0.95);
		}
.lecture-room_bg{
	background-color: rgba(121,107,175,0.95);
		}
.facilities_subimgarea{
	width: 50%;	
		}
.facilities_subimgarea img{
	width: 100%;
	height: auto;
		}
.facilities_subimgarea p{
	margin-top: 20px;
		}
.facilities_layout{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
		}
.facilities_layout45{
	width: 45%;
	margin-right: 5%;
	margin-bottom: 5%;
		}
.facilities_layout45:nth-child(2n){
	width: 45%;
	margin-right: 0;
	margin-bottom: 5%;
		}
.facilities_layout45 img{
	width: 100%;
	height: auto;
		}
.facilities_layout45 p{
	text-align: center;
}
.facilities_layout60{
	width: 60%;
	margin-right: 5%;
	margin-bottom: 5%;
		}
.facilities_layout:nth-child(3n){
	width: 30%;
	margin-right: 0;
	margin-bottom: 5%;
		}
.facilities_layout img{
 width: 100%;
	height: auto;
		}
.facilities_layout p{
	font-size: 80%;
	text-align: center;
}
.facilities_zumen{}
.facilities_zumen img{
	width: 100%;
	height: auto;
		}
.facilities_zumenpattern{
	width: 45%;
	margin-right: 10%;
		}
.facilities_zumenpattern:nth-child(2n){
	width: 45%;
	margin-right: 0;
		}		
.facilities_zumenpattern img{
	width: 100%;
	height: auto;
		}
.table-wrap {
	background-color: #dfe2ea;
	padding: 20px;
	 
}
.facilities_table {
  border-collapse: collapse;
  white-space: nowrap;
}
.facilities_table th,
.facilities_table td {
  border: 2px solid #231815;
  padding: 10px;
	background-color: #FFFFFF;
}
.facilities_table td{
	text-align: right;
		}
td.facilities_tabletitle01{
	background-color: #315b89;
	color: #FFFFFF;
	text-align: center;
		}
td.facilities_tabletitle02{
	background-color: #dce7f6;
	text-align: center;
		}
.table-wrap p{
	text-align: right;
		}
.facilities_flexriyou{
	display: flex;
	align-items: flex-start;
		}		
.facilities_riyou{
	width: 30%;
	position: relative;
		}
.facilities_riyou ul{
	margin: 0;
	position: absolute;
	left: 40%;
	transform: translateX(-40%);
		}	

.facilities_community-loungearea{
	width: 60%;
		}
.facilities_community-loungeareatext{
	width: 40%;
	padding-left: 30px;
}
.facilities_community-loungearea img{
	widows: 100%;
	height: auto;
		}
.digital-signagewaku{
	display: inline-block;
	padding: 20px;
	border: solid 2px #CCCCCC;
}

/*ご利用の流れ*/
.flow_title{
	background-color: #485157;
	border-left: solid 5px #9fa0a0;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-bottom: 30px;
		}
.flow_flex{
	display: flex;
		}
.flow_sarea{
	width: 48%;
	margin-right: 4%;
		}
.flow_sarea::nth-child(2n){
	width: 45%;
	margin-right: 0;
		}
.flow_arrow_s{
	  position: relative;
  display: inline-block;
  padding-left: 20px;
	color: #ea5514;
		}
.flow_arrow_s::before{
 content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #ea5514 transparent transparent transparent ;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
		}	
	
.flow {
  display: flex;
  flex-wrap: wrap;
}
.flow dt {
  width: 30%;
  background-color: #0075c2;
	padding: 20px;
	color: #FFFFFF;
	margin-bottom: 50px;
	display: flex;
	align-items: center; 
	font-size: 22px;
	position: relative;
}
.flow dt::after{
	width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -20px;
border: 20px solid transparent;
border-top-color: #4b94d1;
content: '';
		}
.flow dt:last-of-type::after{
	display: none;
		}		
.flow dd{
	  width: 70%;
	margin-left: 0;
  background-color: #e5e8ec;
	padding: 10px;
margin-bottom: 50px;
		}

.icon {
	display: inline-block;
	padding-right: 20px;
	border-right: solid 1px #FFFFFF;
	margin-right: 20px;

  }	
.line_qr{
	width: 180px;
	margin: 10px auto;
		}
.line_qr img{
	width: 100%;
	height: auto;
		}
		
.flow_yoyakuwaku{
	border: solid 2px #0075c2;
	padding: 30px;
	width: 60%;
	margin: 50px auto;
	display: flex;
	align-items: center;
		}		
.flow_yoyakutoawa{
	color: #0075c2;
	font-size: 20px;
	font-weight: bold;
	border-right: solid 2px #0075c2;
	padding-right: 30px;
		}		
.flow_yoyakutel{
	font-size: 20px;
	padding-left: 30px;
		}
/*googlemap*/
.googlemap {
    position: relative;
    width: 70%;
	margin: 20px auto;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	

/****************************************

カスタム投稿　共通スタイル

 *****************************************/
/*カスタム投稿共通*/
.post_allarea{
	margin-top: 50px;
}
.pagenavi{
	display: flex;
	justify-content: flex-end;
	margin: 50px 0;
}
.next_link{
	margin: 50px auto;
}
.nav-below{
	text-align: right;
}


/* 共通：親エリアをグリッド化 */
.pr_archivearea {
  display: grid;
  gap: 20px;
	margin: 50px 0;
}

/* term-value */
.pr_archivearea.term-value {
  grid-template-columns: repeat(3, 1fr); /* PCで3列 */
}

/* term-standard */
.pr_archivearea.term-standard {
  grid-template-columns: repeat(4, 1fr); /* PCで4列 */
}

/* term-signage */
.pr_archivearea.term-signage {
  grid-template-columns: repeat(5, 1fr); /* PCで5列 */
}

/* 各項目は縦積み */
.term-item {
  display: flex;
  flex-direction: column;
	margin-bottom: 30px;
}

/* 画像固定 */
.pr_archivecon {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
	border: solid 1px #cccccc;
}
.pr_archivecon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* タイトル部分 */
.pr_titlearea {
  flex-grow: 0; /* タイトルの行数に応じて高さ可変 */
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 10px 0 0 0;
}
.pr_term{
	text-align: right;
	font-size: 90%;
	color: #1b3c76;
}
/* 下のリンクを下揃え */
.pr_forlink {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  font-size: 90%;
	text-align: center;
}
.pr_forlink a {
  text-decoration: underline;
}


/*検索フォーム*/
/* フォーム全体 */
.serchformarea {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 50px auto 0; /* 中央寄せ */
  padding: 20px;
  background-color: #f9f9f9; /* フォーム背景 */
  color: #000; /* 文字色 */
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
}

/* 各検索項目 */
.serch_koumoku {
  margin-bottom: 15px;
}

/* タイトル */
.serch_koumoku .serch_title {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

/* フリーワード入力 */
#search-keyword {
  width: 100%;
  padding: 8px 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* チェックボックスラベル */
.serch_koumoku label {
  display: block;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

/* 検索ボタン */
.button-61 {
	display: block;
	width: 90%;
	margin: 0 auto;
  padding: 10px 20px;
	text-align: center;
  background-color: #007acc;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}
.button-61:hover {
  background-color: #005fa3;
}

/* サジェストボックス */
#suggest-list {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
	max-width: 600px;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  box-sizing: border-box;
  border-radius: 8px;
}


.suggest-item {
  padding: 8px 10px;
  cursor: pointer;
	line-height: 110%;
}
.suggest-item:nth-child(2n) {
  padding: 8px 10px;
  cursor: pointer;
	line-height: 110%;
	background-color: #f1fefc;
}
.suggest-item:hover {
  background-color: #eee;
}

/**/
.search_container {
  display: block;
}

.serch_block {
  margin-bottom: 20px;
}

.serch_button {
  text-align: center;
	margin-top: 20px;
}





/*お知らせ*/
h2.news_title{
	margin-bottom: 100px;
}
.news_aday{
	font-size: 80%;
	margin: 10px 0;
}	
/*お知らせアーカイブ*/
.news_archivearea{
	display: flex;
	flex-wrap:nowrap;
	 align-items: flex-start;
	padding: 20px;
	border-bottom: solid 1px #cccccc;
}
.news_archiveimg{
	width: 20%;
	overflow: hidden;
	display: flex;
	 justify-content: center;
	align-items: center;
	margin-right: 30px;
	aspect-ratio: 4 / 3;
	border: solid 1px #cccccc;
}

.news_archiveimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}
.news_archiveflyerimg{
	width: 20%;
	overflow: hidden;
	display: flex;
	 justify-content: center;
	align-items: flex-start;
	margin-right: 30px;
	aspect-ratio: 4 / 3;
	border: solid 1px #cccccc;
}

.news_archiveflyerimg img{
	width: 100%;
	height: auto;
	object-fit: cover;
	
}

.news_archivecon{
	width: calc(80% - 30px);
}
/*就職・採用支援*/
.shien_flexarea{
	background-color: #fafafa;
	display: flex;
	flex-direction: row-reverse;
	padding: 30px;
	margin: 30px 0;
	}
.shien_flyerarea{
	width: 40%;
	margin-left: 30px;
	}
.shien_flyer{
	width: 100%;
	aspect-ratio: 1 / 1.414;
	display: flex;
	 justify-content: center;
	align-items: center;
	
	}
.shien_flyer img{
		width: 100%;
	height: 100%;
	object-fit: cover;
	}
.shien_conarea{
	width: 60%;
	  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
	}	
.shien_title{
	font-size: 20px;
	border-left: solid 10px #1b3c76;
	border-bottom: solid 1px #1b3c76;
	background-color: #FFFFFF;
	padding: 5px 10px;
	}
.shien_subtext{
	 flex-grow: 1;
	margin: 10px 0;
	}
.shien_button a {
    background: #1b3c76;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #FFFFFF;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.shien_button a:hover {
    background: #333;
    color: #FFF;
}
.shien_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.shien_button a:hover:after {
    border-color: #FFF;
}



/****************************************

お問合せ mw wp form

 *****************************************/
.contact-form-inner {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 0;
}
.form-item:first-child {
    margin-top: 0;
}
.form-item {
    width: 70%;
    margin: 30px auto 0;
}
.form-item label{
    display: block;
    font-size: 16px;
    color: #333333;
	margin: 0;
}
.form-item input{
    width: 100%;
    height: 50px;
    border-radius: 20px;
	padding: 15px;
    border: 1px solid #cccccc;
    margin-top: 10px;
}
.form-item input::placeholder,
.form-item textarea::placeholder {
}
.form-hissu {
    color: #ffffff;
    font-size: 13px;
    margin-left: 15px;
    padding: 3px 5px;
    background-color: red;
}
.form-item textarea{
    height: auto;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #cccccc;
    margin-top: 10px;
	padding: 15px;
}
.last-check {
	  display: flex;
  align-items: center;
	    width: 70%;
    margin: 30px auto 0;
}
.last-check > input {
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
}
.last-check a {
    text-decoration: none;
}
.form-item.send-btn{
    max-width: 200px;
    margin: 40px auto 0;
}
.form-item.send-btn input{
    background-color: #0075c2;
    color: #ffffff;
    border-radius: 0px;
    font-weight: 700;
    cursor: pointer;
}
.form-item.send-btn input:hover {
    background-color: #FFFFFF;
    color: #0075c2;
    border: 1px solid #0075c2;
    transition: all .3s;
}


/*reCAPTCHA*/
.grecaptcha-badge {
 bottom: 10px;
 right: 10px;
 transform: scale(0.85);
 opacity: 0.6;
}


/* =Tablet (Landscape　横)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
*:focus {
outline: none;
}
.wrapper{
	width:100%;
	padding-left:20px;
	padding-right:20px;
	}
	
	

.news_wrapper{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
/*footer top以外*/
.footer_pageallarea{
	background-color: #1b3c76;
	color: #ffffff;
	padding: 50px 20px 0;
	}

ul.footer_pagelist{
	width: 30%;
	}

/*top わくわくセンターとは*/
.text_squarearea{
	z-index: 1;
		}
.text_square{
	min-width: 300px;
    max-width: 50vw;
	white-space: inherit;
	padding: 10px;
	
}
.text_squarebgw{
	width: 100%;
	color: #FFFFFF;
	background-color: rgba(0,117,194,0.95);
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
		}
	
	
/*企業PR*/
.top_prarea{
	margin: 80px 20px 0;
	color: #FFFFFF;
}	
	
	
}


/* =Tablet (Portraint　縦)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 937px) {
.facilities_flexriyou{
	display: block;
		}	
.table-wrap {
  overflow-x: scroll;
	width: 100%;
}
	.facilities_riyou{
	width: 100%;
		}

}


/* =SmartPhone (Landscape　横)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 780px) {
	html,body {
	background-color: #Fff;
	margin: 0px;
	padding: 0px;
		width:100%;
	-webkit-text-size-adjust: 100%;
}
h3{
	width: 60%;
	
}	
	
.contentarea{
	margin-top: 40px;
	}
	
/*サイドバー*/

.right_area{
	width: 150px;
}
.left_arera{
	width: calc(100% - 150px);
}	
	
/*スマホの時に改行*/
.sma{
	display: block;
}
	
/*top共通項目*/
.commonsummary-cont {
    position: absolute;
    width: 100%;
    height: 100vh;
	height: 100svh;
    z-index: 10;
}

.commonitem-summary {
    min-width: 223px;
    max-width: 90vw;
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
	
/*お知らせ*/
.top_newsconarea{
	width: 100%;
		}		

		
/*お知らせ　個別ページ用*/
.cd-fixed-singlebg{
	width: 100%;
	height: 50vh;
}
.cd-fixed-singlebg img{
	width: 100%;
  height: 100%;
	object-fit: cover;
}
.cd-fixed-singlebgsvg{
	width: 100%;
	height: 50vh;
}
.cd-fixed-singlebgsvg img{
width: 60%;
  height: auto;
}	
/*トップ企業紹介　スライド枚数*/
  :root {
    --items-per-row: 4;
    --item-margin: 8px;
  }	
/****************************************

トップページ　スタイル

****************************************/
h2.topyoyaku{
	margin-top: 5px;
	margin-bottom: 5px;

}
/*top　予約*/
p.topyoyakutitle{
	font-size: 16px;
	margin: 5px;
}


	




.ba{
	display:none;
}
/****************************************

トップページ　スタイル

****************************************/

/* img */

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
	float: none;
  display: block;
  margin: 0 auto;
}
.alignleft {
	float:none;
  display: block;
  margin: 0 auto;
}
img {
    max-width: 100%;
    height:auto;
}
	

	}
	
	
	
	


/* =SmartPhone (Portraint　縦)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	
/*サイドバー*/
.flex_2area{
	display: block;
}

.right_area{
	width: 100%;
	border-left: none;
	padding-left: 0;
}
.left_arera{
	width: 100%;
	padding-right: 0;
}	
	
	
/*スマホの時表示を消す*/
.sp_none{
	display: none;
	}
	
/*PCは非表示　スマホ表示*/
.nopc_sma{
	display: block;
}
/*PCは表示　スマホ非表示*/
.pc_nosma{
	display: none;
	background-color: antiquewhite;
}
	
/*top　予約*/
h2.topyoyaku{
	font-size: 16px;
}
h3{
	width: 80%;
	
}
/*画像無しページタイトル*/
.no_imgtitle_bg {
  background-image: linear-gradient(45deg, #1b3c76 100px, transparent 0),
                    linear-gradient(-135deg, #1b3c76 100px, transparent 0);

}	
	
/*左右配置 上合わせ*/
.f-rightleftstart{
	display: block;

}
	
	
	
/*top*/
.background {
	width: 100%;
 height: 100vh;
	height: 100lvh;
	position: static;
 top: 0;
}
.background img{
	width: 100%;
 height: 100%;
	object-fit: cover;
		}	

.bgCover{
	display: none;
	}
.content {
 height: 100vh;
	height: 100svh;
 margin-top: -100vh;
	position: static;
}
.contCover {
display: none;
}

#layer {
 height: 70vh;
}
	
.toleft-animation{
	transform: translateX(-100vw); 

		}	
/*top共通項目*/
.summary-cont {
    position: absolute;
    width: 100%;
    height: 100vh;
	height: 100svh;
    z-index: 20;
}

.item-summary {
	left: 50%;
	top: 90%;
	transform: translate(-50%, -90%);
}
.item-summary2 {
	left: 100%;
	top: 80%;
}	

/*topわくわくセンターとは用*/
.wasummary-cont {
z-index: 60;
}	
	
	
	
/*top　予約*/
.top_yoyakucenter{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50% , -60%);
	width: 90%;
}	
		
.top_yoyakuflex{
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
		}

/*予約用*/
.viewmore_yoyaku{
	margin-bottom: 10px;
		}	
	
/*top わくわくセンターとは*/
.waitem-summary {
    min-width: 100%;
    max-width: 100%;
    position: absolute;
	left: 50%;
	top: 75%;
	transform: translate(-50% , -75%);
	display: block;
	text-align: center;
}
.waitem-summary_title{
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}	
	
	
.text_square{
	width: 100%;
	min-width:100%;
	white-space: normal;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -25%);	
	padding: 0;

}
.text_squarebgw{
	padding: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
		}
.batsu {
	display: none;
}


/*企業PR*/
/*トップ企業紹介　スライド枚数*/
  :root {
    --items-per-row: 3;
    --item-margin: 8px;
  }	

.top_prtextarea{
	 width: 100%;
	padding: 10px;
}
.top_prtextarea p{
	margin-top: 10px;
}
	

/*検索フォーム*/
.serch_koumoku{
	margin: 10px 0;
}

.button-61 {
    width: 80%;

}

	

/*お知らせ*/
.top_newslist{
	display: block;
	padding: 30px;
	margin: 0 0 3px;
	background-color: #FFFFFF;
		}	
.news_archiveimg{
	width: 50%;
	margin: 0 auto;
}

.news_archiveflyerimg{
	width: 50%;
	margin: 0 auto;
}	
.news_archivecon{
	width: 100%;
}

/*支援事業*/
.top_shien {
	max-width: 400px;
	font-size: 26px;
}
.top_shientext{
	font-size: 18px;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 50px;
		}	
.top_shienflexleft{
	display: block;
	width: 90%;
	padding: 20px;
		}
.top_shienflexright{
	display: block;
	width: 90%;
	padding: 20px;
		}		
.point_itemimg{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	display: block;
		}
.point_itemtext{
	width: 100%;
	margin-bottom: 30px;
		}
.point_itemtext p{
	color: #1b3c76;
	text-align: center;
	border-bottom: solid 2px #1b3c76;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 20px 0 10px;
		}

.top_shienbtn{
	display: block;
	width: 90%;
	margin: 0 auto;
		}		
	
/*イベント*/	
.top_eventarea{
	display: flex;
	flex-direction: column;
}	

.top_topevtitlewb{
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	padding: 10px 0;
	text-align: center;
	white-space: nowrap;
	margin: 0 auto;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-100%);
	z-index: 10;
		}			
.tec_topev_list{
		min-width: 380px;
    max-width: 50vw;
		display: flex;
	flex-direction: column;
	margin: 0;
	padding: 90px 10px 10px;
	z-index: 20;

		}
.tec_topev_day{
	font-size: 16px;
		}
.tec_topev_title{
	font-size: 16px;
	margin: 10px 0;
	border-bottom: dashed 1px #cccccc;
	padding-bottom: 10px;
	color: #FFFFFF;
		}
span.tec_topev_cate{
	padding: 3px;
		}	
		
.toptopev_boton{
	margin: 20px auto;

	
 }
		

/****************************************

Footer

 *****************************************/
.footer_pageallarea{
	padding: 20px 20px 0;
	}
.footer_pagearea{
	display: block;
	}	
ul.footer_pagelist{
	width: 100%;
	}	
ul.footer_pagelist li{
	margin-right: 0;
	}
	
.footer_pagetextarea{
	width: 100%;
	margin-top: 20px;
	 display: flex;
    justify-content: center;
	}

.footer_adressarea{
	display: inline-block;
		}
	.footer_pagekanrenlist{
	width: 100%;
		display: flex;
    justify-content: center;
}


/****************************************

editor

 *****************************************/

                             
/* img */

.alignright {
	float:none;
	margin:0;
}
.alignleft {
	float:none;
	margin:0;
}
/****************************************

固定ページ

 *****************************************/
/*挨拶*/
.aisatu_subtitle{
	text-align: left;
	line-height: 200%;
		}	
.aisatu_photoarea{
	width: 60%;
}
.aisatu_textarea{
	width: 100%;
	margin: auto;
}		
/*事業概要*/
.jigyogaiyo_imgarea{
	width: 60%;
	margin: auto;
		}	
.jigyou_illustarea{
	width: 100%;
	margin: 50px 0;
}
.jigyou{
	  width: 80%;
  margin: 0 auto;
}
.jigyou ol{
list-style-type: decimal;

}
.jigyou li{
	margin-bottom: 20px;
	}
/*施設概要*/
.shisetu_tablearea{
	width: 100%;
	margin-top: 50px;
}
.shisetu_smtable{
	margin-top: 200px;
		
	}
	
.access_area{
	width: 100%;
		}	
.access{
	display: block;
		}
	
.access dt {
  width: 100%;
	margin: 0;
	font-size: 22px;
	padding: 10px;
}
.access dd{
	  width: 100%;
		}
.address_map{
	width: 100%;
}
/*360*/
.vr_area{
	width: 90%;
}
/*面積と定員*/
  .table_area01 {
    text-align: left;
  }
  .table_area01 thead {
    display:none;
  }
  .table_area01 th, .table_area01 td {
    display: block;
    border: 0;
    border-bottom: 1px solid #333333;
  }
  .table_area01 tbody th{
    background: #1b3c76;
    color:#fff;
  }
  .table_area01 td::before{
    content: attr(data-label);
    color: #1b3c76;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }	

/*施設紹介*/		
h3.facility_description{
	width: 100%;

		}	

.facility_flexleft{
	display: block;
	
		}
.facility_flexright{
	display: block;
		}		
.facility_photoarea{
	width: 100%;
	aspect-ratio: 16 / 9;
		}
.facility_photoarea img{
	width: 100%;
	height: auto;
	overflow: hidden;
		}
.facility_textarea{
	width: 100%;
	font-size: 18px;
	line-height: 200%;
		}		

	


	/*googlemap*/
.googlemap {
    width: 100%;
}

/*各施設利用料金*/
.width45{
			width: 100%;
		}	
  .tbl-r05 {
    width: 100%;
	  
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
	
.tbl-r05 tr.last td:last-child {

}	
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
	  padding-right: 30px;
	  padding-left: 30px;
	   border-top: none;
	  border-bottom: dotted 1px #898989;

  }
.tbl-r05 tr:nth-child(2n+1) {
 background: #ffffff;
}
  .tbl-r05 td:first-child {
    background: #0075c2;
    color: #fff;
    font-weight: bold;
    text-align: center;
	  
  }
	
.tbl-r05.lecture-hall-text td:first-child {
    background: #315b89;
    color: #fff;
    font-weight: bold;
    text-align: center;
 }
.tbl-r05.lecture-room-text td:first-child {
    background: #6356a3;
    color: #fff;
    font-weight: bold;
    text-align: center;
	
 }
.tbl-r05.free-address-area-text td:first-child {
    background: #c25160;
    color: #fff;
    font-weight: bold;
    text-align: center;	
 }
.tbl-r05.community-lounge-text td:first-child {
    background: #e07f00;
    color: #fff;
    font-weight: bold;
    text-align: center;	
 }
.tbl-r05.other-facilities-text td:first-child {
    background: #956134;
    color: #fff;
    font-weight: bold;
    text-align: center;	
 }
.tbl-r05.plaza-text td:first-child {
    background: #00ada9;
    color: #fff;
    font-weight: bold;
    text-align: center;	
 }	
	
	
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
.tbl-r05 td:last-child {
border-bottom: solid 1px #898989;
}
  .tbl-r05 td > span{
	  display: inline;
	  margin: 0 auto;
      width:100%;
      text-align: right;
  }
.setubibox {
	display: block;
	width: 100%;
}

.foryoyakubox {
	display: block;
	width: 100%;
    margin: 50px auto;
}
.facilities_community-loungearea{
	width: 100%;
		}
.facilities_community-loungeareatext{
	width: 100%;
	padding-left: 0;
	padding-top: 20px;
}	
	
/*予約について*/

.shisetuyoyaku_area{
	width: 100%;
	margin-bottom: 50px;
		}	
/*フローチャート*/
.two_division{
	display: block;
	}	
.width_50area{
	width: 100%;
	text-align: center;
	}
/*ご利用の流れ*/
.flow_flex{
	display: block;
		}
.flow_sarea{
	width: 100%;
	margin-right: 0;
		}
.flow_sarea::nth-child(2n){
	width: 100%;
	margin-right: 0;
		}
.flow {
	display: block;
}
.flow dt {
  width: 100%;
	margin-bottom: 0;
}
.flow dt::after{
	display: none;
		}
.flow dt:last-of-type::after{
	display: none;
		}		
.flow dd{
	  width: 100%;
position: relative;
		}
.flow dd::after{
	width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -20px;
border: 20px solid transparent;
border-top-color: #4b94d1;
content: '';
		}
.flow dd:last-of-type::after{
	display: none;
		}	
.flow_yoyakuwaku{
	width: 100%;
	padding: 10px;
		}
.flow_yoyakutoawa{
	padding-right: 10px;
		}		
.flow_yoyakutel{
	padding-left: 10px;
		}	
	
/*特定商取引法に基づく表記*/
table.tbl-r02{
	width: 100%;
}
table.tbl-r02 tr{
	border: none;
		}
table.tbl-r02 th {
	display: block;
	width: 100%;
}
table.tbl-r02 td {
  	display: block;
	width: 100%;
}
table.tbl-r02 td:first-of-type{
	border-bottom: solid 1px #cccccc;
	}
/*利用規約とプライバシーポリシー*/
	
/*ol要素の共通設定*/  
ol.propositions, ol.propositions, ol{
  padding-left: 1em;
}
		
/*数字*/		
ol.number{
	padding-left: 1em;
		}
ol.number li{
  list-style-type:none; /*標準の番号を消す*/
  margin-left: 1em;     /*下のmargin-leftの符号違いを設定*/
	margin-bottom: 1em;
	counter-increment: noitem;
	}
ol.number li:before {
  content: counter(noitem)'.';
	font-weight: bold;
	color: #0075c2;
	  display: inline-block; 
  text-align: right; /*i), ii)などを右寄せさせるため*/
  width: 2em;        /*リスト番号の幅*/
  margin-right: 1em; /*リスト番号と文章の間隔*/
  margin-left: -3em; /*上の2つと足して0になるように設定*/
		}
		
/*かっこ*/
ol.propositions li{
  list-style-type:none; /*標準の番号を消す*/
  margin-left: 1em;     /*下のmargin-leftの符号違いを設定*/
	margin-bottom: 1em;
}

ol.propositions li:before{
  display: inline-block; 
  text-align: right; /*i), ii)などを右寄せさせるため*/
  width: 2em;        /*リスト番号の幅*/
  margin-right: 1em; /*リスト番号と文章の間隔*/
  margin-left: -3em; /*上の2つと足して0になるように設定*/
}

/*カウンターの設定（olの階層ごとに設定）*/
ol.propositions>li{
  counter-increment: level1;
}

ol.propositions>li:before{
	content: "(" counter(level1) ") ";
  font-weight: bold;
	color: #0075c2;
}
/*丸数字*/
ol.circle_number>li{
  counter-increment: level2;
	position: relative;
}

ol.circle_number>li:before{
  content: counter(level2);
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
/*ulドット*/
ul.dotlist{
	padding-left: 0;
	margin-left: 0;
		}
ul.dotlist>li{
  counter-increment: dot1;
}

ul.dotlist>li:before{
	content: '・';
  font-weight: bold;
	color: #0075c2;
}


/****************************************

カスタム投稿　共通スタイル

 *****************************************/
/*カスタム投稿共通*/
.post_allarea{
	margin-top: 100px;
}	
/*企業PR*/
.pr_starea{
	display: block;
		}	
		
.pr_starealogo{
	margin: 10px auto;
		}
	
 .pr_table {
    width: 100%;
	  border: none;
  }
  .pr_table th,
  .pr_table td {
    display: block;
    width: 100%;
	  border: none;
  }
 .pr_table td {
	 background-color: #f7f7f7;
  }	
/*企業PRアーカイブ*/

/*検索結果*/
  .pr_archivearea.term-value{
	  display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .pr_archivearea.term-standard{
	  display: grid;
    grid-template-columns: repeat(3, 1fr); 

  }
  .pr_archivearea.term-signage{
	  display: grid;
    grid-template-columns: repeat(4, 1fr);

  }	
/* チェックボックスラベル */
.serch_koumoku label {
	display: inline-block;
}
	
/*お知らせアーカイブ*/
.news_archivearea{
	display: block;

}
	
/*支援事業*/
.employment-background{
    width: 40%;
		}
.adoption-background{
    width: 40%;
		}
.shien_maintitlearea{
	width: 60%;
	margin: 50px 0;
		}
.shien_maintitle{
	font-size: 26px;
	margin-left: -100px;
		}		
.shien_maintext{
	font-size: 18px;
		}
/*就職・採用支援*/
.shien_flexarea{
	background-color: #fafafa;
	display: block;
	padding: 30px;
	margin: 30px 0;
	}
.shien_flyerarea{
	width: 80%;
	margin: 0 auto;
	}

.shien_conarea{
	width: 100%;
	}	
	
	
}