@charset "utf-8";
*{
padding:0;
margin:0;
box-sizing:border-box;
}
ol, ul {
  list-style-type: none;
}
a{text-decoration:none;
color: inherit;}
.bgtest{background-color:#f00;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
main p{
	margin-bottom:0.75em;
}
:root{
	--primary-color:#0e3695;
	--secondary-color:#009ae4;
	--secondary-hover-color:#008ad4;
	--accent-color:#f5b806;
	--accent-hover-color:#eab21c;
	--main-bg-color:#fefefe;
	--sub-bg-color:#f0f3f6;
	--footer-bg-color:#0F2540;
	--atami-primary-color:#CB1B45;
	--ito-primary-color:#009ae4;
}
h2{
	color:var(--primary-color);
	font-size:1.5rem;
}
h2 .sub-text{
	font-size:1rem;
	display:block;
}
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.flex{
	display:flex;
	flex-wrap:wrap;
}

.m-4{margin:0.25rem;}
.m-8{margin:0.5rem;}
.m-12{margin:0.75rem;}
.m-16{margin:1rem;}
.m-20{margin:1.25rem;}
.m-24{margin:1.5rem;}
.m-28{margin:1.75rem;}
.m-32{margin:2rem;}
.mt-4{margin-top:0.25rem;}
.mt-8{margin-top:0.5rem;}
.mt-12{margin-top:0.75rem;}
.mt-16{margin-top:1rem;}
.mt-20{margin-top:1.25rem;}
.mt-24{margin-top:1.5rem;}
.mt-28{margin-top:1.75rem;}
.mt-32{margin-top:2rem;}
.mr-4{margin-right:0.25rem;}
.mr-8{margin-right:0.5rem;}
.mr-12{margin-right:0.75rem;}
.mr-16{margin-right:1rem;}
.mr-20{margin-right:1.25rem;}
.mr-24{margin-right:1.5rem;}
.mr-28{margin-right:1.75rem;}
.mr-32{margin-right:2rem;}
.mb-4{margin-bottom:0.25rem;}
.mb-8{margin-bottom:0.5rem;}
.mb-12{margin-bottom:0.75rem;}
.mb-16{margin-bottom:1rem;}
.mb-20{margin-bottom:1.25rem;}
.mb-24{margin-bottom:1.5rem;}
.mb-28{margin-bottom:1.75rem;}
.mb-32{margin-bottom:2rem;}
.ml-4{margin-left:0.25rem;}
.ml-8{margin-left:0.5rem;}
.ml-12{margin-left:0.75rem;}
.ml-16{margin-left:1rem;}
.ml-20{margin-left:1.25rem;}
.ml-24{margin-left:1.5rem;}
.ml-28{margin-left:1.75rem;}
.ml-32{margin-left:2rem;}


.p-4{padding:0.25rem;}
.p-8{padding:0.5rem;}
.p-12{padding:0.75rem;}
.p-16{padding:1rem;}
.p-20{padding:1.25rem;}
.p-24{padding:1.5rem;}
.p-28{padding:1.75rem;}
.p-32{padding:2rem;}
.pt-4{padding-top:0.25rem;}
.pt-8{padding-top:0.5rem;}
.pt-12{padding-top:0.75rem;}
.pt-16{padding-top:1rem;}
.pt-20{padding-top:1.25rem;}
.pt-24{padding-top:1.5rem;}
.pt-28{padding-top:1.75rem;}
.pt-32{padding-top:2rem;}
.pr-4{padding-right:0.25rem;}
.pr-8{padding-right:0.5rem;}
.pr-12{padding-right:0.75rem;}
.pr-16{padding-right:1rem;}
.pr-20{padding-right:1.25rem;}
.pr-24{padding-right:1.5rem;}
.pr-28{padding-right:1.75rem;}
.pr-32{padding-right:2rem;}
.pb-4{padding-bottom:0.25rem;}
.pb-8{padding-bottom:0.5rem;}
.pb-12{padding-bottom:0.75rem;}
.pb-16{padding-bottom:1rem;}
.pb-20{padding-bottom:1.25rem;}
.pb-24{padding-bottom:1.5rem;}
.pb-28{padding-bottom:1.75rem;}
.pb-32{padding-bottom:2rem;}
.pl-4{padding-left:0.25rem;}
.pl-8{padding-left:0.5rem;}
.pl-12{padding-left:0.75rem;}
.pl-16{padding-left:1rem;}
.pl-20{padding-left:1.25rem;}
.pl-24{padding-left:1.5rem;}
.pl-28{padding-left:1.75rem;}
.pl-32{padding-left:2rem;}

.hidden-xs-flex{display:none;}
.hidden-flex-xs{display:flex;}
.hidden-sm-flex{display:none;}
.hidden-flex-sm{display:flex;}
.hidden-md-flex{display:none;}
.hidden-flex-md{display:flex;}
.fc-primary{color:var(--primary-color);}
.text-center{text-align:center;}
.text-xs{font-size:0.75rem;}
.text-sm{font-size:0.875rem;}
.text-md{font-size:1rem;}
.text-lg{font-size:1.25rem;}
.text-xl{font-size:1.5rem;}
.text-b{font-weight:bold;}
.al-item-center{align-items:center;}
.jc-center{justify-content:center;}
.jc-between{justify-content:space-between;}
.jc-around{justify-content:space-around;}
.arw-l{
	display:inline-flex;
	align-items:center;
}
.arw-l:before{
  font-family: 'Material Icons';
  content: "\eaaa";
  font-size:1.2rem;
  margin-right:0.25rem;
}
.w-5{
	width:50%;
	margin:0 auto;
}
.w-6{
	width:60%;
	margin:0 auto;
}
.w-8{
	width:80%;
	margin:0 auto;
}
.w-9{
	width:90%;
	margin:0 auto;
}
.w-10{
	width:100%;
	margin:0 auto;
}
.btn{
	cursor:pointer;
	padding:0.5rem 1rem;
	font-weight:bold;
	border-radius:0.5rem;
}
.primary-btn{
	background-color:var(--accent-color);
	color:#fff;
}
.primary-btn:hover{
	background-color:var(--accent-hover-color);
}
.sub-btn{
	background-color:var(--secondary-color);
	color:#fff;
}
.sub-btn:hover{
	background-color:var(--secondary-hover-color);
}
html{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-size:16px;
  scroll-behavior: smooth;
}

body{
	background-color:var(--main-bg-color);
	font-feature-setting:"palt";
}
header{
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	position:fixed;
	width:100%;
	top:0;
	z-index:9999;
}
main{
	margin-top:4rem;
}
#header{
	padding:0.25rem 0;
}
#header nav a{
	margin-left:1.5rem;
}
#header-logo{
	display:flex;
	flex-wrap:wrap;
	z-index:999;
}
#header-logo img{
	width:3rem;
	height:auto;
}
#menuTgl{
	width:3rem;
	height:3rem;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:999;
}
#menuTgl .hbg-line{
	position:absolute;
	width:80%;
	height:2px;
	display:block;
	background-color:#444;
	transition: all .4s;
}
#menuTgl .hbg-line:nth-of-type(1){
	margin-top:-1.5rem;
}
#menuTgl .hbg-line:nth-of-type(3){
	margin-top:1.5rem;
}
#menu-tgl{
	display:none;
}
#menu-tgl:checked ~ #menuTgl .hbg-line:nth-of-type(1){
	margin-top:0;
	--webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#menu-tgl:checked ~ #menuTgl .hbg-line:nth-of-type(2){
	display:none;
}
#menu-tgl:checked ~ #menuTgl .hbg-line:nth-of-type(3){
	margin-top:0;
	--webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu-tgl:checked ~ #sm-nav-menu{
	right:0;
}
#sm-nav-menu{
	position:fixed;
	right:-100%;
	top:calc(4rem - 2px);
	width:100%;
	padding-bottom:3rem;
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,.9);
	transition: all .4s;
}
#sm-nav-menu a{
	width:90%;
	text-align:center;
	margin-top:1rem;
	line-height:2rem;
}
.container-wrap{
	width:100%;
}
.container{
	width:100%;
	margin:0 auto;
	padding:0 0.75rem;
}
.bg-sep{
	background-color:var(--sub-bg-color);
}
.pickup-title{
	line-height:2rem;
	border-radius:1.25rem;
	font-weight:bold;
	color:#fff;
	margin:0 auto;
	padding:0.25rem 2rem;
	background-color:var(--primary-color);
}
.sub-content{
	width:90%;
	margin:0 auto;
}
.card{
	border-radius:10px;
	overflow:hidden;
	box-shadow: 0px 0px 9px -5px #777777;
	border-radius: 10px;
	display:flex;
	flex-direction:column;
	background-color:var(--main-bg-color);
}
.card1-2{
	width:90%;
}
.card1-2-3{
	width:90%;
}
.card1-2-4{
	width:90%;
}

