@charset "utf-8";

html{
	font-size:62.5%; 
} 
body{
	position:rarative;
	box-sizing:border-box;

	min-width:1200px;
	margin:0 auto;
	line-height:1.8;

	font-size:1.8rem;
	font-weight:500;
	letter-spacing:0.1em;

	color:#333;
	background:#fff;

	font-family:'Noto Sans JP',sans-serif;
}

@media(max-width:799px){
	body{
		min-width:480px;
	}
}

/* ====================================

共通

==================================== */

.pc{
	display:block;
}
.sp{
	display:none;
}
@media(max-width:799px){
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

/* 中央寄せ */
.ta-c{	text-align:center;}
.m-a{	margin:auto;}

/* 左寄せ */
.ta-l{	text-align:left;}

/* カラー */
.color-red{ color:#ea5614;}
.color-blue{	color:#4d61ab;}
.pb-1rem{ padding-bottom:1rem;}

/* タイトル */
.common-title{
	margin-bottom:6rem;
	padding:1rem 0 1.5rem;
	line-height:1.4;
	font-size:4.8rem;
	font-weight:700;
	background:linear-gradient(90deg,#fff3,#fffe,#fffe,#fff3);
	box-shadow:0px 4px 4px -5px #7c7c7c;
	text-align:center;
	font-family:'Sriracha','Noto Sans JP',sans-serif;
}
.common-title.image{
	padding:3rem 0;
}
.common-title.image img{
	width:100%;
	height:30rem;
	object-fit:cover;
}

.common-title-sub{
	display:block;
	font-size:2rem;
}
@media(max-width:799px){
	.common-title{
		font-size:4.5rem;
		background:linear-gradient(90deg,#fff6,#fffe,#fffe,#fff6);
	}
	.common-title > span:not(.common-title-sub){
		letter-spacing:-0.05rem;
	}
	.common-title.image{
		padding:2rem 0;
	}
	.common-title.image img{
		height:16rem;
	}
}


/* サブタイトル */
.common-subTitle{
	padding-bottom:2rem;
	font-size:2.8rem;
	font-weight:900;
	line-height:1.6;
}
.common-title + .common-subTitle{
	padding-bottom:6rem;
	font-size:3rem;
}
@media(max-width:799px){
	.common-title + .common-subTitle{
		font-size:2.8rem;
	}
}


.common-section-wrap{
	padding:8rem	0;
}

main > section{
	background-color:#eee;
	background-image:url(../images/bg.png);
	background-size:64rem;
}

main > section:first-of-type,
main > div#company:first-of-type{
	padding-top:3rem;
}

main > section:first-of-type > section:first-of-type{
	padding-top:0;
}

main > section:nth-of-type(5n+1),main > section.bg1{ background-color:#fff276; --section-darkcolor:#ffa000;} 
main > section:nth-of-type(5n+2),main > section.bg2{ background-color:#a9e5ff; --section-darkcolor:#00b3ff;} 
main > section:nth-of-type(5n+3),main > section.bg3{ background-color:#ffb0d6; --section-darkcolor:#ff3396;} 
main > section:nth-of-type(5n+4),main > section.bg4{ background-color:#83dbce; --section-darkcolor:#00a895;} 
main > section:nth-of-type(5n),main > section.bg5{ background-color:#ffd2a2; --section-darkcolor:#ff9000;}

/* ボタンテキストカラー */
main > section .btn{
	background-color:var(--section-darkcolor); 
	box-shadow:4px 4px 4px -5px #7c7c7c;
}

.content-box{
	display:flex;
	gap:2rem;
	max-width:1000px;
	margin:auto;
	justify-content:center;
}

.anchorLink{
	cursor:pointer;
}

/* ボタン分の上の余白 */
.common-subTitle-txet{
	padding-bottom:4rem;
	line-height:1.8;
}

/* ボタン */
.btn{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:left;
	border-radius:50rem;
	text-decoration:none;
	font-size:2rem;
	color:#ffffff;
	transition:.4s;
	background:#ccc;
	width:380px;
	height:auto;
	margin:0 auto;
	padding:0.8rem 4rem;
	filter:drop-shadow(0rem 0.6rem 0 rgba(102,102,102,0.6));
}
.btn.left{
	margin-right:0;
}

.btn p{
	flex-grow:1;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1rem;
}
.btn p img{
	width:3rem;
}

.btn:after{
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:1rem 0 1rem 1rem;
	border-color:transparent transparent transparent rgba(255,255,255,0.8);
	position:absolute;
	top:0;
	right:1.5rem;
	bottom:0;
	margin:auto;
}
.btn.anchorLink:after{
	border-width:1rem 1rem 0 1rem;
	border-color:rgba(255,255,255,0.8) transparent transparent transparent;
}

@media(min-width:800px){
	a.btn:hover{
		transform:translateY(0.6rem);
		filter:drop-shadow(0rem 0rem 0 rgba(102,102,102,0.6));
	}
}
@media(max-width:799px){
	.btn{
		font-size:1.8rem;
		width:340px;
	}
}


/* ====================================
	ヘッダー
==================================== */
/* パターン1：共通スタイル（PC表示） */
.l-header{
	display:block;
	z-index:10999;
	position:sticky;
	top:0;
	right:0;
	left:0;
	width:100%;
	height:8rem ;
	background:#fff;
	border-bottom:solid 1px #ccc;
}

.c-hamburger{
	display:none; /* ← PCでは非表示 */
	position:relative;
	width:100%;
	height:inherit;
	margin:0;
	padding:0;
	border:transparent;
	background-color:transparent;
	cursor:pointer;
}

.c-hamburger span{
	display:block;
	position:relative;
	left:50%;
	width:32px;
	height:2px;
	transform:translateX(-50%);
	background:black;
	transition:all 0.4s;
}

.c-hamburger span:nth-of-type(1){
	top:-8px;
}

.c-hamburger span:nth-of-type(2){
	top:0px;
	transform:translateX(-0.45deg);
}

.c-hamburger span:nth-of-type(3){
	top:8px;
	transform:translateX(-0.45deg);
}

.c-hamburger.is-active span:nth-of-type(1){
	top:0;
	transform:translateX(-50%) rotate(135deg);
}

.c-hamburger.is-active span:nth-of-type(2){
	opacity:0;
}

.c-hamburger.is-active span:nth-of-type(3){
	top:-4px;
	transform:translateX(-50%) rotate(-135deg);
}
.p-header__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:inherit;
	padding:0 1rem;
	max-width:1200px;
	margin:auto;
	align-items:center;
}

.p-header__hamburger{
	display:none; /* ← PCでは非表示 */
	z-index:100;
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:100%;
	padding:0 5px;
}

.p-header__nav{
	position:static;
	opacity:1;
	height:inherit;
	width:initial;
	z-index:10;
}

.p-nav__inner{
	margin-right:auto;
	margin-left:auto;
	max-width:initial;
	width:100%;
	display:flex;
	align-items:center;
	font-size:1.6rem;
}

.p-nav__list{
	padding-right:0;
	padding-left:0;
	display:flex;
	padding-right:2rem;
}

.p-nav__item{
	position:relative;
	/* width:100%; */
}

.p-nav__link{
	color:black;
	display:block;
	padding:1rem 1rem;
	letter-spacing:0;
	width:100%;
}
.p-header__title{
	max-width:240px;
}
.p-nav-sns{ 
	display:flex; 
	justify-content:center; 
	gap:1rem; 
}
.p-nav-sns img{ 
	max-width:40px;
}

.p-nav__item a:hover{
	opacity:0.3; 
}
.p-nav-sns-item a:hover{
	opacity:0.3; 
}

.contact_link.p-nav__item{
	display:flex;
	align-items:center;
}
.contact_link .p-nav__link{
	padding:1rem 2rem;
	line-height:1;
	color:#fff;
	background:#0c9;
	border-radius:2rem;
	box-shadow:4px 4px 4px -5px #7c7c7c;
	display:flex;
	justify-content:center;
	align-items:center;
}


@media(min-width:800px){
	.sp-nav__item{
		display:none;
	}
}

/*	スマホ表示（768px以下） */
@media(max-width:799px){
	.l-header{
		height:60px ;
	}
	.c-hamburger{
		display:block;
	}

	.p-header__hamburger{
		display:block;
	}

	.p-header__nav{
		display:flex;
		position:fixed;
		top:0;
		right:0;
		width:100%;
		height:100vh;
		background-color:rgba(255,255,255,0.8);
		backdrop-filter:blur(0.5rem);
		opacity:0;
		pointer-events:none;
		transition:opacity 0.6s ease;
		transition-delay:0s;
		align-items:center;
		justify-content:center;
		z-index:10;
	}

	.p-header__nav.is-active{
		opacity:1;
		pointer-events:auto;
		transition-delay:0s;
	}

	.p-nav__list{
		display:block;
		padding-right:20px;
		padding-left:20px;
		width:100%;
		padding-bottom:3rem;
	}

	.p-nav__link{
		display:block;
		padding:2rem;
		width:100%;
	}
	.p-nav__item{
		border-bottom:solid 1px #999;
	}
	.p-nav__inner{
		width:100%;
		max-width:none;
		margin:0;
	}

	.p-header__nav{
		position:fixed;
	}
	.p-nav__inner{
		flex-direction:column;
	}

	.contact_link.p-nav__item{
		padding:2rem 4rem;
	}
	.contact_link .p-nav__link{
		padding:1.5rem;
		font-size:2rem;
	}

	.p-header__inner {
		padding-right:0;
	}
	.contact_link.sp-nav__item{
		padding-right:70px;
	}
	.contact_link.sp-nav__item .p-nav__link{
		padding:1rem 2rem;
		font-size:1.4rem;
	}
}


/* ====================================
	メインビジュアル 
==================================== */



/* ====================================
	about
==================================== */
.section-aboutContentImg{
	display:flex;
	gap:1.6rem;
	padding-bottom:6rem;
	max-width:800px;
	margin:auto;
}
.section-aboutContentImg-img{
	width:calc(100% / 4);
	border:solid 1px #ccc;
	box-shadow:0.4rem 0.4rem 0rem 0rem rgba(170,199,141,1);
	border-radius:0.4rem;
}
.section-aboutContentImg-img img{
	border-radius:0.4rem;
}
.section-aboutContentText{
	text-align:center;
	line-height:2;
	padding:3rem 0;
	background:rgba(255,255,255,0.6);
}
.section-aboutContentText-inner{
	max-width:800px;
	margin:auto;
	font-size:1.8rem;
	font-weight:600;
}

.section-aboutContentText .btn-content{
	padding-top:2rem;
}

.about-text{
	line-height:1.8;
	padding-bottom:3rem;
}
.section-aboutContentText-inner span{
	display:block;
}
.section-aboutContentText-inner span + span{
	margin-top:2rem; 
}

@media(max-width:799px){
	.section-aboutContentImg{
		flex-wrap:wrap;
		padding-left:2rem;
		padding-right:2rem;
	}
	.section-aboutContentImg-img{
		width:calc(100% / 2);
	}
	.section-aboutContentText-inner{
		max-width:400px;
	}
	.section-aboutContentImg{
		max-width:440px;
	}
	.section-aboutContentImg-img:nth-child(1){
		order:2;
	}
	.section-aboutContentImg-img:nth-child(2){
		order:1;
	}
	.section-aboutContentImg-img:nth-child(3){
		order:3;
	}
	.section-aboutContentImg-img:nth-child(4){
		order:4;
	}
}



/* ====================================
	waht is liver
==================================== */
.what-content{
	max-width:1200px;
	margin:auto;
	display:flex;
	gap:6rem;
	justify-content:center;
}
.what-img img{
	max-width:500px;
}
.what-content-text{
	width:50%;
}
@media(max-width:799px){
	.what-content{
		flex-direction:column;
		padding-left:1.6rem;
		padding-right:1.6rem;
		max-width:400px;
	}

	.what-content-text{
		width:100%;
	}
	.section-aboutContentImg-img{
		width:calc(96% / 2);
	}
	.section-aboutContentText-inner{
		text-align:left;
		padding:2rem 0;
	}
	.what-img img{
		max-width:320px;
	}
	.what-img{
		margin:auto;
	}
}


/* ====================================
	配信サイト
==================================== */
.apps-container .liveservice-section{
	max-width:1200px;
	margin:0 auto 6rem;
	padding:3rem 0;
	border-radius:3rem;
	background:rgba(255,255,255,0.6);
	box-shadow:0px 3px 3px rgba(0,0,0,0.3);
}

.liveservice-content{
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	gap:6rem;
}
.liveservice-content-text{
	width:50%;
	padding-bottom:6rem;
	display:flex;
	flex-direction:column;
}
.liveservice-content-text .btn-content{
	margin-top:auto;
	text-align:center;
}

.liveservice-img img{
	max-width:450px;
}

.liveservice-section:nth-of-type(even) .liveservice-content{
	flex-direction:row-reverse;
}


@media(max-width:799px){
	.liveservice-content{
		width:100%;
		padding:0 2rem;
		margin:auto;
		display:flex;
		gap:2rem;
		justify-content:center;
		flex-direction:column;
		align-items:center;
	}
	.liveservice-content-text{
		width:100%;
		padding-bottom:2rem;
	}
	.liveservice-img{
		width:70%;
		margin:0 auto;
	}
	.liveservice-section:nth-of-type(even) .liveservice-content{
		flex-direction:column;
	}
}


/* ====================================
	feature
==================================== */

.feature-card-inner{
	background:#ffffff;
	padding:3rem;
	max-width:1000px;
	margin:0 auto 3rem;
	border-radius:0.5rem;
	box-shadow:1rem 1rem 0 rgba(119,119,119,0.3);
}

.feature-card-flex{
	padding:0 2rem 2rem 6rem;
	display:flex;
	align-items:center;
	gap:4rem;
}
.feature-card-title{
	background:#8fc31f;
	padding:0.3rem 3rem 0.5rem;
	line-height:1.6;
	display:flex;
	border-top-right-radius:5rem;
	border-bottom-right-radius:5rem;
	color:#fff;
	justify-content:space-between;
	align-items:center;
	margin-bottom:2rem;
}

.feature-title-en{
	font-size:3.4rem;
	font-weight:700;
}
.feature-title-ja{
	font-size:1.6rem;
}
.feature-card-text{
	padding:1rem 2rem 2rem;
}
.feature-card-image{
	flex-shrink:0;
	max-width:240px;
	align-self:center;
}
@media(max-width:799px){
	.feature-card-outer{
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
	.feature-card-image{
		max-width:180px;
	}
	.feature-card-flex{
		flex-direction:column;
		align-items:center;
	}
	.feature-card-inner{
		padding:2.4rem;
	}
	.feature-card-text{
		max-width:400px;
	}
	.feature-card-flex{
		gap:0;
		padding:0 2rem;
	}
}

/* ====================================
	liver
==================================== */
.liver-content{
	display:flex;
	gap:2rem;
	flex-wrap:wrap;
	max-width:1200px;
	margin:auto;
	padding-bottom:6rem;
}
.liver-content-Box{
	width:calc((100% - 4rem) / 3);
	padding:1rem;
}
.liver-content-Box a{
	display:block;
	padding:1rem;
	background:#fff;
	border-radius:1rem;
}
.liver-content-imgBox{
	position:relative;
	border-radius:1rem;
	overflow:hidden;
	box-shadow:4px 4px 4px -5px #7c7c7c;
}
.liver-content-imgBox img{
	/* border-radius:4rem; */
}
.liver-content-textBox{
	font-size:1.6rem;
	padding:1rem;
}
.liver-content-name{
	position:absolute;
	left:1rem;
	right:1rem;
	bottom:1rem;
	background:#ffffffCC;
	border-radius:50rem;
	padding:0.5rem 0;
	text-align:center;
}

@media(min-width:800px){
	.liver-content-Box a:hover{
		transform:scale(1.05);
	}
}
@media(max-width:799px){
	.liver-content{
		padding-left:2rem;
		padding-right:2rem;
	}
	.liver-content{
		flex-wrap:wrap;
	}
	.liver-content-Box{
		width:100%;
	}
}

/* ====================================
	job
==================================== */
.job-container{
	max-width:1200px;
	margin:auto;
}
.job-container-tittle{
	font-size:2.8rem;
	font-weight:900;
	line-height:1.6;
	text-align:center;
	padding-bottom:3rem;
}
.job-content{
	display:flex;
	align-items:flex-start;
}
.job-card{
	width:calc(100% / 4);
	padding:2rem;
	display:flex;
	flex-direction:column;
	flex:1;
}
.job-card-img{
	position:relative;
	color:var(--section-darkcolor);
}
.job-card-img img{
	display:block;
}
.job-card-img::after{
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:3rem 0 3rem 3rem;
	border-top-color:transparent;
	border-bottom-color:transparent;
	border-right-color:transparent;
	position:absolute;
	top:0;
	right:-3.5rem;
	bottom:0;
	margin:auto;
	z-index:2;
}
.job-card-img{ 
	display:flex;
}
.job-card:last-child .job-card-img::after{
	display:none;
}
.job-card-tittle{
	font-weight:700;
	font-size:1.8rem;
	padding-bottom:0.5rem;
}

.job-card-text{
	padding:0 3rem 1rem 0;
	font-size:1.6rem;
	line-height:1.6;
}
.job-card-wrap{
}

@media(max-width:799px){
	.job-content{
		padding-left:2rem;
		padding-right:2rem;
		flex-direction:column;
		max-width:380px;
		margin:auto;
	}
	.job-card-img{
		flex-direction:row;
		margin-bottom:0;
		max-width:200px;
	}
	.job-card{
		flex-wrap:wrap;
		width:100%;
		flex-direction:row;
		justify-content:center;
		padding-bottom:6rem;
	}
	.job-container{
		flex-direction:column;
	}
	.job-card-img::after{
		top:auto;
		right:auto;
		bottom:-18rem;
		left:50%;
		transform:translateX(-50%) rotate(90deg);
	}
	.job-card:last-child{
		padding-bottom:0;
	}
}

/* ====================================
	news
==================================== */
.news-card-inner{
	display:flex;
	flex-wrap:wrap;
	gap:3rem;
	max-width:1200px;
	margin:auto;
	padding-bottom:5rem;
}
.news-card{
	width:calc((100% - 6rem) / 3);
	display:flex;
	flex-direction:column;
	border:0.3rem solid #fff;
	border-radius:1rem;
	overflow:hidden;
	background:#fff;
	padding:1rem;
	box-shadow:4px 4px 4px -5px #7c7c7c;
}

.news-card-textBox{
	padding:2rem;
	flex-grow:1;
}
.newsCard-text-date{
	font-size:1.4rem;
}
.newsCard-text-title{
	color:#f00;
	font-weight:700;
	font-size:1.8rem;
	padding-bottom:0.5rem;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}

.newsCard-text-comment{
	font-size:1.6rem;
	line-height:1.6;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	overflow:hidden;
}
.news-card-imgBox{
	width:auto;
	height:300px;
	object-fit:cover;
	border-top-left-radius:1rem;
	border-top-right-radius:1rem;
	object-fit:cover;
	overflow:hidden;
}

@media(min-width:800px){
	a.news-card:hover{
		border-color:#f06;
		background:#fffafa;
	}
}
@media(max-width:799px){
	.news-card-inner{
		flex-wrap:wrap;
	}
	.news-card-imgBox{
		height:200px;
	}
	.news-card-imgBox img{
		height:100%;
		object-fit:cover;
	}
	.news-card{
		width:100%;
	}
	.news-card-inner{
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
}


/* ====================================
	news-card　カスタム
==================================== */
.news-card-inner.details .news-card{
	width:1000px;
	margin:0 auto;
	padding:3rem;
}
.news-card-inner.details .news-card-imgBox2{
	padding-top:3rem;
	text-align:center;
}
.news-card-inner.details .news-card-imgBox2 img{
	width:auto;
	max-width:100%;
}
.news-card-inner.details .newsCard-text-comment{
	display:block;
	padding-top:3rem;
}

.news-card-inner.profile .news-card{
	width:1000px;
	margin:0 auto;
	padding:3rem;
	display:flex;
}
.news-card-inner.profile .news-card > *{
	padding:2rem;
}
.news-card-inner.profile .newsCard-text-comment{
	display:block;
	padding-top:3rem;
}
.news-card-inner.profile .newsCard-text-comment-title{
	color:#06f;
	font-size:1.8rem;
	font-weight:bold;
}
.news-card-inner.profile .newsCard-text-comment-text{
	padding-top:0.3rem;
	padding-left:2rem;
}
.news-card-inner.profile .btn-content{
	padding-top:1.5rem;
}
.newsCard-text-name{
	padding-bottom:1rem;
	font-size:2.8rem;
	font-weight:bold;
	color:#f06;
	border-bottom:1px solid #9cf;
}

@media(min-width:800px){
	.news-card-inner.profile .news-card{
		flex-direction:row;
	}
	.news-card-inner.profile .news-card > .news-card-imgBox2{
		width:45%;
	}
	.news-card-inner.profile .news-card > .news-card-textBox{
		width:55%;
	}
}
@media(max-width:799px){
	.news-card-inner.details .news-card,
	.news-card-inner.profile .news-card{
		padding:0;
	}
	.news-card-inner.details .news-card-imgBox2{
		padding-top:0;
	}
}

/* ====================================
	event
==================================== */
.event-card-inner{
	padding-bottom:6rem;
}

.event-card{
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin:auto;
	background:#fff;
	max-width:1000px;
	border:0.8rem solid #fff;
	border-radius:1rem;
	padding:2rem;
	margin-bottom:3rem;
	gap:3rem;
	box-shadow:4px 4px 4px -5px #7c7c7c;
}
.event-card:last-child{
	margin-bottom:0;
}
.event-card-textBox{
	padding:1rem;
}
.event-card-imgBox{
	width:45%;
	overflow:hidden;
}
.event-card-textBox{
	padding:0 1rem;
	width:55%;
}
.eventCard-text-date{
	font-size:1.6rem;
	line-height:1.2;
}
.eventCard-text-title{
	color:#00f;
	font-weight:700;
	font-size:2rem;
	padding-bottom:1rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	overflow:hidden;
}
.eventCard-text-comment{
	font-size:1.6rem;
	line-height:1.6;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5; 
	overflow:hidden;
}

.eventCard-text-comment > *{
	display:inline;
}
.event-card-imgBox{
	border-radius:1rem;
	object-fit:cover;
	overflow:hidden;
}
.event-card-imgBox img{
	height:200px;
	width:100%;
	object-fit:cover;
	object-position:center center;
	display:block;
	overflow:hidden;
}

@media(min-width:800px){
	a.event-card:hover{
		border-color:#06f;
		background:#fafaff;
	}
}
@media(max-width:799px){
	.event-card-inner{
		padding-left:2rem;
		padding-right:2rem;
	}
	.event-card{
		padding:0.5rem;
		gap:0.8rem;
	}
	.eventCard-text-title{
		line-height:1.4;
	}

	.event-card-imgBox{
		width:35%;
		overflow:hidden;
	}
	.event-card-textBox{
		width:65%;
	}
}


/* ====================================
	contact
==================================== */
.contact-container{
}

.contact-content{
	display:flex;
	gap:3rem;
	max-width:1200px;
	margin:auto;
}

.contact-card-tittle{
	font-size:2.4rem;
	font-weight:700;
	padding-bottom:1rem;
}
.contact-card-text{
	font-size:1.6rem;
	padding:0 1rem 3rem;
}

.contact-card{
	width:calc(100% / 2);
	padding:3rem;
	border-radius:1rem;
	overflow:hidden;
	background:#ffffff;
	border:3px solid #969;
	display:flex;
	flex-direction:column;
	box-shadow:4px 4px 4px -5px #7c7c7c;
}
.btn-content{
	margin-top:auto; 
	display:flex;
	flex-direction:column;
	gap:2rem;
	padding-bottom:1rem;
}
.btn-content .btn{
	margin:0 auto;
	color:#fff;
	justify-content:center;
}

.contact-card-text span{
	display:block;
}
.contact-card-text span + span{
	margin-top:2rem; 
}

.contact.contact-card{
	background-color:#faefff;
}
.contact .btn-content .btn{
	background-color:#e9f;
}
.entry.contact-card{
	background-color:#ffeffa;
}
.entry .btn-content .btn{
	background-color:#f9e;
}


@media(max-width:799px){
	.contact-content{
		flex-direction:column;
	}
	.contact-card{
		width:100%;
	}
	.contact-content{
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
}

/* ====================================
	FAQ
==================================== */
.faq-content{
	margin:0 auto;
	max-width:800px;
	padding-bottom:3rem;
}
.faq-box input[type=checkbox]{
	display:none;
}
.faq-box{
	padding:0 0 20px;
}
/*質問テキスト*/
.faq-content label{
	position:relative;
	display:flex;
	align-items:center;
	/* width:calc(100% - 70px); */
	/* margin:0 0 0 50px; */
	padding:10px;
	cursor:pointer;
	background:#ffffff;
	padding:2rem;
	border-radius:0.4rem;
	box-shadow:4px 4px 4px -5px #7c7c7c;
}
/*＋アイコン*/
.faq-content label::before{
	position:absolute;
	content:'▼';
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2rem;
	font-weight:bold;
	margin-right:0px;
	right:2rem;
	transition:0.4s ease;
}
.faq-content input[type=checkbox]:checked ~ label::before{
	transform:rotate(45deg);
}
.faq-content label.open::before{
	transform:rotate(180deg);
}
.faq-text-q,
.faq-text-a{
	font-weight:700;
	font-size:2rem;
}

.faq-box-content{
	display:none;
	width:100% !important;
	position:relative;
	overflow:hidden;
	padding-top:1rem;
}

/*答えテキスト*/
.faq-box-content p{
	padding:2.2rem;
	border-radius:0.4rem;
	background:#f6f6f6;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);
	margin-bottom:0.5rem;
}
.faq-box input[type=checkbox]:checked ~ .faq-box-content{
	height:auto;
	opacity:1;
}
@media(max-width:799px){
	.faq-content{
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
}



/* ====================================

company 

==================================== */


.company-content-dl{
	max-width:800px;
	margin:auto;
	padding-bottom:5rem;
}

.company-row{
	display:flex;
	margin-bottom:1rem ;
	box-shadow:1px 1px 4px #ccc;
}

.company-content-dl dt{
	width:30%;
	font-weight:bold;
	flex-shrink:0;
	background:#ffffff;
	padding:2rem;
	text-align:right;
	border-radius:0.2rem;
}

.company-content-dl dd{
	width:70%;
	margin:0;
	line-height:1.6;
	padding-left:2rem;
	padding:2rem;
	background:#f6f6f6;
}

.company-map{
	width:100%;
	height:400px; 
}

.company-map iframe{
	width:100%;
	height:100%;
}
#company.common-section-wrap{
	padding-bottom:0;
	background:#fafafa;
}

@media(max-width:799px){
	.company-content-dl{
		padding-left:1.6rem;
		padding-right:1.6rem;
	}
	.company-row{
		flex-direction:column;
	}
	.company-content-dl dt{
		text-align:left;
	}
	.company-content-dl dt{
		width:100%;
	}
	.company-content-dl dd{
		width:100%;
	}
}

/* ====================================

footer

==================================== */
footer{
	background:#3a537f;
	padding-bottom:12rem;
}
.footer-logo{
	border-bottom:solid 1px #fff;
}
.footer-logo-img{
	max-width:200px;
	margin:auto;
	padding:4rem 0 5rem;
}
.footer-nav{
	color:#fff;
	text-align:center;
	padding-top:3rem;
	font-size:1.4rem;
}
.footer-nav-menu a{
	color:#fff;
}
.footer-nav-menu a:hover{
	opacity:0.7;
}
.footer-nav-menu{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding-bottom:3rem;
}
.footer-nav-menu li{
	margin:0;
	padding:0 2rem;
}
.footer-nav .copyright{
	padding:1rem 0;
}
.footer-nav-sns{
	display:flex;
	gap:2rem;
	justify-content:center;
	padding-bottom:3rem;
}
.footer-nav-sns-img{
	max-width:40px;
}

@media(max-width:799px){
	.footer-nav{
		padding:0 0 6rem;
		font-size:1.6rem;
	}
	.footer-nav-menu{
		padding:1rem 0;
		letter-spacing:0;
	}
	.footer-nav-menu  + .footer-nav-menu{
		border-bottom:1px solid #666;
	}
	.footer-nav-menu li{
		width:calc(100% / 3);
		margin:0;
		padding:0.5rem;
		white-space:nowrap;
	}
	.footer-nav-sns{
		padding-top:2rem;
	}
	.footer-nav .copyright{
		font-size:1.2rem;
		letter-spacing:0;
	}
}


/* --------------------------- PageTopボタン --------------------------- */
#pagetopButton{
	display:none;
	position:fixed;
	bottom:1em;
	right:1em;
	width:3.6em;
	height:3.6em;
	z-index:10000;
}

#pagetopButton .anchorLink{
	width:100%;
	height:100%;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
	background-color:#06f;
	border:2px solid #fff;
	border-radius:0.5em;
	cursor:pointer;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
#pagetopButton .anchorLink .top2{
	font-family:'Sriracha','Noto Sans JP',sans-serif;
}

@media screen and(min-width:800px){
	#pagetopButton .anchorLink:hover{
		background-color:#00f;
	}
}
@media screen and(max-width:799px){
	#pagetopButton{
		bottom:0.2em;
		right:0.2em;
		width:3.5em;
		height:3.5em;
	}

	#pagetopButton .anchorLink:hover{
		background-color:#000;
	}

	#pagetopButton .anchorLink:active{
		background-color:#999;
		color:#000;
	}
}


/* ====================================================================
	fixed footer
==================================================================== */