@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 共通 */
body{
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .1em;
}

.noto-serif-jp-bold {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-style: normal;
}

.cta .ark-block-section__media img{
	-ms-filter: blur(6px);
  filter: blur(6px);
}

/* フッター固定ナビ */
.sp-footer-nav{
	display: none;
}
@media not all and (min-width: 1000px){
	.sp-footer-nav{
		position: fixed;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		padding: 0.5rem!important;
	}
	.page-id-355 .sp-footer-nav,
	.page-id-360 .sp-footer-nav,
	.page-id-362 .sp-footer-nav{
		display: none;
	}
}
/* トップへ戻るボタン */
@media not all and (min-width: 1000px){
	.p-fixBtnWrap{
		bottom: 12%;
	}
}


@media not all and (min-width: 1000px){
	body{
		font-size: 0.9em;
	}
	h2,
	h2.has-xxlarge-font-size,
	.has-xxlarge-font-size {
		font-size: 1.2em!important;
	}
	h3,
	.has-xlarge-font-size,
	.has-large-font-size{
		font-size: 1em!important;
	}
	p,
	li{
		font-size: 0.9em;
	}

	.wp-block-columns.has-background,
	.wp-block-group.has-background,
	p.has-background {
    padding: 1rem;
}
/* インライン矢印 */
.wp-image-30{
	width: 25px!important;
}
}

/* 背景画像contain */
.contain .wp-block-cover__image-background {
	object-fit: contain;
}
.contain .arkb-obf-cover{
	object-fit: contain;
	transform: scale(.8);
}

/* リッチカラム中央よせ */
.jc-center .ark-block-columns__inner{
	justify-content: center;
}

/* 出展品目 */
.item-list img{
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}

@media not all and (min-width: 1000px){
	.item-list{
		padding: 1rem 0.2rem!important;
	}
	.item-list img{
		width: 80px!important;
	}
	.item-list p{
		font-size: 10px;
	}
	
}
/* 体験型商談購買会 */
@media not all and (min-width: 1000px){

.taiken img{
	height: 70px!important;
}
}

/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Google map */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}

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

/* ボタン */
.big .ark-block-button__link{
	min-width: 260px;
	padding: 1.75em 2em;
}

.cta .big .ark-block-button__link{
	border: 1px solid var(--arkb-btn-color--text);
}

@media not all and (min-width: 1000px){
	.big .ark-block-button__link{
		padding: 1em .5em;
	}
}


/* 吹き出し */
.fukidashi{
	display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
  background-color: #fff;
  color: #333;
  border-radius: 10px;
	box-shadow: 0px 10px 15px 0px rgba(44, 69, 125, 0.1);
  padding: 20px;
}

@media not all and (min-width: 1000px){
	.fukidashi{
		padding: 15px 10px;
	}
}

/* お客様の声 */
@media not all and (min-width: 1000px){
#voice img{
	width: 80px!important;
}
}
/* 色付きの半円 */
.fukidashi::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-45deg);
	bottom: 20px;
	left: -15px;
  border-left: 20px solid #fff;
  border-top: 20px solid #fff;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
/* 白い半円 */
.fukidashi::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-45deg);
	bottom: 35px;
	left: -20px;
  border-left: 20px solid #F4E3D9;
  border-top: 20px solid #F4E3D9;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

/* Q & A */
.ark-block-faq__q {
	background-color: #37302F;
	color: #fff;
	cursor: pointer;
}
.ark-block-faq__a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
	padding: 0!important;
}
.ark-block-faq__a.open {
	max-height: fit-content;
	padding: 1em 1em 1em 3em!important;
	border: solid 1px #37302F;
}
.ark-block-faq .ark-block-faq__q:before,
.ark-block-faq .ark-block-faq__a:before {
	font-family: "Noto Serif JP", serif;
	font-size: 1.2em;
	font-weight: bold;
	box-shadow: none;
	top: 5px;
	left: 10px;
	background-color: transparent;
}
.ark-block-faq .ark-block-faq__a:before {
	top: 8px;
}
.ark-block-faq .ark-block-faq__item+.ark-block-faq__item {
	position: relative;
	border-top: none;
}
.ark-block-faq__item .ark-block-faq__q:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: translate(0px,-2px) rotate(135deg);
    transform: translate(0px,-2px) rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
		transition:.5s;
}
.ark-block-faq__item.open .ark-block-faq__q:after {
	transition:.5s;
	-webkit-transform: translate(0px,2px) rotate(-45deg);
	transform: translate(0px,2px) rotate(-45deg);
}
@media not all and (min-width: 1000px){
	.ark-block-faq__item+.ark-block-faq__item {
    margin-top: .5em;
    padding-top: .5em;
}
	
	.ark-block-faq__q {
    padding: .75em 3em;
}

}


/* お問合わせ */
.snow-monkey-form{
	width: 100%;
	margin: 0 auto;
	}

	.smf-item__controls{
	color: #333;
	}
	
	.smf-action .smf-button-control__control {
			font-weight: bold;
			color: #fff;
			background-color: #dc5b26;
			background-image: none;
			border: none;
	}
	.smf-action .smf-button-control__control:hover {
	opacity: .7;
	}