@charset "utf-8";

.lib-hero__outer{
	background-color:#fff;
}
.media-post__inside{
	padding:0;
}
.media-post__txtarea .lib-media__time{
	justify-content:flex-start;
}
.media-post__thumb{
	width:100%;
}
.media-post__item~.media-post__item{
	margin-top:0;
}
/*投稿*/
.lib-media__time.media-post__time{
	display:none;
}
h1.media-post__headline{
	display:none;
}
.media-post__chip{
	margin-top:0;
}
ul.media-post__sns{
	display:none;
}
ul.media-post__pagenation.lib-pager__list{
	display:none;
}
.voice_top_content .title{
	color:#2e5d50;
	font-family:"Jost", sans-serif;
	font-weight:normal !important;
	position:relative;
	top:37px;
	z-index:100;
}
.lib-title__outer .title.ff-poppins.fw-medium.fs-80.tcenter{
	font-family:"Jost", sans-serif;
	font-weight:normal !important;
}
.media-relation__outer .title{
	font-family:"Jost", sans-serif;
	font-weight:normal !important;
}
.media-post__image{
	display:none;
}
.media-post__thumb img{
	height:180px;
	object-fit:cover;
}
.media-post__txtarea .lib-media__time{
	display:none;
}
.media-post__txtarea{
	display:flex;
	flex-flow:column;
}
.media-post__title{
	font-size:18px;
	margin-top:1em;
	line-height:1.5;
}
.media-post__item{
	margin-bottom:1.5em;
	-webkit-box-shadow:0 0 8px rgb(0 0 0 / 21%);
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	border:none;
	padding:1em;
}
.lib-media__thumb img{
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%;
}
.media-relation__thumb img{
	-o-object-fit:cover;
	object-fit:cover;
	border-radius:15px;
}
.media-relation__txtarea .txt{
	font-size:18px;
	font-weight:bold;
}
.media-relation__txtarea{
	margin-top:1em;
}
.media-relation__thumb{
	border:none;
	-webkit-box-shadow:0 0 10px rgb(183 183 183 / 30%);
	box-shadow:0 0 10px rgb(183 183 183 / 30%);
}
@media print, screen and (min-width:768px){
	.media-post__item{
		width:calc(32.33% - 13px);
		margin-right:20px;
		display:flex;
		flex-direction:column-reverse;
	}
	.media-post__list{
		display:flex;
		flex-flow:wrap;
	}
	.media-relation__thumb{
		height:300px;
		border-radius:15px;
	}
}
/* お客様の声 */
.lib-card__inside p{
	line-height:2!important;
}
h3.lib-card__title.fs-h5.lh-1.text-def{
	line-height:1.5 !important;
	font-size:18px;
}
.lib-card__txt p{
	line-height:2!important;
}
.voice-back-content{
	background-image:url(../image/back-01-voice.png);
	right:0;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:60%;
	padding-top:4em;
}
.voice-back-content02{
	/* background-image:url(../image/back-02-voice.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:35%;
	padding-top:4em; */
	right:0;
	margin-top:4rem!important;
}
.bg-sub-shadow{
	background-color:#fff;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3), -26px 26px 0px 0px rgb(221, 241, 240);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3), -26px 26px 0px 0px rgb(221, 241, 240);
}
.bg-shadow02{
	-webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
	box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
}
.t-01 td{
	padding:1.1em;
}
.c-icon{
	font-family:"Jost", sans-serif;
	font-weight:normal !important;
}
.hero-voice{
	position:relative;
	padding:30px 20px;}
.hero-voice::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background:linear-gradient(135deg,rgba(215,241,240,1) 0%,rgba(247,251,251,1) 45%,rgba(248,251,252,1) 25%,rgba(230,244,248,1) 100%);}
.hero-voice-txt{
	color:#2E5D50;
	font-weight:bold;
	margin:0 0 25px;
	font-size:20px;}
.hero-voice-pic img{
	box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.15);}