/* お知らせカード ******************************************************/
.information-card{
	align-items:normal;
	border-radius:0;
}
.information-card .article-title{
	flex:1;
	min-width:0;
}
.information-card .article-date{
	display:inline-block;
}
.information-card .article-author{
	display:inline-block;
}
.information-card .author-atami{
	background-color:var(--atami-primary-color);
	color:#fff;
	font-weight:bold;
}
.information-card .author-ito{
	background-color:var(--ito-primary-color);
	color:#fff;
	font-weight:bold;
}
.information-card .thumbnail{
	width:30%;
	flex: 0 0 30%;
}
.information-card .thumbnail img{
	aspect-ratio: 1 /1;
	object-fit:cover; 
}
.information-card .card-content{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow:hidden;
	line-height: 1.5; /* 任意の行間 */
  max-height: calc(1.5rem * 3); /* 行間 × 行数 */
}
/* お知らせページ */
.single-date{
	text-align:right;
}
/* お知らせ一覧 */
.notice-headline{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	align-items:center;
}
.notice-headline .thumbnail{
	width:3rem;
	flex: 0 0 3rem;
}
.notice-headline .thumbnail img{
	aspect-ratio:1 /1;
	object-fit:cover;
}
.notice-headline .article-title{
	felx:1;
	min-width:0;
}
/* サブメニュー *************************************************************/
.page-contents-wrap{
	width:100%;
	overflow-x:auto;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	white-space:nowrap;
	position:sticky;
	top:3.75rem;
	backdrop-filter:blur(10px);
	text-align:center;
}
.page-contents{
	display:inline-flex;
}
.page-contents a{
	display:inline-block;
	padding-left:0.75rem;
	padding-right:0.75rem;
	line-height:1.5rem;
	border-radius:0.75rem;
	text-align:center;
	background-color:var(--secondary-color);
	color:#fff;
	font-weight:bold;
	margin-right:0.5rem;
}
.page-contents-wrap::-webkit-scrollbar {
  display: none;
}
.page-contents-wrap {
  -ms-overflow-style: none;  /* IE・Edge */
  scrollbar-width: none;     /* Firefox */
}
/* index ***************************************************************/
#hero-wrap{
	background-image:url("images/hero-image-pc.jpeg");
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	display:flex;
	justify-content:center;
}
#hero-wrap .container-wrap{
	background-color:rgba(250,250,256,0.8);	
}
#hero-comment{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding-top:3rem;
	padding-bottom:3rem;
	color:#444;
}
.stroke{
	-webkit-text-stroke: 6px #fff;
	position:relative;
}
.stroke::before{
	content:attr(data-text);
	-webkit-text-stroke:0;
	position:absolute;
	inset:0;
	margin:auto;
}
.main-theme{
	color:var(--primary-color);
	font-weight:bold;
	font-size:1.5rem;
	margin-bottom:1.5rem;
}
.sub-theme{
	color:#444;
}
#our-service .card-content{
	display:flex;
	flex-direction:column;
}
.card_symbol{
	font-size:3rem;
	display:flex;
	justify-content:center;
	align-items:center;
	width:4rem;
	height:4rem;
	border-radius:2rem;
	background-color:var(--sub-bg-color);
	color:var(--primary-color);
}
/* index ここまで ********************************************************/

