@charset "UTF-8";

/* ==========================================================================
   1) 企業・グループ、グループ各社共通
========================================================================== */

html{
  scroll-behavior: smooth;}

html body {
  font-size: 1.6rem;
  position: relative;
/*font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
  color: black;*/	
}

main {
  position: relative;
  overflow: hidden;
}

/* お電話でのお問い合わせ並列 2608Add */
.wp-block-columns.is-layout-flex {
	display: flex;
	flex-wrap: nowrap !important;
	gap: 2em;
}
	.contact_box-wrap{
		border: 1px solid #1ABC9C;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin-bottom: 2rem;
	}

#container {margin: 6rem auto;}

.sp-br{display: none;}

.contact_under_box a, .reference a{
	text-decoration: underline;
    font-weight: 500;
}


/* お問合せタイトル */
h2.ttl{
font-size: 22px;
    color: #fff;
    font-weight: normal;
    background: #0D90D3;
    border-bottom: 5px solid #3CAEF2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    padding: 15px 20px;
    margin: 0 0 20px;
}

/* フォーム横幅調節*/
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: auto !important;
	appearance: auto !important;
}/* リニューアル時対応2608Add */

textarea,input {max-width: 100%;}
div.wpcf7 textarea[name="your-message"] {
	width: 100%;
}

/* ラジオボタン改行 */
span.wpcf7-list-item {display: block;}

/* 矢印マーク */
.cc_box img,
.wp-block-group img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}

