/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2025 | 11:40:13 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp
*/

/*  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.c-postThumb__cat.icon-folder {
	display:none;
}


/*スマホメニューの内容を消す*/
.p-spMenu__nav{
	display:none;
}
.spnav__jp p,
.spnav__en p{
	margin-left:15px;
}

.spnav__jp .swell-block-accordion__icon,
.spnav__en .swell-block-accordion__icon{
    color: #052365;
}
.spnav__en {
	display:none;
}

html[lang="en-US"] .spnav__jp {
	display:none;
}
html[lang="en-US"] .spnav__en {
	display:block;
}


.business_h1 h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;

}
	.spjoin_btns {
		display:none;
	}

#main_visual img {
	width:100%!important;
}

.mv-text .sp {
	display:none;
}
	.philosophy03 .swell-block-columns.sp {
		display:none;
	}

.menu-item-2816,
.menu-item-2825,
.menu-item-2843,
.menu-item-2848{
	position:unset!important;
}
.menu-item-2816 .sub-menu,
.menu-item-2825 .sub-menu,
.menu-item-2843 .sub-menu,
.menu-item-2848 .sub-menu{
  width: calc(100vw - 0px);
}
.menu-item-2816 .sub-menu a,
.menu-item-2825 .sub-menu a,
.menu-item-2843 .sub-menu a,
.menu-item-2848 .sub-menu a{
  padding: 0em;
}
.menu-item-2816 .sub-menu a:before,
.menu-item-2825 .sub-menu a:before,
.menu-item-2843 .sub-menu a:before,
.menu-item-2848 .sub-menu a:before{
  display : none;
}
.menu-item-2816 .sub-menu a:hover,
.menu-item-2825 .sub-menu a:hover,
.menu-item-2843 .sub-menu a:hover,
.menu-item-2848 .sub-menu a:hover{
  background-color : unset;
}
.menu-item-2816 .sub-menu .ttl,
.menu-item-2825 .sub-menu .ttl,
.menu-item-2843 .sub-menu .ttl,
.menu-item-2848 .sub-menu .ttl{
  left: 0 !important;
}
p.header_mega_ttl {
	line-height:1;
	padding-top:3%;
}
.menu-item-2848 p.header_mega_ttl {
	padding-bottom:5%;
}
p.header_mega_ttl_mini {
	line-height:1;
	color:#999999;
}
.header_mega_menu {
	font-size:18px;
	width:40%;
	gap: 50px!important;
	margin:0 auto;
	padding-top: 5%;
    padding-bottom: 5%;
}
.menu-item-2825 .header_mega_menu,
.menu-item-2848 .header_mega_menu{
	width:80%;
	padding:0;
	padding-bottom:20px;
}
.header_mega_menu .wp-block-column {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}
.header_mega_menu.sub {
    padding-bottom: 5%!important;
}
.header_mega_menu .wp-block-column a::before {
    content: "";
    position: absolute;
    display: block;
    margin-right: 10px;
	top:5px;
    right: 0;
	left:unset;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: 2px solid #106EB8;
    border-right: 2px solid #106EB8;
}
.header_mega_menu .wp-block-column:hover, .header_mega_menu .wp-block-column p a:hover::before {
    color: #106EB8;
    border-top-color: #106EB8;
    border-right-color: #106EB8;
    border-bottom-color: #106EB8;
}

/*  ニュース*/
.news_sns {
	margin:5% 0;
	width:30%;
}

.-type-simple .p-postList__link:hover {
    background-color: hsla(0,0%,100%,0);
}
.l-topTitleArea {
	display:none;
}
.p-articleFoot {
	display:none;
}
.p-postList.-type-simple {
    border-top: none!important;
}

.news_next_btn {
	position:relative;
	display:flex;
	align-items:center;
	justify-content: space-between;
	margin:10% 0;
}

