@charset 'UTF-8';
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

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

	Site origin 30pxマージン解除
	※案件によって使い分けてください。

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/*
	.panel-grid{
		margin:0 auto !important;
	}
	.panel-grid-cell{
		margin:0 auto !important;
	}
	.so-panel{
		margin:0 auto !important;
	}
	*/
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/*
	.panel-grid{
		margin:0 auto !important;
	}
	.panel-grid-cell{
		margin:0 auto !important;
	}
	.so-panel{
		margin:0 auto !important;
	}
	*/
}





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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	
	}
	main.outer_wrap {
		position: relative;
		width: 100%;
		min-height: 50vh;
		background: url(../img/) center top no-repeat;
		display: block;
		margin: 0 auto;
	}
	.inner_wrap {
		position: relative;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	
	}
	main.outer_wrap {
		position: relative;
		width: 100%;
		background: url(../img/) center top no-repeat;
	}
	.inner_wrap {
		position: relative;
	}
}





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

	見出し

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* .top_h2タイトル */
	.top_h2 h2{
		font-size: 44px;
		font-family: 'Lato', sans-serif;
		font-weight: 200;
		letter-spacing: 0.02em;
		text-align:center;
		line-height:1.4 !important;
	}
	.top_h2 h2 span{
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HG明朝B","メイリオ",Meiryo,serif;
		font-weight: 200;
		font-size: 30px;
	}

	.top_h2 h3 {
		font-size: 14px;
		font-weight: 200;
		font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
		letter-spacing: 1px;
	}
	
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* .top_h2タイトル */
	.top_h2 h2{
		font-size: 6vw;
		font-family: 'Playfair Display', serif;
		font-weight: 300;
		letter-spacing: 0.02em;
		text-align:center;
		line-height:1.4 !important;
	}
	.top_h2 h2 span{
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HG明朝B","メイリオ",Meiryo,serif;
		font-weight: 100;
	}

	.top_h2 h3 {
		font-size: 3.5vw;
		font-weight: 200;
		font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
		padding-top: 10px !important;
	}
}





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

	共通ボタン

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.btn_top_common{
	}

	.btn_top_common a{
		display:block;
		text-align:center;
		width:320px;
		background-color:#35312f;
		padding:10px 0 12px;
		border-radius:4px;
		font-size:20px;
		color:#ffffff;
		margin: 0 auto;
	}

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.btn_top_common{
	}

	.btn_top_common a{
		display:block;
		text-align:center;
		width:60vw;
		background-color:#35312f;
		padding:1vw 0 1.2vw;
		border-radius:4px;
		font-size:4.5vw;
		color:#ffffff;
		margin: 0 auto;
	}

}













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

	teaser

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.teaser {
		background: url(../img/teaser.jpg) center top / cover no-repeat;
		height: 49vw;
	}
	.video_base{
		width:74%;
		right:0;
		position:absolute;
		display:block;
		margin-left : auto ; margin-right : 0 ; text-align : left ;
	}
	.video{
		width: 100%;
		padding-bottom: 49.25%;
		height: 0px;
		position: relative;
		margin: 10vw 0 0 0;
	}
	.video iframe,.video img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events:none;
	}

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.teaser {
		display:none;
	}

}








/* PC設定
----------------------------------------------- */
/*
@media screen and (min-width: 768px) and (max-width: 1300px) {
	.teaser {
		background: url(../img/teaser_2.jpg) left top no-repeat!important;
		background-position-x: center;
		background-position-y: top;
		background-repeat: no-repeat;
		background-size: auto auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 60vw;
		max-height: 60vw;
		height: 100vh;
	}

	.video {
		width: 100%;
		padding-bottom: 52.25%;
		height: 0px;
		position: relative;
		margin: 14vw 0 0 0;
	}
	.video_base {
		width: 80%;
		right: 0;
		position: absolute;
		display: block;
		margin-left: auto;
		margin-right: 0;
		text-align: left;
	}
}
*/







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

	Our Concept
	私たちが想うこと

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

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px;
}