@media print, screen and (max-width:767px){
	.bg-sub-shadow{
		background-color:#fff;
		-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3), -12px 10px 0px 0px rgb(221, 241, 240);
		box-shadow:0 0 10px rgba(0, 0, 0, .3), -8px 10px 0px 0px rgb(221, 241, 240);
		margin-bottom:1em;
	}
	.voice-back-content02{
		background-size:50%;
	}
}
@media only screen and (min-width:768px){
	.hero-voice::after{
		left:-48%;
		width:140%;}
	.hero-voice-txt{
		margin:0 0 45px;
		font-size:30px;}
}
/*情報*/
.hed-title{
	font-size:25px;
	line-height:1.5;
	padding-bottom:0.5em;
}
.info-image{
	margin-bottom:2em;
}
.Information-txt p{
	padding-bottom:1em;
}
.mokuji-content a:hover{
	color:#96855a;
}
.mokuji-content li{
	font-weight:600;
}
.mokuji-content ul li:before{
	display:none;
}
.mokuji-content{
	background:#ddd;
	margin-bottom:2em;
	padding:1em 2em 4em;
}
.mokuji-content h3{
	text-align:center;
}
h3.tinfo-obi-itle{
	background:#2E5D50;
	color:#fff;
	padding:0.5em;
	font-size:20px;
}
.info-num-content .title{
	padding-top:1em;
	font-size:22px;
	font-weight:600 !important;
}
.info-re{
	margin-bottom:2em;
}
.info-num-content{
	margin-bottom:2em;
}
/* 資料ダウンロード */
.dl-content h3{
	font-size:25px!important;
	font-weight:600 !important;
	line-height:1.6!important;
	font-family:sans-seri!importantf;
}
/* 制作実績 */
h3.title.text-main{
	font-weight:600 !important;
	font-size:25px;
}
.works-image02{
	text-align:right;
}
@media print, screen and (min-width:768px){
	.works-image02 img{
		width:80%;
	}
}
/* other */
#other .swiper-wrapper{
  transition-timing-function:linear;
}
#other{ padding:60px 20px 100px; }
#other .swiper{ margin:20px 0 0; }
#other article h3{font-size:18px; margin:8px 0 18px; }
#other article .other-sub{ color:#2E5D50; font-weight:bold; font-size:10px; }
#other article h3{ font-size:18px; margin:2px 0 5px; }
#other .swiper-button{ max-width:150px; height:21px; margin:45px auto 0; position:relative; }
#other .swiper-button-next,
#other .swiper-button-prev{ width:21px; height:21px; color:transparent; background-position:center; background-size:contain; top:0; bottom:0; margin:auto; }
#other .swiper-button-next{ background-image:url(../other/right_slide.svg); right:0; }
#other .swiper-button-prev{ background-image:url(../other/left_slide.svg); left:0; }
#other .swiper-button-next:after,
#other .swiper-button-prev:after{ width:21px; height:21px; }
@media only screen and (min-width:768px){
	#other{ padding:65px 0 125px; }
	#other .inner{ padding:0 20px; }
	#other article .other-sub{ font-size:13px; }
	#other article h3{margin:8px 0 18px; }
}
@media only screen and (min-width:1024px){
	#other{ padding:75px 0 145px; }
	#other article .other-sub{ font-size:16px; }
}
/* お知らせ一覧 */
.lib-rss__title{
	color:#2E5D50;
	font-weight:500;
}
/*サポート*/
.sup-btn-icon a{
	text-align:center;
	border:2px solid #2E5D50;
	padding:1em;
	width:100%;
	/* box-shadow:0 0 8px rgb(0 0 0 / 21%); */
	display:block;
	border-radius:10px;
}
.sup-btn-icon{
	align-items:stretch;
	width:100%;
	display:flex;
}
.sup-btn-icon p{
	font-size:16px;
	font-weight:bold;
	color:#2E5D50;
}
.sup-content{
	max-width:1080px;
	margin:0 auto;
	padding-bottom:5em;
}
.sup-btn02 a{
	width:300px!important;
	margin:0 0 0 auto!important;
}
.sup-btn02{
	max-width:1200px;
}
.sup-form-title p{
	font-weight:bold;
	font-size:30px;
	color:#2E5D50;
}
.sup-form-title{
	margin-top:5em;
}
@media print, screen and (min-width:768px){
	.sup-content{
		display:flex;
		justify-content:space-evenly;
	}
	.sup-btn-icon{
		margin-right:2em;
	}
	.sup-btn-icon:last-child{
		margin-right:0;
	}
	.sup-btn{
		display:flex;
		justify-content:space-evenly;
		margin-top:2em;
	}
	.sup-form-title{
		display:flex;
		align-items:center;
	}
	.sup-form-title p{
		margin-left:3em;
		padding-top:1em;
	}
}
@media print, screen and (max-width:767px){
	.sup-btn-icon{
		margin-right:2em;
		margin-bottom:2em;
	}
	.sup-form-title p{
		font-size:18px;
	}
}
/* コンセプト */
.concept-box01 .title{
	color:#fff!important;
}
.concept-box02 .title{
	color:#2E5D50!important;
}
.concept-box02 p{
	color:#2E5D50!important;
}
.concept-box02{
	background:#fff!important;
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
}
.concept-box01,.concept-box02{
	max-width:1200px;
	margin:0 auto;
}
.concept-title{
	justify-content:center;
	text-align:center;
	margin-bottom:2em;
}
.concept-box01 .concept-flow h3:before{
	background-color:#fff !important;
}
.concept-box01 .title{
	color:#fff;
	border-bottom:3px solid #DDD;
}
.concept-content{
	background-image:url(/dcms_media/image/concept-back.png);
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.concept-content::before,
.concept-content::after{
	content:'';
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
.concept-content::before{
	background-image:url(/dcms_media/image/spark_1.webp);
	background-position:top;
	top:0;
	right:0;
}
.concept-content::after{
	background-image:url(/dcms_media/image/spark_2.webp);
	background-position:bottom;
	bottom:0;
	left:0
}
.concept-inner{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:10em 0 7em 0;
	position:relative;
	z-index:2;
}
.concept-content p{
	color:#2E5D50;
	padding-top:3em;
	font-weight:500;
}

@media print, screen and (min-width:768px){
	.concept-content::before,
	.concept-content::after{
		background-size:contain;
	}
	.concept-box01 figure,.concept-box02 figure{
		margin-right:6em;
	}
	.concept-box01 .title,.concept-box02 .title{
		width:65%;
	}
}
@media print, screen and (max-width:767px){
	.concept-inner{
		padding:5em 1em 7em 1em;
	}
}
/* サービス */
.inner-width{
	max-width:1118px;
	margin:0 auto;
	padding:0 1em;
}
.s-container .lib-card__txtarea{
	justify-content:space-around;
}
.s-container{
	margin-bottom:5em;
}
.s-container .dft-btn a{
	margin:0 0 0 auto;
}
.s-container .title{
	font-size:30px;
	font-weight:300;
}
.under-first{
	color:#2E5D50;
}
.s-container p{
	color:#2E5D50;
}
/* サービス詳細 */
.nayami{
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	max-width:896px;
	margin:0 auto;
	text-align:center;
	padding:1.5em 0;
	border-radius:12px;
}
.nayami-item p{
	font-weight:bold;
	color:#2E5D50;
}
.se-cencontent{
	margin-top:3em;
	margin-bottom:4em;
}
.feature-item{
	width:100%;
	text-align:center;
}
.feature-item h3{
	text-align:center;
	font-size:24px;
	color:#2E5D50;
}
.f-num{
	font-size:40px;
}
.feature-item h4{
	font-size:20px;
	text-align:center;
	margin-top:1em;
	line-height:1.6;
}
.feature{
	margin-top:2em;
}
.step-item{
	display:flex;
	align-items:center;
	width:100%;
	background:#fff;
	border-radius:8px;
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	margin-bottom:1em;
	padding:1em;
}
.step-content{
	margin-top:2em;
}
.step-item p{
	color:#2E5D50;
	font-weight:bold;
	padding-left:6px;
}
.sonota{
	border:3px solid #2E5D50;
	padding:1em;
	border-radius:10px;
	margin-top:2em;
}
.sonota-title{
	color:#2E5D50;
	text-align:center;
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:30px;
}
.sonota-content .step-item{
	max-width:343px;
}
.flow-item figure{
	background:#fff;
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	width:115px;
	height:115px;
	text-align:center;
	display:flex;
	border-radius:100%;
}
.flow-item{
	display:flex;
	margin-bottom:2em;
	align-items:center;
}
.flow-txt{
	width:100%;
	margin-left:2em;
}
.flow-item figure{
	background:#fff;
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	width:140px;
	height:120px;
	text-align:center;
	display:flex;
	border-radius:100%;
	padding:1em;
}
.flow-txt h3{
	color:#2E5D50;
	margin-top:0em;
}
.flow-txt h3 span{
	color:#000;
	padding-left:1em;
}
.c-tbl{
	box-sizing:border-box;
	border-collapse:collapse;
	margin:0 auto;
	text-align:center;
	width:100%;
	margin-top:3em;
}
.plan-txt-tbl ul li:before{
	list-style:none;
	width:0px;
}
.plan-txt-tbl ul{
	margin-bottom:2em;
}
.plan-txt-tbl li{
	padding:0;
	text-indent:-1em;
	padding-left:1em;
}
.plan-txt-tbl{
	margin-top:1.5em;
}
.se-tbl{
	border:3px solid #2E5D50;
}
.se-tbl td{
	padding:1em;
	text-align:center;
	font-weight:bold;
}
.cross-content .bg-lgry{
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	background:#fff;
	padding-top:3em;
}
.title-se01{
	color:#2E5D50;
	font-size:30px;
}
.cross-item-logo{
	position:relative;
}
.cross-item-logo:before{
	position:absolute;
	content:url(/dcms_media/image/bownow-logo.png);
}
.cross-item-logo{
	overflow:inherit;
}
.cross-item-logo:before{
	position:absolute;
	content:url(/dcms_media/image/bownow-logo.png);
	top:-4em;
	right:45px;
	z-index:100;
}
.cross-item-logo02:before{
	content:url(/dcms_media/image/iz_logo.png);
}
.dl-img-02{
	background:none!important;
	padding:0!important;
}
span.se-tbl-txt{
	font-weight:normal;
}
.se-flow-cencontent{
	max-width:850px;
	margin:0 auto;
}
.respond-item:last-child{
	margin-right:0;
}
.respond-item{
	width:100%;
	margin-right:2em;
}
.respond-item .title{
	text-align:center;
	color:#2E5D50;
	font-size:16px;
}
.respond-item figure{
	text-align:center;
}
.respond-item .f-num{
	padding-right:0.5em;
}
.respond p{
	background:#2E5D50;
	color:#fff;
	font-weight:bold;
	padding:1em;
	border-radius:10px;
	box-shadow:0 0 8px rgb(0 0 0 / 21%);
	margin-top:2em;
}
.btn-col-item02{
	margin-bottom:2em;
}
.respond-02 .step-item .title{
	color:#2E5D50;
	font-size:16px;
}
.respond-02 .step-item{
	align-items:stretch;
}
.respond-02 .step-item .f-num{
	padding-right:0.5em;
}
.se-tbl02{
	margin-bottom:3em;
}
@media print, screen and (min-width:768px){
	.nayami{
		display:flex;
		justify-content:space-around;
	}
	.s-container .title{
		font-size:50px;
	}
	.feature{
		display:flex;
	}
	.feature-item{
		margin-left:2em;
	}
	.feature-item:first-child{
		margin-left:0em;
	}
	.sonota-content{
		display:flex;
		justify-content:center;
	}
	.sonota-content .step-item:first-child{
		margin-right:2em;
	}
	.sonota-content .step-item:last-child{
		margin-left:2em;
	}
	.se-tbl td{
		width:300px;
	}
	.se-tbl th{
		width:196px;
	}
	.cross-content .lib-card__item{
		bottom:-7em;
	}
	.btn-col-item{
		margin-top:9em;
	}
	.cross-content .bg-lgry{
		max-width:680px!important;
	}
	.respond{
		display:flex;
	}
	.btn-col-item02 .dft-btn a{
		width:270px;
		margin-bottom:1em;
	}
	.respond-02 .step-item:last-child{
		margin-right:0;
	}
	.respond-02 .step-item{
		margin-right:1em;
	}
}
@media only screen and (max-width:767px){
	.nayami{
		box-shadow:none;
	}
	.nayami-item{
		display:flex;
		align-items:center;
		text-align:left;
		padding:10px 15px;
		border-radius:15px;
		margin:0 0 10px;
		box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.15);
	}
	.nayami-item img{
		width:20%;
		max-width:95px;
	}
	.nayami-item p{
		width:calc(80% - 20px);
		margin:0 0 0 20px;
	}
	.nayami-item p br{
		display:none;
	}
}
@media only screen and (min-width:992px){
	.s-container .title.long-sentence{
		font-size:36px;
	}
}
@media only screen and (min-width:1060px){
	.s-container .title.long-sentence{
		font-size:40px;
	}
}
@media only screen and (max-width:767px){
	.cross-item-logo:before,
	.cross-item-logo02:before{
		right:0;
		left:0;
		margin:auto;
		width:calc(100% - 20px);
		background-image:url(/dcms_media/image/bownow-logo.png);
		height:84px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		content:'';
	}
	.cross-item-logo:before{
		background-image:url(/dcms_media/image/bownow-logo.png);
	}
	.cross-item-logo02:before{
		background-image:url(/dcms_media/image/iz_logo.png);
	}
	.title-se01{
		font-size:25px;
	}
}
/*フェード*/
.fadeIn{
	opacity:0;
	transition:2s;
}
.fadeIn.is-show{
	opacity:1;
}