.news_next_btn .prev-link,
.news_next_btn .next-link {
	text-align:center;
	font-weight: bold;
    font-size: 15px;
    width: 180px;
    padding: 15px;
    border-radius: 70px;
	border: 1px solid #CCCCCC;
}
.news_next_btn .universal_btn {
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
	width:180px;
	transition: background 0.3s ease, color 0.3s ease;
}
.news_next_btn .inner-button {
    padding: 15px 20px;
}
.prev-link a,
.next-link a{
	color:black;
}
.prev-link:hover,
.next-link:hover {
	background: linear-gradient(to right, #29a7e1, #052365);
	transition: background 0.3s ease, color 0.3s ease;
}
.prev-link:hover a,
.next-link:hover a{
	color:#fff;
	transition: background 0.3s ease, color 0.3s ease;
}
.prev-link a:hover,
.next-link a:hover {
	color:#fff;
}
.l-articleBottom {
	display:none;
}



/* 言語切り替えボタン */
.widget_bogo_language_switcher .w-header__title {
  display: none;
}

.bogo-language-switcher {
  display: flex;
  justify-content: center; /* ボタンを中央に配置 */
  align-items: center;
  margin: 0;
}

.bogo-language-switcher a {
  display: inline-block;
  width: 40px; /* 丸いボタンの直径 */
  height: 40px;
  line-height: 40px; /* 中央にテキストを配置 */
  border-radius: 50%; /* 丸型にする */
  border:1px solid;
  text-align: center;
  font-weight: bold;
  color: black; /* ボタン内の文字色 */
  background-color: transparent!important; /* ボタンの背景色 */
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.bogo-language-switcher .current a {
  background-color: #106EB8; /* 現在の言語のボタン色 */
}

.bogo-language-switcher .en-US,
.bogo-language-switcher .ja {
  position: relative;
}


/* 言語のボタンが1つだけ表示されるように調整 */
.bogo-language-switcher a {
  display: inline-block;
}

.spmenu__sns {
	margin:3rem 0;
}

/*  ボタン*/
.universal_btn {
	font-size:12px;
	color:#106EB8;
	text-align:center;
	width:150px;
	background: linear-gradient(to right, #29a7e1, #052365);
	border-radius:9999px;
	padding: 2px;
	transition: background 0.3s ease, color 0.3s ease;
}
.inner-button {
    display: block;
    width: 100%;
    padding: 10px 20px;
    background: white;
    border-radius: 9999px;
    text-align: center;
	transition: background 0.3s ease, color 0.3s ease;
}
.universal_btn .inner-button:hover {
  color: #fff; /* お好みのホバー時の色 */
}

/*  swiper　スライドショー*/
.swiper-container, .swiper-slide {
    width: 100%;
    height: 100vh; /* 画面の高さ全体を占める */
}

.swiper-slide img {
    width: 100%;
    height: 100%; /* 画面いっぱいの画像 */
    object-fit: cover; /* 画像を比率を維持したまま切り抜く */
    display: block;
	filter: brightness(50%); /* 明るさを50%に設定（暗くする） */
}

.swiper-slide {
    position: relative;
    opacity: 0; /* 初期は非表示 */
    transition: opacity 1s ease-in-out; /* フェードインアニメーション */
}

.swiper-slide-active {
    opacity: 1; /* アクティブスライドを表示 */
}

.catchphrase {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    font-weight: bold;
}

.progress-bar {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 4px;
    width: 0%;
    background-color: #106EB8;
    transition: width 5s linear;
}

/* ページネーションの横線デザイン */
.swiper-pagination {
  width: 100% !important;
}

.swiper-pagination-bullet {
    width: 100%;
    height: 100%;
    background-color: #106EB8; /* アクティブな横線の色 */
    transform-origin: left; /* 左端から伸びる */
    transition: transform 5s linear; /* アニメーション */
}

.swiper-pagination-bullet-active {
    transform: scaleX(1); /* 横線を100%に拡大 */
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
}
.l-content {
    margin: 0 auto 6em;
    margin-bottom: 0px;
    padding-top: 0!important;
    padding-top: 2em;
    position: relative;
    z-index: 1;
}

/* ヘッダー全体のスタイリング */
.custom-header_container {
  width: 100%;
}

/* 固定ヘッダー */
.custom-header {
  position:relative;
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  z-index: 10;
  top: 0;
  width: 95%;
  margin: 0 auto;
  height:100px;
}
.custom-header .logo {
    width: 15%;
    margin-left: 5rem;
}
.nav-menu {
  position:absolute;
  left:50%;
  transform: translateX(-50%); /* 自身の幅の50%を左にずらす */
}
.nav-menu .menu-list {
  font-weight:bold;
  list-style: none; /* 点を非表示 */
  display: flex;
  gap: 40px;
}

.menu-list .menu-item a {
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
/*  プラスマークとマイナスマーク*/
.header_plus a{
    display: inline-block;
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    background-color: #000066;
    padding: 20px 10px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}
.header_plus::before,.header_plus::after  {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 1s;
}
.header_plus::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 1s;
}
.header_plus.show::before {
    opacity: 0;
}
.header_plus.show::after {
    transform: translateY(-50%) rotate(180deg);
}

.hover-header {
  position:relative;
}

/*  news*/
.c-postTimes__posted {
	letter-spacing:1px;
}
.topnewscontainer .swell-block-fullWide__inner {
	width:80%;
}
.p-postList__meta :before {
	display:none;
    margin-right: .25em;
}
.topnews .column_left {
	display: flex;
    vertical-align: bottom;
    flex-direction: column;
    justify-content: space-around;
}
.-type-simple .p-postList__link {
    padding: 2em .25em;
}
.topnews .inner-button {
    font-weight: bold;
}
.topnews .universal_btn a:hover {
	color:white;
}
.universal_btn.sp {
	display:none;
} 
/*プロジェクト  */
.top_project {
	max-width:100%;
	text-align:center;
	margin:0 auto!important;
	background-image:url('http://withgoo.com/ib-holding/wp-content/uploads/2024/10/fistpump.png');
	background-size: calc(100% - 30px) auto; /* 幅を100%から50px引いたサイズに設定し、高さは自動 */
    background-repeat: no-repeat; /* 画像の繰り返しを無効にする */
	position:relative;
}
.top_project::before {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 背景の暗さを調整 */
    z-index: 1; /* オーバーレイが背景にかかるように設定 */
}
.top_project * {
    position: relative;
    z-index: 2; /* コンテンツがオーバーレイの上に表示されるように設定 */
}
/* <h2 class="is-style-section_ttl">Buy Chem <span class="japan">Japan</span><br><span class="top_subtxt">プロジェクト</span></h2> */
.top_project img {
	padding-top:10%;
	width:50%;
}

.top_project h2 {
	font-size:5.3125rem;
	color:white!important;
	line-height:0.8;
	margin:0;
	padding:13% 0 50px 0!important;
}
.japan {
	font-weight:100;
}
.top_subtxt{
	position:relative;
	top:-15px;
	color:white;
	display:block;
	font-size:50px;
	font-weight:bold;
}
.top_project p {
	width:55%;
	color:white;
	margin:0 auto;
	text-align:left;
	padding-bottom:100px;
}
/* プロジェクトの画像 */
.top_project_img {
    position: relative;
    background-color: white;
    width: 90%;
    margin: 0 auto;
    margin-top: -50px;
    padding: 60px 50px 40px;
    z-index: 2;
}
.top_project_img.sp {
	display:none;
}
/*  view moreボタン*/
/*  ボタンの色*/
/* #106eb8 */
/* #29a7e1-#052365 */
.top_btn a{
	color:#106eb8;
	padding-top:20px;
	padding-bottom:20px;
	transition: background 0.5s ease;
}
.top_btn a:hover {
	background: linear-gradient(to right, #29a7e1, #052365); /* グラデーションを背景に設定 */
}
.project {
	width:150px;
	margin:0 auto;
	margin-top:0px;
}
.project .inner-button {
	font-weight: bold;
}
/* ビジネス */
.topbusiness {
	text-align:center;
}
.topbusiness_txt {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    text-align: left;
    font-size: 40px!important;
}
.topimage-container {
    display: flex;
    justify-content: space-between;
	margin:0 auto;
    width: 100%;
}
	.top_content_sub p.sp_txt {
		display:none;
	}

.image-item {
    position: relative;
    flex: 1;
    background-size: cover;
    background-position: center;
    height: 680px; /* 画像の高さ */
    transition: flex 0.3s ease;
    overflow: hidden;
	border-right: 2px solid white; /* 画像の間に白い線を追加 */
}
.image-item:last-child {
    border-right: none;
}

.image-item:nth-child(1) {
    background-image: url('http://withgoo.com/ib-holding/wp-content/uploads/2025/08/bottom-menu1.png'); /* 1つ目の背景画像 */
}

.image-item:nth-child(2) {
    background-image: url('http://withgoo.com/ib-holding/wp-content/uploads/2025/08/bottom-menu2.png'); /* 2つ目の背景画像 */
}

.image-item:nth-child(3) {
    background-image: url('http://withgoo.com/ib-holding/wp-content/uploads/2025/08/bottom-menu3.png'); /* 3つ目の背景画像 */
}

/* オーバーレイのスタイル */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* 半透明の黒オーバーレイ */
    transition: background-color 0.3s ease;
}

/* コンテンツのスタイル */
.topcontent {
	width:100%;
	margin-top:10%;
	margin-left:10%;
    text-align: left;
    color: white;
    z-index: 2; /* オーバーレイよりも前面に表示 */
}

.topcontent h2 {
	text-align:left!important;
    font-size: 24px;
    margin-bottom:400px;
	line-height:40px;
}
.topcontent h2 span {
	font-weight:normal;
}
/* .topcontent_sub のスタイル */
.topcontent_sub {
    position: relative;
	font-weight:bold;
    width: 77%; /* 横幅を80%に調整 */
    z-index: 2; /* オーバーレイより前に配置 */
    margin-top: 410px; /* ボタンとの間にスペース */
}

.topcontent_sub p {
    color: white;
    font-size: 1.125rem;
}

/* ボタンのスタイル */
.btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px; /* ボタン内のテキストを中央に配置 */
    text-align: center;
    border: 2px solid #106eb8; /* ボタンの縁を青色に */
    border-radius: 50%; /* 丸いボタンに */
    color: #106eb8; /* テキスト色は青 */
    background-color: transparent; /* 背景を透明に */
    font-size: 24px; /* 「＞」の大きさ */
    text-decoration: none; /* 下線を削除 */
    transition: background-color 0.3s ease, color 0.3s ease;
	justify-content: space-between;
    position: relative; /* ボタンの相対位置 */
    z-index: 3; /* オーバーレイの上に表示 */
	top:-40px;
	left:100%;
}

.topcontent_sub .btn {
    display: none;
    width: 50px;
    height: 50px;
    border: 2px solid #106eb8;
    border-radius: 50%;
    background-color: transparent;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    right: 20px;
    z-index: 3;
}

.topcontent_sub .btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 45%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #106eb8;
    border-right: 2px solid #106eb8;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: border-color 0.3s ease;
}


a.image-item {
    text-decoration: none; /* リンクの下線を削除 */
    color: inherit; /* テキストカラーを継承 */
    display: block; /* 全体をクリック可能に */
}




/* ボタンのホバー時のスタイル */
.image-item .btn {
    display: none; /* 普段は非表示にする */
}

.image-item:hover .btn {
    display: inline-block; /* .image-itemをホバーしたときに表示する */
}

/* 画像全体をホバーしたときにボタンを表示 */
.image-item:hover .btn {
    display: inline-block; /* ホバー時に表示 */
	background-color: #106eb8; /* 背景色を青に */
    color: white; /* テキスト色を白に */
}

/* ホバー時のボタンの色変更 */
.image-item:hover .btn:hover {
    background-color: #106eb8; /* 背景色を青に */
    color: white; /* テキスト色を白に */
}
.btn:hover {
    background-color: #106eb8; /* ホバー時に背景色を青に */
    color: white; /* ホバー時のテキスト色を白に */
}



/* ホバー時のアニメーション */
.image-item:hover .overlay {
    background-color: rgba(0, 0, 0, 0.3); /* ホバー時にオーバーレイを少し薄く */
}

.image-item:hover {
    flex: 2; /* ホバー時に画像の幅を広げる */
}

.image-item:hover .content {
    transform: translate(-50%, -50%) scale(1.05); /* コンテンツを少し拡大 */
}

.image-item:hover .btn {
    display: inline-block;
    background-color: #ffffff00; /* 背景を青に */
    transform: scale(1.2);
}

.image-item:hover .btn::before {
    border-color: #fff; /* 矢印を白に */
} 

/*  非表示*/
.display {
	display:none!important;
}

/*  参画メーカー*/
/* ボックス全体の設定 */
.link-boxes {
  width: 95%;
	margin:0 auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

/* 各リンクボックスの設定 */
.link-box {
  position: relative;
  width: 50%;
  height: 330px;
  background-color: #f1f1f1;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* a タグ全体にクリックできる領域を広げる */
.link-box a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

/* Markerボックス専用のカスタマイズ */
.link-box.marker {
  background-image: url("//withgoo.com/ib-holding/wp-content/uploads/2024/11/リンクボタン_Makers-fotor-20241120151554-scaled.jpg");
  background-size: cover; /* 初期状態で背景をボックスにフィット */
  background-repeat:no-repeat;
  transition: background-size 0.5s ease; /* スムーズな拡大 */
}

/* Buyerボックス専用のカスタマイズ */
.link-box.buyer {
  background-image: url("//withgoo.com/ib-holding/wp-content/uploads/2024/11/リンクボタン_Buyers-fotor-20241120151410-scaled.jpg");
  background-size: cover; /* 初期状態で背景をボックスにフィット */
  background-repeat:no-repeat;
  transition: background-size 0.5s ease; /* スムーズな拡大 */
}

/* ホバー時の背景画像拡大 */
.link-box:hover.marker,
.link-box:hover.buyer {
  background-size: 110%; /* 背景画像を拡大 */
}

/* ホバー時の背景暗さ保持 */
.link-box:hover::before {
  opacity: 1;
}

/* ボックス内のコンテンツ設定 */
.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  text-align: left;
  color: #fff;
  width: 100%;
  z-index: 2; /* 擬似要素の上に配置 */
}

.box-content h3 {
  font-size: 6rem;
  margin: 0;
}
/* 各リンクボックスの設定 */
.link-box {
  position: relative;
  width: 50%;
  height: 330px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 背景画像を擬似要素に移動 */
.link-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s ease; /* スムーズなアニメーション */
  z-index: 1;
  transform: scale(1); /* 初期状態 */
}

/* 各ボックスの背景画像 */
.link-box.marker::before {
  background-image: url("//withgoo.com/ib-holding/wp-content/uploads/2024/11/リンクボタン_Makers-fotor-20241120151554-scaled.jpg");
  background-size:cover;
  background-position:top;
}

.link-box.buyer::before {
  background-image: url("//withgoo.com/ib-holding/wp-content/uploads/2024/11/リンクボタン_Buyers-fotor-20241120151410-scaled.jpg");
  background-size:cover;
  background-position:top;
}

/* ホバー時の画像拡大 */
.link-box:hover::before {
  transform: scale(1.1); /* 背景画像を拡大 */
}

/* ボックス内のコンテンツ設定 */
.box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  text-align: left;
  color: #fff;
  width: 100%;
  z-index: 2; /* 背景画像より前面に配置 */
}

.box-content h3 {
  font-size: 6rem;
  margin: 0;
}

.box-content h3:hover {
  color: #106EB8;
}

.box-content p {
  font-size: 16px;
  margin-left:6px;
}

.box-content span.rotate {
  font-size: 4rem;
}

.box-content h3:hover {
  color: #106EB8;
}


.box-content span.rotate {
  font-size: 4rem;
}

/* リンクのデフォルトスタイルを無効化 */


/* 通常のスライダー */
.company_logo_slider_container {
  overflow: hidden;
}

.company_logo_slider {
  width: 100%;
  position: relative;
}

.company_logo_slides {
  display: flex;
  width: 200%;
  animation: slide var(--duration, 10s) linear infinite;
}

.company_logo_slides.alternate {
  animation: slide_alternate var(--duration, 10s) linear infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes slide_alternate {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.company_logo_slide {
  flex-basis: 50%;
  display: flex;
  align-items: center;
}

.company_logo_slide img {
  flex-basis: var(--logo-width, 6.25%);
}



/*  フッター*/
.footer_pc {
	margin-bottom:0;
}
.footer_pc .swell-block-columns{
	margin-bottom:0!important;
}
.costom_footer {
	border-top:1px solid #E0E0E0;
	padding:50px 0 0 0!important;
}
.costom_footer a {
	color:black;
}
.costom_footer a:hover {
	color:#106eb8;
}
.costom_footer .universal_btn {
	position:relative;
	top:-15px;
	margin-left:auto;
}
.costom_footer .universal_btn  a{
	color:#106EB8;
}
.costom_footer .universal_btn  a:hover{
	color:#fff;
}
.richcolumn {
	width:90%;
	margin:0 auto;
}
.footer_sns {
    margin-left: auto;
    width: 75%;
    --clmn-w--pc: 20%;
}
.footer_sns .swell-block-columns__inner {
	justify-content: flex-end!important;
}
.richcolumn .swell-block-columns__inner {
    justify-content: space-between;
}
.f_list {
	width:50%;
}
.f_list p {
	text-align:left;
}
/*  トップページに戻る*/
.p-fixBtnWrap {
    bottom: 18.1em;
    right: 2.5em;
}

html[lang="ja"] .costom_footer.en{
	display:none;
}

/*  スマホ用*/
.footer_sp {
	width:90%;
	margin: 0 auto;
}
.footer_sp .swell-block-columns__inner{
	flex-wrap: inherit;
}
.footer_sp p{
	margin-bottom:5px;
}


/* プライバシーポリシー */
.page-id-117 .l-topTitleArea,
.page-id-1497 .l-topTitleArea,
.page-id-121 .l-topTitleArea,
.page-id-163 .l-topTitleArea{
	display:none;
}

.policy_contents .swell-block-fullWide__inner {
	width:80%;
	margin:0 auto;
}
.policy_contents .wp-block-table span {
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0rem;
}

.policy_contents .wp-block-table td {
	padding: 30px 0 30px 0;
}
.policy_contents .wp-block-table td:last-child {
	border-bottom:none;
}

/*  コンタクト*/
table.CF7_table{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #E0E0E0;
}

table.CF7_table th,
table.CF7_table td{
	padding:15px 0;
	border: none;
}
table.CF7_table th {
	padding-top:35px;
	vertical-align: top;
	width:30%;
	background-color:transparent;
	position:relative;
}
.cf7_contents {
	padding-top:15px!important;
}

table.CF7_table .cf7_contents th {
	padding-top:35px;
}

.wpcf7-form-control {
	width:100%;
	padding: 20px;
	border-radius:5px;
}
.CF7_table input, .CF7_table textarea {
    border: 1px solid #F1F2F4;
}
.cf7_name {
	display:flex;
	justify-content:space-between;
}
.cf7_name-box {
	width:48%;
}
/* お問い合わせのきっかけ */
/* チェックボックスの親要素のスタイル */
.wpcf7-form-control-wrap[data-name="inquiry-reason"] .wpcf7-checkbox {
  padding:0;
  display: flex;
  flex-wrap: wrap;      /* 行を折り返して複数列に */
  gap: 10px;     /* 各項目の間隔 */
  justify-content:space-between;
}

/* 各チェックボックスアイテムの幅を設定 */
.wpcf7-form-control-wrap[data-name="inquiry-reason"] .wpcf7-list-item {
  width: calc(60% - 85px); /* 2列レイアウト（50%幅 - gapの半分） */
  display: flex;
  align-items: center;    /* テキストとチェックボックスを中央揃え */
}
.wpcf7-list-item-label {
	margin-left:10px;
	cursor: pointer;
	/* ラベルクリックでチェックが入るようにカーソル変更 */
}

/* 最後の tr の中の th と td にのみスタイルを適用 */
table.CF7_table tr:last-of-type th,
table.CF7_table tr:last-of-type td {
	padding-bottom:50px;
}
.cf7_contents span {
	display:none;
}


.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}
.CF7_btn {
	width:30%;
	margin:0 auto;
}
.fc7_policy {
	margin:30px 0;
}
.fc7_policy p{
	text-align:center;
}

.fc7_policy .rotate{
	display:inline-block;
	transform:rotate(-45deg);
}
.CF7_table .wpcf7-list-item input {
	width: 25px;
    height: 25px;
}
table.CF7_table th span.ast {
  display:inline;
  color: red;    /* 色を赤に設定 */
  font-weight: bold; /* 太字にする */
  margin-left: 5px; /* テキストとの間隔を空ける */
}

.fc7_policy .wpcf7-list-item input {
	width: 20px;
    height: 20px;
}
.fc7_policy .wpcf7-list-item-label {
    position: relative;
    top: -5px;
}
.fc7_policy .wpcf7-list-item-label a {
	color: #106eb8;
}


.wpcf7-submit {
    padding: 10px 20px;
    color: #106EB8;
    background-color: white;
    border-radius: 50px;
    position: relative;
    border: 1px solid;
}

.wpcf7-form .universal_btn {
	width:150px;
	margin:0 auto;
	padding:1px;
}
.wpcf7-submit:hover {
	color:white;
	background: linear-gradient(to right, #29a7e1, #052365);
}
.wpcf7-form input[type="submit"]:hover {
background: linear-gradient(to right, #29a7e1, #052365);
}
.wpcf7-form .inner-button {
	padding:0;
}
.wpcf7-form .wpcf7-spinner {
	position:absolute;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    text-align: center;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
}
.toprecruit02 .sp,
.toprecruit03 .sp,
.newrecruit03 .sp {
		display:none;
	}

	.newrecruit01_nav-container.sp {
		display:none;
	}


/*  レスポンシブ*/
/* デスクトップ（1200px以上） */
@media (min-width: 1200px) {
  /* デスクトップ向けのスタイル */
	    .section_sp {
	  display:none;
	}
	.topimage-container {
		max-width:2600px;
	}
	.business03 h3 {
		font-size:18px;
	}
	.business03 .column {
    width: 1019px!important;
    margin: 0 auto;
}
	.access {
    padding-bottom: 100px;
}
	.chart {
    margin-top: 630px!important;
}
	.company_logo_slider {
    width: 80%;
    position: relative;
}
	.company_logo_slide img{
		width:20%;
	}
	.market_container {
    height: 760px;
    top: 10%;
    right: 10%;
    overflow-y: auto;
    scrollbar-width: none;
    padding-bottom: 50px;
}
	.market_arrow {
    margin-top: 10px;
}
	.market_images {
    height: 840px;
}
	.marker_buyer.pc-py-60 {
    padding-bottom: 6em!important;
    padding-top: 8em!important;
}
	.market_images p {
    max-width: 50vw;
	height:600px;
}
/* 	 */
	.newrecruit03_item p{
		font-size:0.9rem;
	}
}


/* ラージタブレットまたはPC（992px以上） */
@media (max-width: 1199px) {
/* 	 企業情報*/
	.about_section01_item h2 {
		font-size:1.5rem!important;
	}
	.about_section01_item p {
		font-size:0.8rem;
	}
	.access li {
		font-size:1.1rem;
	}
/* 	 採用トップ*/
	h2.is-style-section_ttl {
		font-size:1.5rem!important;
	}
/* 	 フィロソフィー*/
	.mission_txt {
    max-width: 400px !important;
}
/* 	 ビジネス*/
	.box-content h3 {
    font-size: 5rem;
    margin: 0;
}
	.box-content p {
    font-size: 14px;
    margin: 0;
}
/* 	 新卒採用*/
	.newrecruit03 .global {
		font-size:15vw!important;
		margin-bottom:0!important;
}
	.newrecruit03 .pc {
		display:none;
	}
	.newrecruit03_item h2 {
		font-size:3rem!important;
	}

	
}

@media (max-width: 991px) {
  /* タブレット縦向きのスタイル */
	.topnews .swell-block-column {
    --clmn-w: var(--clmn-w--tab,100%);
}
	.topnews .wp-block-spacer{
		height:0!important;
	}
	.topnews_btn {
		display:none;
	}
	.topnewscontainer .universal_btn {
		display:none;
	}
	.universal_btn.sp{
		display:block;
		margin:0 auto ;
	} 
	.section_sp {
		display:block;
	}
	.topbusiness_txt {
    font-size: 1.7rem!important;
}
	.top_project {
		background-image:url(http://withgoo.com/ib-holding/wp-content/uploads/2024/10/BuyChemJapanプロジェクト_右側-2.jpg);
	}
	.top_project h2 {
	padding: 6% 0 40px 0 !important;
    font-size: 3.3125rem;
}
	.top_subtxt {
    font-size: 30px;
}
	.top_project p {
    padding-bottom: 45px;
}
	.top_project_img {
    margin-top: -25px;
}
	.topimage-container {
    flex-direction: column;
}
	.image-item .btn {
		display:block;
	}
	.image-item {
		background-size:cover;
    border-right: none;
    border-bottom: 2px solid white;
}
	.topcontent_sub {
    position: relative;
    width: 560px;
}
	.topcontent_sub p {
    color: white;
    font-size: 2.125rem;
}
	.business01 .container, .business02 .container {
    width: 90%;
}
	.btn {
    color: white;
    background-color: #106eb8;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: -75px;
    /* right: -10px; */
    left: 110%;
}
	a.btn {
		font-size:2.5rem;
	}
	.footer_pc {
		display:none;
	}
	.footer_sp {
		display:block!important;
	}
	.footer_sp .universal_btn.sp {
		font-size:2rem;
		width:540px;
		margin-bottom:2em;
	}
/* 	 ビジネス*/	
	.business_h1 h1 {
    font-size:3rem;
}
	.business01 .swell-block-fullWide__inner,
	.business02 .swell-block-fullWide__inner{
    width: 90%;
    margin: 0 auto;
}
/* 	 ビジネスのブロック*/
	.container {
    width: 880px;
}
/* 	 採用トップ*/
	.toprecruit_item h1 {
		font-size:1.9rem!important;
	}
	.toprecruit02 .pc {
		display:none;
	}
	.toprecruit02 .sp {
	display:block;
		width:80%;
		margin:0 auto;
}
	.toprecruit03_item .universal_btn {
    margin: 0 0 0 auto;
}
	.toprecruit04 .swell-block-columns__inner {
		margin-left:0;
	}
	.p-fixBtnWrap {
    bottom: 3.5em;
    right: 2.5em;
}
	.costom_footer .universal_btn {
    position: relative;
    top: 0px;
    margin-left: auto;
}
/* 	 新卒採用*/
	.newrecruit01 .wp-block-columns {
		flex-direction:column;
}
/* 1日のスケジュール */
.schedule,
.schedule_lunch,
.schedule_night {
    display: none;
}

/* nozomiとitaruの共通設定 */
.sp .schedule_timeline.nozomi,
.sp .schedule_timeline.itaru {
    height: 600px;
}

.sp .schedule_timeline.itaru {
    height: 600px;
}

.sp .schedule_timeline.satoshi {
    height: 700px;
}

/* nozomiのスケジュール */
.sp.nozomi .schedule_timeline.lunch, 
.sp .schedule_lunch {
    top: 130px;
    height: 430px;
}

.sp.schedule_night.nozomi, 
.sp.nozomi .schedule_timeline.night {
    margin-top: 403px;
    height: 200px;
}

/* itaruのスケジュール */
.sp.itaru .schedule_timeline.lunch, 
.sp.itaru .schedule_lunch {
    top: 207px;
    height: 485px;
}
.sp.schedule_night.itaru, .sp.itaru .schedule_timeline.night {
        margin-top: 497px;
        height: 200px;
    }
.sp.itaru .schedule_timeline.night {
    margin-top: 497px;
    height: 200px;
}


.sp.schedule_night, .sp .schedule_timeline.night {
    margin-top: 497px;
    height: 200px;
}

/* satoshiのスケジュール */
.sp.satoshi .schedule_timeline.lunch, 
.sp.satoshi .schedule_lunch {
    top: 325px;
    height: 395px;
}

.sp.schedule_night.satoshi, .sp.satishi .schedule_timeline.night {
        margin-top: 525px;
        height: 380px;
    }
.sp.satoshi .schedule_timeline.night {
    margin-top: 497px;
    height: 345px;
}
	
/* 英語インタビュー	 */
	html[lang="en-US"] .sp.schedule_night, html[lang="en-US"] .sp .schedule_timeline.night {
    margin-top: 230px;
    height: 200px;
}


/* 共通設定 */
.schedule.sp,
.schedule_lunch.sp,
.schedule_night.sp {
    display: block;
}

.sp .schedule_timeline-point {
    top: 0px;
}
}

@media (max-width: 820px) {
	.p-spHeadMenu {
		display:none!important;
	}
	.about_section01::before {
		display:none;
}
/* 	 フィロソフィー*/
	.philosophy_vision .swell-block-columns__inner {
    justify-content: space-between;
	flex-direction: column;
    align-items: center;
}
	.philosophy02 .pc {
		display:none;
	}
	.philosophy02 .sp {
		display:block;
	}
	.philosophy02 .swell-block-column {
    --clmn-w: var(--clmn-w--tab,100%);
}
	.mission_txt {
    max-width: 80%!important;
    width: 100%;
}
	.philosophy03 .swell-block-column {
    width: 95%;
}
	.philosophy03 .wp-block-media-text {
    height: 130px;
}
	.philosophy03 .swell-block-columns__inner {
    margin-left: calc(var(--swl-clmn-mrgn--x)*0);
}
	.philosophy03 .swell-block-columns.pc {
		display:none;
	}
	.philosophy03 .swell-block-columns.sp {
		display:block;
	}
	.philosophy03 .swell-block-columns__inner {
     gap: 0px!important;
}
	
/* 	 ビジネス*/
   .container {
    width: 100%;
}
	.business01 .container, .business02 .container {
    width: 90%;
}
	.business01 .block, .business02 .block {
    font-size: 12px;
}
/* 	 組織図*/
	.chart_item_img {
    left: 50%;
    transform: translateX(-50%);
}
	.about_section01_item,
	.about_section02 .pc{
		display:none;
	}
	.sp {
		display:block;
	}
	.about_section01 .sp {
		width:87%;
		margin:0 auto;
		display:block;
	}
	.about_section02 .sp {
    width: 87%;
    margin: 0 auto;
    display: block;
}
	.about_section01 .sp .about_section01_txt {
		width:100%;
		font-size:1.5rem;
		margin-bottom:30px;
	}
	.about_section01 .sp .about_section01_txt:last-of-type {
		border-bottom:none;
	}
	.about_section02 .swell-block-fullWide__inner {
		padding:0;
	}
	.access {
    width: 87%;
}
	.chart_item {
    width: 87%;
    margin: 0 auto;
}
	.timeline_box .swell-block-fullWide__inner {
    width: 87%;
    margin: 0 auto;
}
	.ceo_sp {
		padding-bottom:30px;
		border-bottom: 1px solid #E0E0E0;
	}
	.sp .reveal-text {
		margin-left:0;
	}

	.wp-block-columns.access p {
		text-align:left;
	}
	.chart_item .swell-block-columns__inner {
		flex-direction: column;
	}
	.chart_item .swell-block-column {
    --clmn-w: var(--clmn-w--tab,100%);
}
	.market_wrapper {
    display: block;
    position: relative;
}
	.market_container {
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    scrollbar-width: none;
    padding-bottom: 0px;
}
	.marker_buyer .swell-block-column {
    --clmn-w: var(--clmn-w--tab,100%);
}
	.marker_buyer .wp-block-cover {
		min-height:400px!important;
	}
	
	.link-boxes {
    flex-direction: column;
}
	.link-box {
    width: 100%;
}
/* 	 採用トップ*/
	.toprecruit03 .pc {
		display:none;
	}
	.toprecruit03 .sp {
		position:relative;
		display:block;
	}
	.ceo_txt_sp {
		position:absolute;
		color:white;
		bottom:75px;
		right:10%;
		width: 80%;
		margin:0 auto;
	}
	.toprecruit03 .ceo_txt_sp p.txtcenterline {
		position:relative;
	}
	.toprecruit03 .ceo_txt_sp p.txtcenterline::after {
		top:13px;
		background-color:#052365;
	}
	.toprecruit03 .sp .universal_btn {
		width:60%;
	}
	.toprecruit03 .sp h2 {
		font-size:unset!important;
	}
	.toprecruit03 .sp p {
		font-size:0.6rem;
	}
	h2.is-style-section_ttl {
    font-size: 1.3rem!important;
}
/* 	 820px*/
/* 	 対談*/
	.dialogue03 .c-balloon__text {
		font-size:12px;
	}
	.scroll-join p {
    display: none;
}
	.scroll-join span {
    display: none;
}
/* 	 新卒採用*/
	.newrecruit05_table table,
	.newrecruit07 table{
  border-collapse: collapse;
}
	.newrecruit05_table tr,
	.newrecruit07 table tr,
	.newrecruit08 table tr{
  display: flex;
  flex-direction: column; /* 縦に並べる */
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
}
	.newrecruit05_table th,
.newrecruit05_table td,
	.newrecruit07 table th,
	.newrecruit07 table td,
	.newrecruit08 table th,
	.newrecruit08 table td{
  border: none;
}
	.newrecruit05_table th,
	.newrecruit07 .wp-block-table th,
	.newrecruit08 .wp-block-table th
	{
		padding: 30px 5px 5px!important;
	}
	.newrecruit05 .wp-block-table td, .newrecruit05 .wp-block-table th,
	.newrecruit07 .wp-block-table td, .newrecruit07 .wp-block-table th,
	.newrecruit08 .wp-block-table td, .newrecruit08 .wp-block-table th{
    padding: 5px 5px 30px;
}
	.newrecruit07 .wp-block-table td {
		font-size:0.8rem;
	}
	.newrecruit04 .wp-block-list {
    background: white;
    width: 85%;
    padding: 40px 30px;
    margin: 0 auto;
}
	.newrecruit08 .wp-block-table th {
    width: 40%!important;
}
	.newrecruit08 .swell-block-accordion__label {
		font-size:0.8rem;
	}
	.newrecruit08_box span {
    font-size: 0.8rem;
    margin-right: 5px;
}
}

@media (max-width: 781px) {
	.newrecruit01_page-nav .newrecruit01_nav-list li {
		font-size:0.6rem;
    margin: 0 10px;
}
	
	.newrecruit04 ul {
    width: 550px!important;
    font-size: 16px!important;
}
	.newrecruit06_selection .wp-block-column {
		position:relative;
	}
		.newrecruit06_selection .wp-block-image .wp-image-1244 {
		transform: rotate(90deg);
	}
	
}

/* スマホ（大きめのスマホ 576px以上） */
@media (max-width: 767px) {
  /* 大きめのスマホ向けのスタイル */
	.mv-head span {
    font-size: 3rem!important;
}
	.mv-head {
		font-size:4rem!important;
	}
	.mv-text {
    font-size: 1rem;
}
	.topnewscontainer .universal_btn.sp,
	.universal_btn.project{
    width: 80%;
}
	.topbusiness_txt {
    font-size: 1.3rem!important;
}
	.topcontent_sub.sp {
		width:400px;
	}
	.topcontent_sub.sp p {
		font-size:1.5rem;
	}
	.topimage-container {
    width: 95%;
}
	.topcontent {
    margin-left: 5%;
}
	
/* 	 採用トップビジネス*/
	.business03 h2.is-style-section_ttl {
    width: 320px;
    margin: 0 auto;
	margin-bottom:3rem;
}
	h2.is-style-section_ttl {
    font-size: 1.2rem!important;
}
		.toprecruit07 .universal_btn{
		width:80%!important;
	}
	/*  新卒採用*/ 
.join-buttons .arrow_top_right{
	width: 185px;
    font-size: 12px;
}
	/* 	 1日のスケジュール*/
	.sp .schedule_timeline {
    left: 10%;
}
	.sp .schedule_bubble-description {
    background-color: #fff;
    font-size: 0.7em;
    margin-top: 0;
    padding: 10px;
}
	
}

.purapori .swell-block-fullWide__inner {
    width: 80%;
    margin: 0 auto;
}



/* スマホ（標準サイズ 576px未満） */
@media (max-width: 600px) {
	.w-header.pc_ {
		display:block!important;
	}
	.l-header__customBtn.sp_ {
		display:none;
	}
	.l-header__logo {
    margin-left: 15px;
	padding:0;
}
	.bogo-language-switcher a {
    display: inline-block;
    font-size: 0.9rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    font-weight: bold;
    color: black;
    background-color: transparent!important;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}
  /* 標準的なスマホ向けのスタイル */
	.spmenu__sns .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 60%;
	}
	.c-widget__title.-spmenu {
		display:none;
	}
	.p-spMenu__body {
    margin-top: -30px;
}
		.mv-text .pc {
		display:none;
	}
	.mv-text .sp {
		display:block;
	}
	h1 {
		font-size:2rem!important;
	}
	.top_project h2 {
    padding: 6% 0 40px 0 !important;
    font-size: 3rem;
}
	.top_project {
    background-size: calc(100% - 0px) auto;
}
	.topcontent_sub.sp {
    width: 74%;
}
	.top_content_sub p.sp_txt {
		display:block;
	}
	.topcontent_sub.sp p {
    font-size: 1.2rem;
}
	a.btn {
		font-size:2rem;
	}
	.btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: -43px;
    left: 100%;
}
	.business_h1 h1 {
    font-size: 100px;
    font-family: roboto;
    font-weight: 500;
    line-height: 50px!important;
    font-size: 3rem!important;
    width: 90%;
    padding: 20% 0 0 0!important;
    margin: 0 auto;
    margin-top: 50px!important;
    line-height: 1.1;
}
	.topnews h3 {
		font-size:0.9rem!important;
	}
	.top_project::before {
    right: 0px;
}
	.top_project p {
	font-size:0.8rem;
    width: 80%;
}
/* 	 600px*/
	.top_project img {
    padding-top: 30%;
    width: 60%;
}
	.top_subtxt {
    font-size: 12px;
}
	.top_project::before {
    height: 100%;
}
	html[lang="en-US"] .top_project::before {
    height: 100%;
}
	.top_project_img {
	display:none;
}
	.top_project_img.sp {
	display:block;
}
	.top_project_img.sp .wp-block-column {
    margin-bottom: 3rem!important;
}
	h2.is-style-section_ttl {
    font-size: 1rem!important;
}
	.toprecruit04 .pc {
		display:none;
	} 
	.toprecruit04 .sp {
		font-size:1.6rem!important;
		display:block;
	}
	.toprecruit05 h2 {
		font-size:1.6rem!important;
	}
	.toprecruit06 h2 {
		font-size:1.6rem!important;
		margin-bottom:0!important;
	}
	html[lang="en-US"] .access {
    width: 83%;
}
	.footer_sp .swell-block-columns .swell-block-columns__inner {
		margin:0 auto;
	}
.footer_sp .swell-block-column .wp-block-image {
    width: 40px;
    margin: 0 auto;
}
	.footer_sp .swell-block-column .wp-block-image.insta {
    margin-left: auto;
    margin-right: 0;
}
	.footer_sp .swell-block-column .wp-block-image.youtube {
	margin-left: 0;
    margin-right: auto;
	}
.footer_sp .swell-block-columns__inner {
    justify-content: space-around;
}
	.footer_sp .swell-block-columns .swell-block-column {
    margin: 0;
}
	.business03 h2.is-style-section_ttl {
    gap: 0px;
}
	
/* 	 企業情報*/
	.about_section {
		padding-bottom:0;
	}
	.about_section_img {
		width:100%!important;
	}
	.about_section01 {
		padding-top:0!important;
	}
	.about_section01 h2 {
		font-size:1.7rem!important;
	}
	.about_section01 .sp .about_section01_txt {
    font-size: 1rem;
}
	.about_section02 .sp {
		display:block;
	}
	.sp .reveal-text {
		margin-bottom:3rem;
	}
	h2.about_h_sp {
		font-size:1.8rem!important;
	}
	.chart {
    margin-top: 480px!important;
}
	.custom_map {
    width: 100%;
    height: 340px;
}
	.chart_item_img {
		margin:0 auto!important;
	}
	.access .universal_btn {
    width: 45%;
}
	.access .ttl {
		font-size:1.1rem!important;
	}
	.event  {
		width:330px;
		height:220px;
	}
	.event table {
		display:block;
	}
	.event tr {
        display: flex;
        flex-direction: column; /* 縦に並べる */
		padding-left: 25px;
}
	.event th {
    width: 100%;
    text-align: left;
    /* padding: 0 50px; */
}
	.event td {
		width:100%;
		padding-left: 0px;
	}
	.horizontal-line {
    width: 1480px;
    position: absolute;
    top: 20%;
}
	.business01 h2, .business02 h2, .business03 h2, .business04 h2 {
		font-size:1.3rem!important;
    color: #052365!important;
}
	.business03 h2.is-style-section_ttl::before {
    left: -40px;
}
	.business02 ul, .business01 ul {
    font-size: 16px;
		width:280px;
}
	.business01 ul {
    width: 165px;
}
	.business01 ul {
    width: 285px;
    font-size: 14px;
}
	html[lang="ja"] .business01 ul {
    width: 145px;
    font-size: 14px;
}
	.business01 ul.en {
    width: 290px;
}
	.business02 ul.en {
    font-size: 16px;
    width: 300px;
}
	.business03 h3.pc {
		display:none;
	}
	.business03 h3.sp {
		display:block;
	}
	.business03 p {
		font-size:1rem!important;
		margin-top:-40px;
	}
	.business03 p.margin-top {
    font-size: 1rem!important;
    margin-top: -20px;
}
	.business04 p.u-mb-30 {
		margin-bottom: 0em!important;
	} 
	.market_container {
    width: 550px;
}
	.market_images {
    height: 80vh;
}
	.market_images p {
    display: none;
}
	.company_logo_slides {
    display: flex;
    width: 100%;
    animation: slide var(--duration, 12s) linear infinite;
}
	.company_logo_slide {
    flex-basis: 15%;
    display: flex;
    align-items: center;
}
/* 	 600px*/
/* 	 フィソロフィー*/
	.philosophy02 h2 {
		font-size:1.4rem!important;
	}
	.philosophy02 {
    position: relative;
    padding: 0;
    margin-bottom: 0;
}
	.philosophy03 h2 {
		font-size:24px!important;
	}
	.philosophy03 .is-stacked-on-mobile>.wp-block-media-text__content {
    grid-row: 1!important;
    padding: var(--swl-mediatext--space)!important;
}
	.philosophy03 .wp-block-media-text {
    direction: ltr;
    display: grid;
    grid-template-columns: 20% auto!important;
    grid-template-rows: auto;
}
	.philosophy03 .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
    grid-column: 2;
    grid-row: 2;
}
	.philosophy03 .swell-block-columns.sp {
    display: block;
    margin-bottom: 5rem!important;
}
	html[lang="en-US"] .tooltip {
		width:20px;
		height:20px;
		line-height:20px;
	}
	html[lang="en-US"] .tooltip .tooltiptext.stoc.support {
    top: -155px;
    left: unset;
    right: -212px;
    z-index: 1;
}
	html[lang="en-US"] .tooltip .tooltiptext.stoc {
    top: -180px;
    left: unset;
    right: -100px;
    z-index: 1;
}
	html[lang="en-US"] .tooltip .tooltiptext.stoc.support::before,
	html[lang="en-US"] .tooltip .tooltiptext.stoc.support::after{
    left: 9%;
}
	
	html[lang="en-US"] .tooltip .tooltiptext.stoc::before,
	html[lang="en-US"] .tooltip .tooltiptext.stoc::after{
    left: 55%;
}

	html[lang="en-US"] .tooltip .tooltiptext.bene1 {
		top:-150px!important;
	}
	html[lang="en-US"].tooltip .tooltiptext.bene2 {
		top:-90px!important;
	}
	html[lang="en-US"] .tooltip .tooltiptext.bene3 {
		top:-115px!important;
	}
	
	html[lang="ja"] .tooltip .tooltiptext.bene1 {
		top:-75px!important;
	}
	html[lang="ja"] .tooltip .tooltiptext.bene1sin {
    top: -114px!important;
}
	html[lang="ja"] .tooltip .tooltiptext.bene2 {
		top:-120px!important;
	}
	html[lang="ja"] .tooltip .tooltiptext.bene3 {
		top:-115px!important;
	}
	
/* 	 ビジネス*/
	.business01 .sp,
	.business02 .sp{
		display:block;
	}
	.business01 .wp-block-list,
	.business02 .wp-block-list{
		display:none;
	}
	.business01 .container, .business02 .container {
    width: 90%;
    margin: 0 auto;
    display: none;
    justify-content: space-between;
    gap: 10px;
    flex-direction: column;
		align-items:center;
}
	.business01 .block, .business02 .block {
    font-size: 16px;
}
	.block {
    width: 200px!important;
    padding: 10px 5px;
    text-align: center;
    font-size: 13px;
}
	.business01 .block, .business02 .block {
    width: 200px!important;
    padding: 20px 10px;
    background-color: #F0F0F0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
	line-height:1.2;
    color: #000000;
}
	html[lang="en-US"] .business01 .block, .business02 .block {
	display:flex;
	align-items: center;
    justify-content: center;
    width: 200px!important;
	height:80px;
    padding: 20px 10px;
    background-color: #F0F0F0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
	line-height:1.2;
    color: #000000;
}
	
	.business03 h2.is-style-section_ttl {
	font-size:1.8rem!important;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
}
	.business03 h2.is-style-section_ttl::before {
    left: -20px;
}
	.business03 .swell-block-column p {
		padding-bottom:24px;
	}
	.business03 .swell-block-column {
		border-bottom:1px solid #e0e0e0;
	}
	.business03 .swell-block-column:last-child {
    border-bottom: none;
}
	.company_logo h2 {
		font-size:1.3rem!important;
	}
	.link-box {
    height: 230px;
}
	.wp-block-spacer.pc {
		display:none;
	}
	
	.company_logo h2.is-style-section_ttl{
		margin-top:10%!important;
	}
	.philosophy02::before {
		display:none;
}
	
/* 	 採用トップ*/
	.toprecruit_item h1 {
    font-size: 1.2rem!important;
}
.toprecruit03 .ceo_txt_sp p.txtcenterline::after {
    width: 60px;
    top: 9px;
    /* right: -19px; */
    left: 30%;
    background-color: #ffffff;
}
	p.txtcenterline::after {
	width:60px!important;
    left: 225px;
}
	.toprecruit_btn_container .universal_btn {
    width: 150px;
}
	.toprecruit_btn_container .universal_btn a {
		font-size:12px;
	}
	.toprecruit06_h3 {
    font-size: 14px;
}
.toprecruit06_h3::before {
    position: relative;
    top: 33px;
    right: 46px;
    line-height: 30px;
    width: 40px;
    height: 40px;
}
	.toprecruit07 .universal_btn{
		margin:0 auto;
	}
	.toprecruit07 .universal_btn {
    width: 60%!important;
}
	.recruit_cta_item p {
    font-size: 10px;
}
/* 	 インタビュー600*/
	.toprecruit04 h3 {
	margin-bottom:0;
}
	.toprecruit04 .swell-block-columns__inner p {
		line-height:1.5;
		margin-top:10px;
		margin-bottom:30px!important;
	}
	.toprecruit_interview h2 span {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
	.toprecruit_interview .wp-block-spacer {
		height:5px!important;
	}
	.toprecruit_interview h3 {
		margin-bottom:10px!important;
	}
	.faq_menu {
    margin-bottom: 20px!important;
    /* margin: 0px!important; */
}
	.about_section .swell-block-fullWide__inner {
    width: 90%;
    margin: 0 auto;
}
/* 	 対談*/
	.newrecruit01_nav-container.pc {
		display:none;
	}
	.newrecruit01_nav-container.sp {
		display:block;
	}
	.sp .newrecruit01_page-nav .newrecruit01_nav-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
    align-items: flex-end;
    /* margin-bottom: 23px; */
}
	.scroll-join.pc {
		display:none;
	}
	.spjoin_btns {
		display:block;
	}
	.spjoin_btns {
        width:100%;
        display:flex;
        align-items:center;
        align-content:center;
        position:fixed;
        bottom:0;
		left:0;
		margin-bottom:0;
		z-index:3;
}
	.carrier .join_btn {
		display:flex;
		align-items:center;
		justify-content:center;
		line-height:17px;
		padding-left:25px;
	}
	.apply.arrow_top_right::after {
		right:150px;
	}
		.apply.arrow_top_right::before {
		right:151px;
	}
	.join_btn.rikunabi {
		background-color:#052365;
	}
	.join_btn.setumei {
		background-color:#106EB8;
	}
	.join_btn.intern {
		background-color:#29A7E1;
	}
	.toprecruit04 .swell-block-column.swl-has-mb--s:hover, 
.others_interview .swell-block-column.swl-has-mb--s:hover {
    border-radius: 15px;
    transform: scale(1); /* 目立たせるための追加効果 */
    transition: none; /* アニメーションを適切に指定 */
}

	
.join_btn {
	color:white;
	font-size:0.9rem;
	font-weight:bold;
    display:block;
    height:50px;
	line-height:50px;
    text-align:center;
	flex:1;
    background-color:#29A7E1;
	transition: background-color 0.3s ease; /* スムーズな変化 */
}
.join_btn.sinsotu {
  background-color:#052365;
}	
	.join-btn:hover {
  background: linear-gradient(to right, #29a7e1, #052365);
}
	
.sp a.anker_btn {
    display: block;
    width: 100px;
    font-size: 6px;
    margin-left: auto;
    color: black;
    border: 1px solid black;
    border-radius: 30px;
    padding: 8px 12px;
}
	.dialogue02_box img {
    width: 80px;
    height: 80px;
}
	.dialogue02_item p {
    font-size: 12px;
}
	.dialogue03 .swell-block-fullWide__inner {
    width: 90%;
    margin: 0 auto;
}
	.footer_sp p {
	font-size:12px!important;
}
	.join-buttons.taidan .button {
    width: 150px;
}
/* 	 600px*/
	.graduate_pc {
	display:none;
}
	.graduate_sp {
	display:block;
}
.footer_sp .universal_btn.sp {
    font-size: 1rem;
    width: 45%;
    margin-bottom: 2em;
}
	.toprecruit_btn, .toprecruit_btn2 {
    width: 160px;
    font-size: 13px;
}
	.toprecruit_btn_container {
	margin-top:15px;
    position: relative;
}
	p.txtcenterline::after {
	top: 12px;
    left: 160px;
}
		.join_recruit_btn, .join_recruit_btn2 {
    font-size: 12px;
}
	.button {
    width: 170px;
}

	p.underline-text {
    font-size: 1rem;
    font-weight: bold;
}
	
	.recruit_cta_item p.txtcenterline::after {
    top: -3px;
    left: 25px;
}
/* 	 新卒採用*/
	.newrecruit01_page-nav .newrecruit01_nav-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: row;
    align-items: flex-end;
    /* margin-bottom: 23px; */
}
	.newrecruit01_page-nav .newrecruit01_nav-list li {
    font-size: 0.8rem;
    margin: 10px 10px;
}
	.newrecruit03_item p {
    font-size: 0.6em;
}
	.newrecruit04 .wp-block-list {
    font-size: 14px!important;
}
	.newrecruit04 .wp-block-list {
    background: white;
    width: 85%!important;
    padding: 20px 20px;
    margin: 0 auto;
}
	.newrecruit05 p {
		font-size:12px;
	}
	.newrecruit06 .swell-block-fullWide__inner, .newrecruit07 .swell-block-fullWide__inner, .newrecruit08 .swell-block-fullWide__inner {
    width: 95%;
}
	.newrecruit08_container p{
		font-size:0.6rem;
	}
	.newrecruit08 li {
		font-size:0.6rem;
	}
	.newrecruit06_selection .universal_btn{
		font-size:0.8rem;
	}
	
	.join-buttons .arrow_top_right {
    width: 160px;
    font-size: 12px;
}
	.toprecruit_interview .swell-block-fullWide__inner {
    max-width: 100%;
    width: 80%;
    margin: 0 auto;
}
	.toprecruit_interview h3 {
		font-size:0.8rem;
	}
	.toprecruit_interview p {
		font-size:0.6rem;
	}
	.newrecruit05 h2 {
		font-size:11vw!important;
	}
	.newrecruit05 h2.intern {
		font-size:5vw!important;
	}
	.small_font {
    font-size: 6px!important;
}
/* 	 600*/
	.midcareer01 .swell-block-fullWide__inner {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
    font-size: calc(1vw + 1vh + 0.5vmin);
}
	.midcareer01 h2 {
		font-size:8vw!important;
	}
	.midcareer01 h2 {
    font-size: 8.6vw!important;
    margin-bottom: 10px;
}
.midcareer01 h2.sub {
    font-size: 1.4rem!important;
    margin-bottom: 8px!important;
}
	.midcareer01 p{
		font-size:12px!important;
	}
	.newrecruit06_online .universal_btn, .newrecruit06_selection .universal_btn {
    width: 70%;
    margin: 0 auto;
}
	.newrecruit06 h2.intern {
		font-size:5vw!important;
	}
	.newrecruit07 h2.intern {
		font-size:5vw!important;
	}
	.newrecruit08 h2.intern {
		font-size:5vw!important;
	}
	.midcareer01 h2.sub2 {
		font-size:6vw!important;
	}
	.sp .schedule_bubble {
    width: 250px;
}
	.sp .schedule_right {
    top: -25px;
    right: -300px;
}
	.sp.schedule_night, .sp .schedule_timeline.night {
    margin-top: 60%;
    height: 200px;
}
	.sp .schedule_bubble-description {
    font-size: 0.6em;
}
	.interview_ttl.en h2 {
		font-size:1.5rem!important;
	}
	
/* 	 英語*/
	html[lang="en-US"] .schedule_bubble-title {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    background-color: #29A7E1;
    color: #fff;
    padding: 10px;
}	
	html[lang="en-US"] .sp.schedule_night, html[lang="en-US"] .sp .schedule_timeline.night {
    margin-top: 225px;
    height: 200px;
}
/* 	 英語のぞみ*/
	html[lang="en-US"] .sp .schedule_timeline.nozomi, html[lang="en-US"] .sp .schedule_timeline.itaru {
    height: 475px;
}

	html[lang="en-US"] .sp.schedule_night.nozomi, html[lang="en-US"] .sp .schedule_timeline.night {
    margin-top: 310px;
    height: 200px;
}
	html[lang="en-US"] .sp.nozomi .schedule_timeline.lunch, .sp .schedule_lunch {
    top: -10px;
}
/* 	 英語いたる*/
	html[lang="en-US"] .sp.itaru .schedule_timeline.lunch, .sp.itaru .schedule_lunch {
    top: 98px;
}
		html[lang="en-US"] .sp .schedule_timeline.itaru {
		height:500px;
	}
	html[lang="en-US"]  .sp.schedule_night.itaru {
		margin-top:400px;
	}
	html[lang="en-US"] .sp .schedule_timeline.night.itaru {
    height: 200px;
}
/* 	 英語さとし*/
	html[lang="en-US"] .sp .schedule_timeline.satoshi {
    height: 660px;
}
	html[lang="en-US"] .sp.satoshi .schedule_timeline.lunch, .sp.satoshi .schedule_lunch {
    top: 180px;
    height: 460px;
}
	html[lang="en-US"] .sp.schedule_night.satoshi, html[lang="en-US"] .sp .schedule_timeline.night {
    margin-top: 445px;
    height: 200px;
}

	.faq_container .swell-block-fullWide__inner {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
}
	.news_sns {
    margin: 5% 0;
    width: 60%;
}
.news_sns .swell-block-columns__inner {
    width: 70%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: calc(var(--swl-clmn-mrgn--x)*-1);
    margin-top: 0!important;
    row-gap: var(--swl-clmn-mrgn--y);
    flex-direction: row;
}
	.news_next_btn .prev-link, .news_next_btn .next-link {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    width: 100px;
    padding: 15px;
    border-radius: 70px;
}
	.news_next_btn .universal_btn {
    font-size: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    transition: background 0.3s ease, color 0.3s ease;
}
	
/* 	 コンタクト600px*/
	.CF7_table p {
		font-size:12px;
	}
	.CF7_table .wpcf7-list-item-label {
		width:130px;
	}

	.CF7_table .wpcf7-form-control {
    width: 100%;
	height:40px;
    padding: 10px;
    border-radius: 5px;
}
.CF7_table .text-area {
    height: auto;
}
	.CF7_table .checkbox-input {
    height: auto;
}

	table.CF7_table th {
    padding-top: 26px;
}
	.wpcf7-form-control-wrap[data-name="inquiry-reason"] .wpcf7-checkbox {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: unset;
}
	.wpcf7-form-control-wrap[data-name="inquiry-reason"] .wpcf7-list-item {
    width: calc(60% - 45px);
    display: flex;
    align-items: unset;
}
	.fc7_policy .wpcf7-list-item {
		margin:0;
	}
	
	.en .join-buttons .button {
    width: 170px;
    font-weight: bold;
    background-color: #052365;
    color: #ffffff;
    text-decoration: none;
    padding: 8px 13px;
    border-radius: 20px;
    transition: background-color 0.3s;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease;
}
	.wpcf7-submit {
		font-weight:normal;
}
	.fc7_policy .wpcf7-form-control {
    width: 100%;
    padding: 0px;
    border-radius: 5px;
}
	.cf7_contents .pc{
		display:none;
	}
	.cf7_contents span {
	display:block!important;
}
	.footer_sp .wp-block-columns {
    flex-wrap: unset!important;
    flex-direction: row;
    gap:0px!important;
}
	.footer_sp .wp-block-columns p {
		text-align:center;
	}

	
}

@media (max-width: 450px) {
/* 	 トップ*/
	.mv-head {
    font-family: unset!important;
}
	.top_subtxt {
    font-size: 16px;
}
	.topnewscontainer .universal_btn.sp, .universal_btn.project {
    width: 45%;
}
	.topnewscontainer .universal_btn.sp, .universal_btn.project {
    width: 45%;
}
	.about_section01 h3 {
		font-size:1.7rem;
	}
	.philosophy03 h3 {
	font-size:1.3rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #052365!important;
    margin: 0;
    padding: 0!important;
}
	.business04 h2 {
		font-size:1.5rem!important;
	}
	.market_container {
    width: 400px;
}
	.market_container_item {
    width: 85%;
    max-width: 600px;
    height: 130px;
	margin:0 auto;
}
	.market_number {
    height: 130px;
}
	.market_number p {
	font-size:25px;
    top: 31px;
    left: 18px;
}
	.market_container_ttl {
    height: 130px;
}
	.market_container_ttl h3 {
    font-size: 18px;
}
	.market_container_ttl p {
    font-size: 12px;
    color: black;
    margin: 0;
}
	.market_arrow {
    width: 100%;
}
	.topbusiness h2 {
		font-size:1.5rem!important;
	}
	.topcontent h2 {
    text-align: left!important;
    font-size: 24px;
    margin-bottom: 100px;
}
	.topimage-container {
    width: 100%;
}
	.topcontent_sub {
    margin-top: 110px;
}
	.about_section01 .sp h3 {
		margin-top:30px!important;
	}
	  .about_section02 .wp-block-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
	 border-top:1px solid #dcdcdc;
  }

.about_section02 .wp-block-table th {
    border: none;
	padding-left:0px;
    padding-bottom: 0px;
    flex: 1;
    font-weight: bold;
}
	.about_section02 td {
    padding: 0!important;
}

  .about_section02 .wp-block-table td {
	border:none;
    flex: 1;
    margin-top: 4px;
  }
/* 	 採用トップ*/
	.toprecruit_item h1 {
    margin-bottom: 0px;
}
	.toprecruit_btn, .toprecruit_btn2 {
    width: 130px;
    font-size: 10px;
}
	.recruit_cta_item .universal_btn {
    width: 230px;
}
	.recruit_cta_item .universal_btn a {
		font-size:11px;
}
	.toprecruit03 .ceo_txt_sp p.txtcenterline::after {
    width: 60px;
    top: 6px;
    /* right: -19px; */
    left: 40%;
    background-color: #ffffff;
}
	.toprecruit04 .swell-block-columns,
	.others_interview .swell-block-columns{
	   display:flex;
	  flex-wrap: nowrap; /* 折り返しを無効化 */
      overflow-x: auto; /* 横スクロールを有効化 */
	}
	.toprecruit04 .swell-block-columns__inner,
	.others_interview .swell-block-columns__inner{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: calc(var(--swl-clmn-mrgn--x)*-1);
    margin-top: 0!important;
    row-gap: var(--swl-clmn-mrgn--y);
    flex-direction: row;
}
	.toprecruit04 .swell-block-column,
	.others_interview .swell-block-column {
    flex: 0 0 auto; /* 固定幅で横並び */
    min-width: 70%; /* カラムの幅（`--clmn-w--mobile` に合わせる） */
    box-sizing: border-box; /* パディングを含めて計算 */
  }
	.toprecruit04 .swell-block-column.swl-has-mb--s:hover img, .others_interview .swell-block-column.swl-has-mb--s:hover img, .toprecruit04 .swell-block-column.swl-has-mb--s:active img, .others_interview .swell-block-column.swl-has-mb--s:active img {
    opacity: 1;
    border: 5px solid #106EB8;
    border-radius: 15px;
    transition: none;
}
	p.txtcenterline {
		font-family:unset!important;
		font-weight:bold;
	}
	.recruit_cta .wp-block-column {
		height:415px;
	}
	.tooltip .tooltiptext {
    font-weight: normal;
    visibility: hidden;
    font-size: 12px;
    width: 240px;
    line-height: 1.3;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    padding: 10px 10px;
    border: 2px solid #106EB8;
    border-radius: 6px;
    position: absolute;
    top: -75px;
    left: 50px;
    z-index: 1;
}
html[lang="en-US"] .tooltip {
    font-weight: bold;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    height: 15px;
    margin-left: 15px;
    line-height: 15px;
    background-color: #106EB8;
    color: white;
    position: relative;
    display: inline-block;
}
	html[lang="en-US"] .tooltip .tooltiptext.support {
    top: -80px;
    left: 50px;
}
	.tooltip .tooltiptext.stoc {
    font-weight: normal;
    font-size: 12px;
    width: 250px;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    padding: 25px 25px;
    border: 2px solid #106EB8;
    border-radius: 6px;
    position: absolute;
    top: -160px;
    left: unset;
    right: -215px;
}
	html[lang="en-US"] .tooltip .tooltiptext.stoc.gra {
    top: -180px;
    left: unset;
    right: -230px;
    z-index: 1;
}
	html[lang="en-US"] .tooltip .tooltiptext.stoc.gra::before, html[lang="en-US"] .tooltip .tooltiptext.stoc.gra::after {
    left: 4%;
}
	.tooltip .tooltiptext.stoc::before {
    left: 9%;
}
	.tooltip .tooltiptext.stoc::after {
    left: 9%;
}
	.tooltip .tooltiptext.sikaku {
		top:-75px!important;
	}
/* 	 対談*/
	.dialogue03 .c-balloon__text {
    font-size: 10px;
}
			.join_recruit_btn, .join_recruit_btn2 {
    font-size: 10px;
}
	.button {
    width: 130px;
}
	.join-buttons {
    gap: 10px;
}
	.join-buttons .arrow_top_right{
	width: 100px!important;
    font-size: 5px;
}
	.faq_container .swell-block-accordion__title .swell-block-accordion__label:before {
    content: "Q ";
    position: absolute;
    left: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.p-fixBtnWrap {
    bottom: 1.3rem;
    right: 1em;
}
	.ceo_txt_sp h2.wp-block-heading {
		font-size:16px!important;
		margin-bottom:5px;
	}
	.ceo_txt_sp p{
		font-size:12px!important;
		line-height:1;
	}
/* 	 インタビューの見出し*/
	.toprecruit06_h3 {
    font-size: 12px;
    margin-left: 30px;
}
	.toprecruit06_h3::before {
		font-family:"robot";
    content: "Q";
    text-align: center;
    display: block;
    font-weight: 900;
    margin-right: 8px;
    background-color: #2EA7E0;
    color: #ffffff;
    vertical-align: middle;
    padding: 4px;
    border-radius: 50%;
}
	.robot {
		font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
	}
	.CF7_table .wpcf7-list-item input {
    width: 20px;
    height: 20px;
}
	.wpcf7-form-control-wrap[data-name="inquiry-reason"] .wpcf7-list-item {
    width: 115px;
	display: -webkit-flex;
    display: flex;
    align-items: center;
	justify-content:flex-start;
	margin-left:0px;
	margin-bottom:5px!important;
}
    .footer_sp .wp-block-columns p {
		font-size:9px!important;
	}
	

}