/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row-01{/* 背景 */
		background-color:#c6ddeb;
		padding:80px 0;
	}
	.row-01-in{
		z-index:1;
	}

	.particles-js-canvas-el{
		height:600px;
		position:absolute;
		margin-top: -420px;
	}


	/*いくら技術が発達しても、...*/
	.row-01-title{
		padding:0 0 40px 0;
	}
	.row-01-title h2{
		font-size: 28px;
		letter-spacing: 0.1em;
		font-weight: 300;
		text-align:center;
	}

	.row-01-text p{/* テキスト01 */
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1.8;
		text-align:center;
	}
}





/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row-01{/* 背景 */
		background-color:#c6ddeb;
		padding:16vw 0;
	}
	.row-01-in{
		z-index:1;
	}

	.particles-js-canvas-el{
		height:100vw;
		position:absolute;
		margin-top:-112vw;
	}

	/*いくら技術が発達しても、...*/
	.row-01-title{
		padding:0 0 8vw 0;
	}
	.row-01-title h2{
		font-size: 5vw;
		letter-spacing: 0.1em;
		font-weight: 300;
		text-align:center;
		line-height:1.3 !important;
	}

	.row-01-text p{/* テキスト01 */
		font-size: 3.5vw;
		letter-spacing: 0.1em;
		line-height: 1.8;
		text-align:left;
		
		padding:0 6vw;
	}
	
}





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

	Our Service
	私たちのサービス

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

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px;
}



/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	/* Webサイト制作 / 運営サポート */
	.our_service-title01 h3{
		font-size: 24px;
		font-weight:300;
		letter-spacing: 1.5px;
	}
	.our_service-text01 p{/* テキスト */
		font-size: 15px;
		font-weight: 300;
	}

	/* 店舗運営モバイルアプリ IPmobile α */
	.our_service-title02 h3{
		font-size: 24px;
		font-weight:300;
		letter-spacing: 1.5px;
	}
	.our_service-text02 p{/* テキスト */
		font-size: 15px;
		font-weight: 300;
	}

}


/* SP設定
----------------------------------------------- */

@media (max-width: 767px) {

/* Webサイト制作 / 運営サポート */
	.our_service-title01 h3{
		font-size:5vw;
		font-weight:300;
		letter-spacing:0.05em;
	}
	.our_service-text01 p{/* テキスト */
		font-size: 3.5vw;
		font-weight:300;
	}
	/* 店舗運営モバイルアプリ IPmobile α */
	.our_service-title02 h3{
		font-size:5vw;
		font-weight:300;
		letter-spacing:0.05em;
	}
	.our_service-text02 p{/* テキスト */
		font-size: 3.5vw;
		font-weight:300;
	}
}








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

	Other Contents

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.row-03{
		position: relative;
		padding:80px 0;
	}
	.other-img01{/* リンク画像サイズ固定 */
		width:590px;
		height:349px;
		overflow: hidden;
	}
	
	.partner-title h3,.recruit-title h3{
		font-size: 42px;
		font-weight: 300;
		letter-spacing: 0.03em;
	}
	.partner-titleh4 h4, .recruit-titleh4 h4{
		font-size: 14px;
		padding: 8px 0 0 !important;
		font-weight: 300;
	}
	.recruit-text,.partner-text{
		font-weight: 300;
	}
	
}


/* SP設定
----------------------------------------------- */

@media (max-width: 767px) {
	.other-img01{/* リンク画像サイズ固定 */
		overflow: hidden;
	}
	
	.partner-title h3,
	.recruit-title h3{
		font-size: 33px;
		font-weight: 300;
		letter-spacing: 0.03em;
	}
	.partner-titleh4 h4,
	.recruit-titleh4 h4{
		font-size: 12px;
		font-weight: 300;
	}

}






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

	News & Blog

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