#footer{
	background-color:var(--footer-bg-color);
	color:#fff;
}
#footer a{
	color:#fff;
}
#footer h4{
	margin-bottom:1rem;
}
#footer li{
	margin-bottom:0.25rem;
}
#footer-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:2rem;
}
#footer-wrap .footer-unit{
	width:100%;
	padding-top:2rem;
}
 .secretariat{
 	width:100%;
 }

.prop-map table{
	width:100%;
}
.map-container{
	position:relative;
	width:100%;
}
.map-box iframe{
	width:100%;
	height:14rem;
}
#copyrights{
	border-top:1px solid #989899;
	text-align:center;
	padding:2rem 1rem;
}
@media screen and (min-width:640px){
	.hidden-xs-flex{display:flex;}
	.hidden-flex-xs{display:none;}
	.container{
		max-width:640px;
	}
	.sub-content{
		width:90%;
	}
	.card1-2{
		width:48%;
	}
	.card1-2-3{
		width:48%;
	}
	.card1-2-4{
		width:48%;
	}
	#footer-wrap .footer-unit{
		width:49%;
	}
	.prop-map table{
		width:35%;
	}
	.map-container{
		width:60%;
	}
}
@media screen and (min-width:768px){
	.hidden-sm-flex{display:flex;}
	.hidden-flex-sm{display:none;}
	.text-center-sm{
		text-align:center;
	}
	.container{
		max-width:768px;
	}
	.sub-content{
		width:70%;
	}
	#footer-wrap .footer-unit{
		width:49%;
	}
}
@media screen and (min-width:1024px){
	.hidden-md-flex{display:flex;}
	.hidden-flex-md{display:none;}
	.container{
		max-width:1024px;
	}
	.card1-2-3{
		width:31.83%;
	}
	.card1-2-4{
		width:23.5%;
	}
	#footer-wrap .footer-unit{
		width:24%;
	}
	.secretariat{
	 	width:50%;
	}
	.prop-map table{
		width:35%;
	}
	.map-container{
		width:60%;
	}
}
@media screen and (min-width:1280px){
	.container{
		max-width:1280px;
	}
}

#intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
}

.slide-content {
  position: relative;
  z-index: 2;
  margin-top:-8rem;
}
.impress{
font-size:1.2rem;
font-weight:bold;
}
.text-content{
text-align:left;
}
.slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
  color: white;
  opacity: 0;
  transition: opacity 1s;
  text-align: center;
}

.slide.active {
  opacity: 1;
}

.slide-content h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.fadeInUp {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1.2s;
}

.active .fadeInUp {
  opacity: 1;
  transform: translateY(0);
}

.delay-h2 {
  transition-delay: 0.8s;
}

.delay-text {
  transition-delay: 2.0s;
}

.overlay-buttons {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction:column;
  gap: 1rem;
  z-index:999;
	margin:0;
}

#skip-btn, #entry-btn, #toStart{
color:#fff;
font-weight:bold;
}
#skip-btn, #toStart{
	padding: 0.75rem 1.5rem;
}
/* コンテントヘッダ固定ページ用 */
.title-field{
	padding-top:2rem;
	padding-bottom:2rem;
	text-align:center;
}
.title-field h1{
	color:var(--primary-color);
}
.title-field .title-subfield{
	margin-top:1.5rem;
	color:#444;
}
/* カードデザイン */
.card-inner-title{
	display:flex;
	align-items:center;
	margin-top:1rem;
	margin-bottom:1.5rem;
}
.card-inner-title span{
	background-color:var(--sub-bg-color);
	color:var(--secondary-color);
	font-size:2rem;
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:0.75rem;
}
.card-inner-sub-title{
	border-left:3px solid var(--secondary-color);
	padding-left:0.5rem;
	color:var(--primary-color);
}
.pickup-color{
	color:var(--secondary-color);
}
.line-frame{
	display:block;
	border:1px solid #ccc;
}
.card-inner-card{
	background-color:var(--sub-bg-color);
	margin-top:0.75rem;
	padding:0.5rem;
	border-radius:3px;
}
/* LazyBlocks */
/* GoogleMaterialSymbolList */
.lbsl-ul{
	display:table;
	margin-left: auto;
	margin-right:auto;
}
.card .lbsl-ul{
	display:block;
}
.lbsl-ul li{
	display:flex;
	margin-bottom:0.5rem;
	text-align:left;
}
.lbsl-ul li span{
	margin-right:0.5rem;
}
/* QandA */
summary {
  display: block;
  list-style: none;
}
summary::-webkit-details-marker {
  display:none;
}
summary span{
 color:#e4002b;
}
.faq-content span{
	color:var(--secondary-color);
}