/* 電話・ メールでの問合せタイトル */
.tel_contact, .mail_contact {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 10px 28px;
    border-radius: 4px;
	  text-indent: 2.5rem;
    margin-top: 20px;
	 margin-bottom: 15px;
}
.tel_contact{
	 background: url(https://www.idex.co.jp/inquiry/img/tel_icon.png) no-repeat #06b8ea;background-position: left center;
}

.mail_contact{
	 background: url(https://www.idex.co.jp/inquiry/img/mail_icon.png) no-repeat #06b8ea;background-position: left center;
}

.inquiry_box .hr{
	 border-bottom: 1px dashed #CCC;
    margin-bottom: 30px;
    margin-top: 30px;
}

/* メール問い合わせ内のリスト2609Add */
.wp-block-list {
	list-style: disc;
	padding-left: 1.5em;
	margin-bottom: 1em;
}
.wp-block-list li {margin-bottom: 0.8em;}
.wp-block-list li:last-child {margin-bottom: 0;}

.inquiry_box3 ul li {margin: 1rem 0;}

/* 問合せ詳細表組み */
.inquiry_box table.tbl_03 th {
    background: none repeat scroll 0% 0% #F8F8F8;
    border: 1px solid #E6E6E6;
    padding: 10px 10px;
    text-align: left;
    color: #333;
    width: 20%;
}

.inquiry_box .table-striped tbody tr:nth-of-type(odd){background-color: transparent;}

.tbl_03 .reference{/*ご参照 */
display: -webkit-flex; display: flex; margin:1rem auto;
}
.tbl_03 .wpcf7-list-item {margin: 0;}/* wpcf7-list-itemの左マージンリセット 2609Add */

/* ボタン類 */
.inquiry_box input#submit_button2 {
    padding: 10px 70px;
    font-size: 1.2em;
    background-color: #0D90D3;
    color: #fff;
    border: 1px solid #0D90D3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.to-top{/* thanksページ用 */
    padding: 1rem;
    font-size: 1em;
    background-color: #0D90D3;
    border: 1px solid #0D90D3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    margin: 5rem auto;
    width: 35%;
}
	.to-top,
	.to-top a,
	.to-top a:active,
	.to-top a:focus,
	.to-top a:hover {
		color: #fff !important;
	}



/* フォーム内table */
.tbl_03{
	font-size:1.4rem;
	table-layout: fixed;
}
.tbl_03 p {margin: 0.3rem;}
.tbl_03 tr > th, .tbl_03 tr > td{/* table>th */
padding: 1rem;
}

/* お問い合わせの詳細 インデント*/
.wpcf7-list-item{margin:0;}

/* 4つのお問合せ部分 */
.club_box .card_contact {
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    padding: 8px 28px;
    margin: 0px;
	background: url("../../img/info_icon.png") no-repeat scroll 10px 13px #1ABC9C;
    border: 1px solid #1ABC9C;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.club_box .card_contact_box {
    padding: 15px;
   /* font-size: 0.875em;*/
    color: #333;
    /*border: 1px solid #1ABC9C;*/
    line-height: 2.0;
    font-feature-settings: "palt";
}
.card_contact_box a {text-decoration: underline;}

/* 〒と郵便番号欄を並べて配置 2609Add */
.address-100 span.wpcf7-form-control-wrap[data-name="inquiry-add1"] input {
	width: 8em !important;
	margin: 0.5rem 0;
}
/* ご住所欄:住所詳細入力欄の上下マージン 2609Add */
.address-100 span.wpcf7-form-control-wrap[data-name="inquiry-add2"] input {
	margin: 0.5rem 0;
}

/* 都道府県プルダウンに枠線 2609Add */
.address-100 select.prefecture {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 8px;
	display: inline-block;
	width: 100%;
	-webkit-appearance: menulist;
	appearance: menulist;
}


/* 外観＞カスタマイズ＞＞追加CSS下 */
.container {
  z-index: 1;
  position: relative;
}

.top_ttl {
  color: white;
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  align-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
justify-content: center; /* 横方向の中央揃え 2608Add */
align-items: center; /* 横方向の中央揃え 2608Add */

}
  .top_ttl:hover {
    color: white;
    text-decoration: none; }
  .top_ttl > .en {
    width: 100%;
    line-height: 1em;
    order: 1;
    margin: 0;
    font-weight: 900; }

.page_top_ttl {
  background: #095ca3;
  background: -moz-linear-gradient(90deg, #095ca3 0%, #001840 100%);
  background: -webkit-linear-gradient(90deg, #095ca3 0%, #001840 100%);
  background: linear-gradient(90deg, #095ca3 0%, #001840 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#095ca3",endColorstr="#001840",GradientType=1); }

/* 入力ボックスの枠線表示 2608Add  */
input[type="text"], 
input[type="email"], 
input[type="tel"], 
textarea {
    border: 1px solid #cccccc !important; /* 薄いグレー */
    background-color: #ffffff !important; /* 背景色を白 */
    border-radius: 4px !important;        /* 角丸 */
    padding: 10px !important;             
    display: inline-block !important;
    width: 100% !important;               /* 横幅いっぱい */
}

/* フォームの表（テーブル）の枠線表示 2608Add */
.table, 
table, 
tr, 
th, 
td {
    border: 1px solid #e5e5e5 !important; /* 表の区切り線を強制的につける */
}

/* ========================================
   @media＝企業・グループ・グループ各社共通
======================================== */
@media (max-width: 767.98px) {
	.wp-block-columns.is-layout-flex {display: block;}

	/* グループヘッダー高さ(65px) 2608Add */
	.top_ttl.page_top_ttl {
		height: 150px;
		margin-top: 6.5rem;
	}
	/* 企業ヘッダー高さ(61px) 2608Add */
	.page-shin-idemitsu .top_ttl.page_top_ttl {margin-top: 6.067rem;}
    .top_ttl.page_top_ttl > .en {/* 問合せ文字 */
      font-size: 9.4vw; }
}
@media (min-width: 768px) {
   a[href^="tel:"] {
    pointer-events: none;
	color: #333;
   }

	/* グループヘッダー高さ(61px) 2608Add */
	.top_ttl.page_top_ttl {
		height: 300px;
		margin-top: 6.1rem;
	}
	/* 企業ヘッダー高さ(74px) 2608Add */
	.page-shin-idemitsu .top_ttl.page_top_ttl {margin-top: 7.4rem;}
    .top_ttl.page_top_ttl > .en {/* 問合せ文字 */
      font-size: 80px; 
	}
}
@media screen and (max-width: 480px) {
	.sp-br{display: block;}
	.inquiry_box table.tbl_03 th, .inquiry_box table.tbl_03 td{
		width: 100%;
		display: block;
		}
	.inquiry_box table.tbl_03 th {width: 100%;}
	.tbl_03 .reference{display:block;}/*ご参照 */
	.to-top{width:100%;}/* トップに戻る */
}

/* ==========================================================================
   2) グループ
========================================================================== */

/* リニューアル イデッくん非表示 2608Add(style.cssの.c-nav-fixed対応) */
.c-nav-fixed__idexkun{display:none!important;}

.group_contact_box {
	font-size: 1.6rem;
    padding: 2.5rem 1.5rem;
    margin: 1.5rem 0 1.5rem 0;
    background: #faf9f6;
    border: 1px solid #d9d7d0;
    border-radius: 4px;
}
.group_contact_box h3{
	font-size: 1.8rem;
	font-weight: bold;
}
.group_contact_box h3::after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\3000\f054"; /* 全角スペース + fa-chevron-right */
	color: #0066cc;
	font-size: 1.4rem;
	vertical-align: middle;
}

.l-footer-nav .c-nav__link,
.l-footer-nav .c-nav-item__link {
	font-size: 1.4rem;
}

/* ==========================================================================
   3) 企業
========================================================================== */


/* ==========================================================================
   旧commonフォルダ内の指定
   ※以下は4ページ(企業/グループ/if-confirm/if-thanks)で使用箇所が確認できず、コメントアウトして保管
========================================================================== */
/*a {
  transition: .3s;
  color: #1782b3;
  text-decoration: underline;
font-weight: 500;}
a:hover {
  color: #1782b3;
  opacity: 0.7; }*/

/* 外観カスタマイズ＞追加CSS上 */
/*html { font-size: 62.5%; }
body { font-size: 1.6rem;
font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

.sp-br{display: none;}*/

/*@media (min-width: 768px) and (max-width: 1534px) {
  .page_container {
    margin: 60px auto 60px 182px; } }*/

/* コンテンツ並列 
#container .wp-block-group__inner-container{
display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#contents-left {
    width: 73%;
    margin-right: 2%;
}

#contents-left .wp-block-group__inner-container{
	display:block;
}*/

/* テーマ不要部分 */
/*.wpcf7-spinner{display:none;}*/

/* 生年月日入力欄 */
/*.form-year, .form-month, .form-day {
    width: 20%;
    margin: 0 0.5rem 0 1rem;
}*/

/* ボタン類 */
.btn-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
  align-items: center;
}

.btn-correct{
	background-color: #FE9A2E;
  border: 1px solid #FE9A2E;
  padding: 10px 70px;
  font-size: 1.2em;
	color: #fff;
	border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	margin-right: 1rem;
}

/* スマホ用ボタン類 */
@media screen and (max-width: 480px) {
	.btn-flex p {
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.btn-correct{
		margin-right:0;
		margin-bottom:1rem;
	}
}

/* top_ttl見出し(日本語ja)、現在は.enのみ使用 */
/*.top_ttl > .ja {
    order: 2;
    margin-top: 1em;
    font-weight: bold; }*/

/* スマホ用ヘッダー非表示(使用箇所不明) */
/*.page_header {display: none; }*/