/* カテゴリ */
.post_icon{
	background-color: #ea5935;
	color: #ffffff;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.title-h2-02 h2{
		font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
		font-size: 40px;
		font-weight:400;
		letter-spacing:0.05em;
		text-align:center;
		padding-bottom:10px !important;
	}
	
	
	.post_wrap ul li{
		position: relative;
		overflow:hidden;
		width: 375px;
		float:left;
	} 
	.post_wrap ul li:nth-of-type(2){
		margin:0 28px;
	}
	.post_wrap ul li a{
		display: block;
	}



	.n-big_box{
		border: 1px solid #e9e9e9;
		padding: 25px 14px 0;
		height:256px;
	}
	
	.post_icon_box{/* カテゴリ */
		position: absolute;
		right: 0;
		color:#fff;
		padding: 5px 5px 0 0;
		font-size: 13px;
		font-weight: 200;
	}
	.post_icon{/* カテゴリ */
		padding: 0 3px 3px;
	}
	.post_icon_box:hover,
	.post_icon:hover{
		opacity:1;
	}

	.post_wrap ul li a .post_thumb img{/* 画像のトリミング */
		width:375px;
		height:250px;
		object-fit: cover;
		font-family: 'object-fit: cover;' /* IE対策 */
	}

	.post_title {/* タイトル */
		display:block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-align: center;
		padding-bottom: 10px;
		font-size:20px;
		color: #000;
	}
	.post_date{/* 日付 */
		font-size: 12px;
		font-weight: 100;
		background-color: #eeeeee;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 15px;
		width: auto;
		text-align: center;
	}
	.post_date{/* 日付 */
		color: #000;
	}
	.text-written{/* written on */
		padding: 0 0 0 5px;
	}
	.text-by{/*by*/
		padding: 0 5px 0 10px;
	}
	.post_text p{
		font-size: 12px;
		font-weight: 100;
		line-height: 2;
		margin-bottom: 0;
		color: #666666 !important;
		text-align: left;
	}
	
	.top-map{
		height:450px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.title-h2-02 h2{
		font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
		font-size: 40px;
		font-weight:400;
		letter-spacing:0.05em;
		text-align:center;
		padding-bottom:10px !important;
	}
	
	.post_wrap ul li{
		position: relative;
		overflow:hidden;
		width: auto;
	} 
	.post_wrap ul li:nth-of-type(2){
		margin:28px 0;
	} 
	.n-big_box{
		border: 1px solid #e9e9e9;
		padding: 25px 10px 20px;
		margin: 0 15px;
	}
	.post_icon_box{/* カテゴリ */
		position: absolute;
		right: 0;
		color:#fff;
		padding: 5px 20px 0 0;
		font-size: 13px;
		font-weight: 200;
	}
	.post_icon{/* カテゴリ */
		padding: 0 3px 3px;
	}
	.post_thumb img{/* 画像のトリミング */
		width: auto;
		padding:0 15px;
		object-fit: cover;
		font-family: 'object-fit: cover;' /* IE対策 */
	}
	
	.post_title {/* タイトル */
		display:block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-align: center;
		padding-bottom: 10px;
		font-size:20px;
		color: #000;
	}
	.post_date{/* 日付 */
		font-size: 12px;
		font-weight: 100;
		background-color: #eeeeee;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 15px;
		width: auto;
		text-align: center;
		color: #000;
	}
	.text-written{/* written on */
		padding: 0 0 0 5px;
	}
	.text-by{/*by*/
		padding: 0 5px 0 10px;
	}
	.post_text p{
		font-size: 12px;
		font-weight: 100;
		line-height: 2.4;
		margin-bottom: 0;
		color: #666666 !important;
		text-align: left;
	}

}
/* reCAPTCHA表示隠し */
.grecaptcha-badge { visibility: hidden; }