@charset "UTF-8";
/*
Theme Name: NANO child - itb
Theme URI:https://tcd-theme.com/tcd065
Description:"NANO" is a WordPress theme that allows you to create a large corporate website at a low cost. The multi-level site structure organized and transmits a wide range of business info. Also you can easy to design the top page that conveys your company's message and achievements.ITBサイトで使用中.TCDテーマ「NANO」の子テーマです.
Template:nano_tcd065_itb
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain: tcd-nano_itb
Version:1.6.2
*/
html {

}
body {

}
h2,
h3,
h4,
h5,
p,
dt,
dd,
li {
	color: #333;
}
p {
	font-size: 16px;
}

/* 子テーマ作成前の先行修正_ここから */
.grecaptcha-badge {
	width: 245px;
	margin-bottom:50px;
}
/* 子テーマ作成前の先行修正_ここまで */


/* スマホで閲覧時に数字の羅列を電話番号として認識させないようにする-メタタグ設定済み-FAX番号対応の為 */
/* スマホの時のみタップで電話できるようにする */
@media(min-width: 768px){
	a[href^="tel:"]{
		pointer-events: none;
	}
}
@media screen and (max-width: 767px) {
	.sp_tel_a {
		color: #9F7A46;
	}
}


/* ======= TCDテーマ修正_ここから ======= */

/* リンクボタン_ここから */
.p-btn a {
	border: 1px solid #00469d;
}
/* リンクボタン_ここまで */

/* headerナビ_ここから */
.l-header__nav {
	border-bottom: 1px solid #f2f2f2;
}
.p-global-nav > li {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
@media only screen and (max-width: 1199px) {
	.p-global-nav > li {
		border: 1px solid #f2f2f2;
	}
}
.p-global-nav > li > a {
	font-weight: bold;
	font-size: 16px;
}
@media only screen and (max-width: 1199px) {
	.p-global-nav a,
	.p-global-nav > li > a {
		/* font-size: initial; */
		font-size: 13px;
	}
}
/* ITBカスタマイズ_コメント表示場所移動_ここから */
#header_comment_area {
	padding: 10px 0;
	border-bottom: 2px dotted #9F7A46;
	text-align: center;
}
#header_comment_area .l-header__desc {
	font-size: 14px;
}
@media only screen and (max-width: 1199px) {
	#header_comment_area {
		display: none;
	}
}
/* メガメニューの表示位置を下げる */
.p-megamenu02 {
	top: 197px;
}
.p-megamenu01 {
	top: 197px;
	border-bottom: 1px solid #ddd;
}
/* ITBカスタマイズ_コメント表示場所移動_ここまで */

.p-megamenu01__item{
	margin: 8px;
}

@media screen and (max-width:1300px){
	.p-megamenu01 {
		height: 400px;
	}
	.p-megamenu01__item-img img {
		width: 110%;
		height: 70%;
	}
	.p-megamenu01__item-img {
		height: 80%;
	}

	.p-megamenu01__item-list > li > a {
		font-size: 23px;
	}

	.p-megamenu01__item-list {
		background-color: #fff;
		width: 100%;
		top: 68%;
		height: 18%;
		text-align: center;
		padding: 30px 10px;
		position: sticky;
	}
}

@media screen and (min-width:1301px) and (max-width:1599px){
	.p-megamenu01__item-img img {
		width: 100%;
		height: 60%;
	}	

	.p-megamenu01__item-list > li > a {
		font-size: 24px;
	}

	.p-megamenu01__item-list {
		background-color: #fff;
		width: 100%;
		top: 90%;
		height: 10%;
		text-align: center;
		padding: 30px 10px;
		position: sticky;
	}
}

@media screen and (min-width:1600px){
	.p-megamenu01__item-img img {
		width: 90%;
		height: 70%;
	}

	.p-megamenu01__item-list {
		background-color: #fff;
		width: 100%;
		top: 80%;
		height: 20%;
		text-align: center;
		padding: 30px 10px;
		position: sticky;
	}
}

.p-megamenu01__item-list > li > a:hover {
	color:#00469d;
}

.p-megamenu01__item-list li {

}
/* headerナビ_ここまで */

/* footerナビ_ここから */
.p-footer-nav a {
	font-size: 14px;
	font-weight: bold;
}
/* footerナビ_ここまで */

/*topページ_ヘッダー固定修正_ここから*/
.l-header--fixed.is-active .scroll_display_none { 
	/* スクロール時に非表示にする */
	display: none;
}

/*スクロール時のメニューの崩れ_ここから*/
.l-header--fixed.is-active .p-megamenu02{
	top: 61px!important;
}

.l-header--fixed.is-active .p-megamenu01{
	top: 61px!important;
}
/*スクロール時のメニューの崩れ_ここまで*/

@media screen and (max-width: 1199px) {
	.l-header--fixed.is-active .scroll_display_none { 
		/* 1199px以下のディスプレイのときにロゴだけ復活させる */
		display: block;
	}
}

/*topページ_ヘッダー固定修正_ここまで*/

/* topページ_スライドショー修正_ここから */
.p-header-slider__item {
    width: 100%;
    height: 700px!important;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 767px) {
    .p-header-slider__item {
        height: 100%;
    }
}

/* お知らせのスライドショー*/

@media screen and (max-width: 767px) {
    #news_slide_area a {
        display: none;
    }
}

@media screen and (min-width: 768px) {
		#news_slide_wrap { 
		width:100%; 
		height:60px; 
		min-width:1180px; 
		background:rgba(0,0,0,0.3); 
		bottom:0px; 
		z-index:10; 
		top: 639px;
		position:absolute; 
	}
	
	#news_slide_area a { 
		color:#fff; 
		display:block;
		padding-left: 10px;
	}
	
	#news_slide_area h4 { 
		font-size:16px; 
		font-weight:normal; 
	}
	
	#news_slide_area { 
		width:1180px; 
		height:60px; 
		line-height:60px; 
		margin:0 auto; 
	}
	
	#news_slide_area a:before {
		font-family:'design_plus'; 
		content:'\e910'; 
		color:#fff; 
		width:15px; 
		height:15px; 
		font-size:15px; 
		font-weight:normal; 
		display:block; 
		position:absolute;
		top:3px; 
		right:40px;
		-webkit-font-smoothing: antialiased; 
		-moz-osx-font-smoothing: grayscale;
	}
	
	#news_slide_wrap #news_slide_area a:hover:before {
	color:#45b3e0  !important;
	}
	
	#news_slide_area a em {
		font-style: normal;
		font-size: 14px;
		padding: 3px 10px;
		border:1px solid #fff;
		margin-right: 10px;
		letter-spacing: -0.06em;
		background: rgba(255,255,255,0.2);
		-webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
		transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
	}
	
	
	#news_slide_area a:hover em { 
		color:#45b3e0; 
		background: rgba(90, 155, 252, 0.2); 
		border:1px solid #45b3e0;
	}
	
	#news_slide_area a:hover span { 
		color:#45b3e0 !important; 
	}

	@media screen and (max-width: 1180px) {
		#news_slide_wrap { 
			width:100%; 
			height:60px; 
			min-width:800px; 
			background:rgba(0,0,0,0.3); 
			bottom:0px; 
			z-index:10; 
			top: 639px;
			position:absolute; 
		}
		
		#news_slide_area h4 { 
			font-size:16px; 
			font-weight:normal; 
		}
		
		#news_slide_area { 
			width: 800px; 
			height:60px; 
			line-height:60px; 
			margin:0 auto; 
		}
		
		#news_slide_area a:before {
			font-family:'design_plus'; 
			content:'\e910'; 
			color:#fff; 
			width:15px; 
			height:15px; 
			font-size:15px; 
			font-weight:normal; 
			display:block; 
			position:absolute;
			top:3px; 
			right:40px;
			-webkit-font-smoothing: antialiased; 
			-moz-osx-font-smoothing: grayscale;
		}
	}
	
}


/* topページ_スライドショー修正_ここまで */
/* topページ_ITブレイドの強み_ここから */
.p-article12__desc {
	font-weight: bold;
}
/* topページ_ITブレイドの強み_ここまで */


/* 会社案内のナビ_ナビタイトルのcolor_ここから */
.p-megamenu02__title {
	color: #ffffff;
}
.p-megamenu02__sub {
	color: #ffffff;
}
/* 会社案内のナビ_ナビタイトルのcolor_ここまで */

/* 事業案内 - デバイス系システム開発用_ここから */
/* 管理画面からの入力の際 */
.p-entry__body dt {
	line-height: 1.0;
}
/* 事業案内 - デバイス系システム開発用_ここまで */

/* ======= TCDテーマ修正_ここまで ======= */



/* ======= 常時表示ボタン_ここから ======= */

/* 顧客リモートツールバナー_ここから */
.l-header {
	/* TCDテーマに追加 */
	position: relative;
}
#remote_tool_button {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 280px;
	z-index: 10;
}
#remote_tool_button a.remote_tool_link {
	display: flex;
	align-items: center;
	border: 1px solid #00469d;
	background-color: #fff;
	padding: 3px 10px;
	width: 100%;
	border-radius: 10px;
}
#remote_tool_button a.remote_tool_link img {
	width: 30%;
	margin-right: 10px;
}
#remote_tool_button a.remote_tool_link p {
	font-weight: bold;
	color: #00469d;
}
#remote_tool_button a.remote_tool_link:hover {
	background-color: #fff;
	border: 1px solid #9F7A46;
}
#remote_tool_button a.remote_tool_link:hover p {
	/* color: #3a7bd5; */
	color: #9F7A46;
}
@media only screen and (max-width: 1199px) {
	#remote_tool_button {
		top: 5px;
		right: 85px;
		width: 210px;
	}
	#remote_tool_button a.remote_tool_link {
		justify-content: center;
		padding: 3px;
	}
	#remote_tool_button a.remote_tool_link img {
		width: 25%;
		margin-right: 5px;
	}
	#remote_tool_button a.remote_tool_link p {
		font-size: 14px;
		line-height: 1.7;
	}
}
@media only screen and (max-width: 991px) {
	#remote_tool_button {
		display: none;
	}
}
/* 顧客リモートツールバナー_ここまで */

/* Instagramバナー_ここから */
div#ig_banner {
	position: absolute;
	top: 50px;
	right: 310px;
	z-index: 10;
	line-height: 0;
}

	/* デフォルト：PC用バナーのみ表示 */
img.ig_pc-banner {
	display: block;
	width: 280px;
}
img.ig_sp-banner {
  	display: none;
}

	/* 画面サイズ（1199px以下）で画像サイズ切り替え */
@media only screen and (max-width: 1199px) {
	div#ig_banner img.ig_pc-banner {
		width: 195px;
	}
	div#ig_banner {
		top: 5px;
		right: 310px;
	}
}

	/* スマホ（991px以下）で切り替え */
@media only screen and (max-width: 991px) {
 	.ig_pc-banner-a {
    	display: none !important;
  	}
  	div#ig_banner img.ig_sp-banner {
    /* display: block !important; */
    	width: 40px;
    	height: 40px;
  	}
  	div#ig_banner {
		top: 10px;
		right: 55px;
	}
	.ig_sp-banner-a {
		top: 0px;
	}
  	img.ig_sp-banner {
  	display: initial;
	}
}

	/* Shine バナーのホバー効果 */
.ig_hover figure {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0;
}
.ig_hover figure::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 40%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-20deg);
}
.ig_hover figure:hover::before {
	-webkit-animation: shine .5s;
	animation: shine .5s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Instagramバナー_ここまで


/* Edgeクラウドサービスはこちら - お問い合わせはこちら_ここから */
#click_here_button_edge {
	position: fixed;
	bottom: 260px;
	right: 10px;
	width: 220px;
	transition-timing-function: ease;
	transition-duration: 0.5s;
}
#click_here_button_contact {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 220px;
	transition-timing-function: ease;
	transition-duration: 0.5s;
}
.click_here_link {
	display: inline-block;
	align-items: center;
	border: 1px solid #00469d;
	background-color: #fff;
	padding: 15px 5px;
	width: 100%;
	border-radius: 10px;
	position: relative;
	box-shadow: 3px 3px 5px rgba(3,3,3, 0.3);
}
#click_here_button_edge:hover {
	bottom: 265px;
}
#click_here_button_contact:hover {
	bottom: 155px;
}
#click_here_button_edge:hover .click_here_link,
#click_here_button_contact:hover .click_here_link {
	background-color: #00469d;
	border: 1px solid #fff;
}
.click_here_link .click_here_img {
	width: 30%;
	position: absolute;
	top: -30px;
	left: -20px;
}
.click_here_link .click_here_text {
	text-align: center;
}
.click_here_link .click_here_text p {
	line-height: 1.2;
}
#click_here_button_edge:hover .click_here_link .click_here_text p,
#click_here_button_contact:hover .click_here_link .click_here_text p {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	#click_here_button_edge,
	#click_here_button_contact {
		display: none;
	}
}
/* Edgeクラウドサービスはこちら - お問い合わせはこちら_ここまで */

/* ======= 常時表示ボタン_ここまで ======= */



/* == 共通 == お問い合わせはこちら_ここから */
.click_here_banner_contact {
	width: 100%;
	background-color: #f8f8f8;
	padding: 30px 20px;
}
.click_here_banner_contact .btn-copy {
	font-size: 1.5rem;
	font-weight: bold;
  
	position: relative;
  
	margin-bottom: .2em;
  
	text-align: center;
}
.click_here_banner_contact .btn-copy:before {
	margin-right: 1rem;
	content: '＼';
}
.click_here_banner_contact .btn-copy:after {
	margin-left: 1rem;
	content: '／';
}
.click_here_banner_contact a.btn {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #00469d;
	border-radius: 0.5rem;
	width: 100%;
}
.click_here_banner_contact a.btn-border-shadow {
  padding: calc(1.5rem - 12px) 3rem 1.5rem;
  background: #fff;
}
.click_here_banner_contact a.btn-border-shadow:before {
  position: absolute;
  top: -10px;
  left: -12px;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;

  border: 3px solid #00469d;
  border-radius: 0.5rem;
}
.click_here_banner_contact a.btn-border-shadow:hover {
  padding: calc(1.5rem - 6px) 3rem;
}
.click_here_banner_contact a.btn-border-shadow:hover:before {
  top: 0;
  left: 0;
}
.click_here_banner_contact a.btn-border-shadow--color {
  border-radius: 0;
  /* background: yellow; */
  background: #74d5e6;
}
.click_here_banner_contact a.btn-border-shadow--color:before {
  border-radius: 0;
}
.click_here_banner_contact_img_text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.click_here_banner_contact_img {
	display: inline-block;
	text-align: right;
	padding: 0 14px;
}
.click_here_banner_contact_img img {

}
.click_here_banner_contact_text {

}
.click_here_banner_contact_text span {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.click_here_banner_contact a.btn-border-shadow {
		padding: calc(1.5rem - 12px) 1rem 1.5rem;
		background: #fff;
	}
	.click_here_banner_contact a.btn-border-shadow:before {
		position: absolute;
		top: -8px;
		left: -10px;
	  
		width: 100%;
		height: 100%;
	  
		content: "";
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	  
		border: 3px solid #00469d;
		border-radius: 0.5rem;
	}
	.click_here_banner_contact a.btn-border-shadow:hover {
		padding: calc(1.5rem - 6px) 1rem;
	}
	.click_here_banner_contact_img_text {
		display: block;
	}
	.click_here_banner_contact_img {
		text-align: center;
		padding: 0;
	}
	.click_here_banner_contact_text span {
		font-size: 14px;
	}
}
/* == 共通 == お問い合わせはこちら_ここまで */


/* ==footer用== お問い合わせはこちら_ここから */
#footer_contact_link_area {
	height: 300px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 50px 20px;
}
#footer_contact_link_area .btn-copy {
	font-size: 30px;
}
#footer_contact_link_area p.footer_contact_link_area {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#footer_contact_link_area {
		height: 380px;
	}
	#footer_contact_link_area .btn-copy {
		font-size: 22px;
	}
	#footer_contact_link_area p.footer_contact_link_area {
		text-align: left;
		font-weight: normal;
	}
}
/* ==footer用== お問い合わせはこちら_ここまで */

/* =======TOPページ======= カスタマイズ_ここから */
#front_customize_area {
	margin: 0;
	width: 100%;
	/* margin-bottom: 100px; */
	margin-bottom: 7px;
	box-shadow: 0 2px 9px 0px rgba(0,0,0,0.2);
}
#front_customize_area .front_customize_box {

}
#front_customize_area .front_customize_box p {
	font-size: 16px;
	line-height: 1.7;
}

.p-index-content03_custom {
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.p-index-content03_custom {
		margin-bottom: 60px!important;
	}
}
#front_customize_catch_copy_area {
	background-color: #fff;
	box-shadow: 0 2px 9px 0px rgba(0,0,0,0.2);
	margin-bottom: 7px;
}
.front_customize_catch_copy {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 80px 0;
	/* padding-bottom: 80px; */
}
.front_customize_catch_copy p {
	font-weight: bold;
	font-size: 24px!important;
}
.front_customize_catch_copy p span {
	display: inline-block;
}
@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 767px) {
	.front_customize_catch_copy {
		padding: 40px 0!important;
	}
	.front_customize_catch_copy p {
		font-size: 20px!important;
	}
}
@media screen and (max-width: 575px) {

}
@media screen and (max-width: 390px) {
	.front_customize_catch_copy p {
		text-align: left!important;
	}
}

#front_customize_area .front_customize_box .bg_color_01 {
	background-color: #f0f8ff;
	/* background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); */
}
#front_customize_area .front_customize_box .bg_color_02 {
	/* background-color: #fcfcfc; */
}
#front_customize_area .front_customize_box .bg_color_03 {

}

#front_customize_area .front_customize_box section.itb_strong_point {
	width: 80%;
	margin: 0 auto;
	padding: 80px 0;
	border-bottom: 1px solid #eee;
}
#front_customize_area .front_customize_box section.itb_strong_point:last-child {
	border-bottom:none;
}
#front_customize_area .front_customize_box section.itb_strong_point h2.itb_strong_point_title {
	background: linear-gradient(to right,#45b3e0 35%,#00469d 65%);
	-webkit-background-clip: text;
	color: transparent;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 32px;
}
.itb_strong_point_box {
	display: flex;
	justify-content: space-between;
}
.itb_strong_point_box .itb_strong_point_left {
	width: 60%;
}
.itb_strong_point_box .itb_strong_point_left h3 {
	line-height: 1.7;
	margin-bottom: 10px;
	font-size: 20px;
	color: #333;
}
.itb_strong_point_box .itb_strong_point_left h3 span.color01 {
	color: #da5f53;
	font-size: 20px;
}
.itb_strong_point_box .itb_strong_point_left h3 span.color02 {
	color: #3ebacf;
	font-size: 20px;
}
.itb_strong_point_box .itb_strong_point_right {
	width: 40%;
	/* text-align: right; */
	/* text-align: center; */
}
.itb_strong_point_box .itb_strong_point_right .img_area {
	width: 100%;
	text-align: right;
}
.itb_strong_point_box .itb_strong_point_right .img_area img {
	width: 85%;
	/* width: 80%; */
}
.itb_strong_point_box .itb_strong_point_right .link_area {
	width: 85%;
	margin: 60px 0 0 auto;
	position: relative;
}
@media screen and (max-width: 1199px) {
	#front_customize_area .front_customize_box section.itb_strong_point {
		width: 90%;
	}
	.itb_strong_point_box {
		display: block;
	}
	.itb_strong_point_box .itb_strong_point_right,
	.itb_strong_point_box .itb_strong_point_left {
		width: 100%;
	}
	.itb_strong_point_box .itb_strong_point_right .img_area {
		width: 100%;
		text-align: center;
	}
	.itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 50%;
	}
	.itb_strong_point_box .itb_strong_point_right .link_area {
		margin: 10px 0;
	}
}

/* リンクここから */
/* == 矢印の線がループして伸縮 == */
.btnlinestretches5{
    /*線の基点とするためrelativeを指定*/
	position:relative;
    /*リンクの形状*/ 
	color:#333;
    /* padding: 10px 0; */
	display:inline-block;
    text-decoration: none;
    outline: none;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

/*線の設定*/
.btnlinestretches5::before {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    /*線の形状*/
    width: 100%;
    height: 2px;
    background: #9F7A46;
}

/*矢印の設定*/
.btnlinestretches5::after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom:-4px;
    /*矢印の形状*/
    width: 8px;
    height: 8px;
    border-top: 2px solid #9F7A46;
    border-right: 2px solid #9F7A46;
    transform: rotate(45deg);
}

/*線と矢印を繰り返しアニメーション*/
.btnlinestretches5::before {
    animation: arrowlong01 2s ease infinite;
}
.btnlinestretches5::after {
    animation: arrowlong02 2s ease infinite;
}
@keyframes arrowlong01{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:105%;opacity:1}
    100%{width:105%;opacity:0}
}
@keyframes arrowlong02{
    0%{left:0;opacity:0}
    20%{left:0;opacity:1}
    80%{left:103%;opacity:1}
    100%{left:103%;opacity:0}
}
.btnlinestretches5 span {
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
}
.click_here {
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	text-align: right;
	font-weight: bold;
}
#front_customize_area .front_customize_box section.itb_strong_point .itb_strong_point_box .itb_strong_point_right .link_area:hover .click_here {
	color: #9F7A46;
}
/* リンクここまで */


/* システムインテグレーションサービス-ここから */
#si_list_box {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 20px 0;
}
#si_list_box .si_list_item {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	/* border-bottom: 2px dotted #ccc; */
	/* border-bottom: 2px dotted #eee; */
}
#si_list_box .si_list_item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#si_list_box dt {
	font-size: 20px;
	line-height: 1.7;
	border-left: 3px solid #00469d;
	/* padding-left: 7px; */
	font-weight: bold;
	color: #00469d;
	padding: 5px 7px;
}
#si_list_box dd {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
	margin-left: 10px;
}
@media screen and (max-width: 1199px) {
	#front_si .itb_strong_point_box .itb_strong_point_left {
		margin-bottom: 20px;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .img_area {
		width: 30%;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 100%;	
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .link_area {
		width: 65%;
		padding-left: 20px;
	}
}
@media screen and (max-width: 767px) {
	#front_si .itb_strong_point_box .itb_strong_point_left {
		margin-bottom: 0;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right {
		display: flex;
		flex-direction: column-reverse;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .img_area {
		width: 100%;
		margin: 10px 0;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 70%;	
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .link_area {
		width: 95%;
		padding: 0;
	}
}
@media screen and (max-width: 575px) {
	#si_list_box .si_list_item {
		padding: 10px 0;
	}
	#si_list_box dt {
		font-size: 18px;
	}
	#front_si .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 100%;	
	}
}


/* システムインテグレーションサービス-ここまで */
/* セミオーダー式システム開発-ここから */
#front_semi_order {

}
#semi_order_list_box {

}
#semi_order_list_box ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0;
	margin-bottom: 0;
}
#semi_order_list_box ul li.semi_order_list {
	width: 49%;
	padding: 12px 10px;
	border-bottom: 1px solid #ccc;
}
#semi_order_list_box ul li.semi_order_list .semi_order_list_item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#semi_order_list_box .semi_order_list_mark {
	width: 20%;
}
#semi_order_list_box .semi_order_list_mark img {
	width: 100%;
}
#semi_order_list_box .semi_order_list_text {
	width: 75%;
}
#semi_order_list_box .semi_order_list_text .semi_order_list_name {
	font-weight: bold;
}
#semi_order_list_box .semi_order_list_text .semi_order_list_comment {

}
/*
section.itb_strong_point .btn-copy {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;  
	text-align: center;
}
section.itb_strong_point .btn-copy:before {
	margin-right: 1rem;  
	content: '＼';
}
section.itb_strong_point .btn-copy:after {
	margin-left: 1rem;
	content: '／';
} */
@media screen and (max-width: 1199px) {
	#front_semi_order .itb_strong_point_box .itb_strong_point_right {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .img_area {
		width: 30%;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 100%;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .link_area {
		width: 65%;
		padding-left: 20px;
	}
}
@media screen and (max-width: 767px) {
	#front_semi_order .itb_strong_point_box .itb_strong_point_right {
		display: flex;
		flex-direction: column-reverse;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .img_area {
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 70%;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .link_area {
		width: 95%;
		padding: 0;
	}
}
@media screen and (max-width: 575px) {
	#semi_order_list_box ul {
		display: block;
		padding: 10px 0;
		margin-top: 10px;
	}
	#semi_order_list_box ul li.semi_order_list {
		width: 100%;
		padding: 10px 0;
	}
	#front_semi_order .itb_strong_point_box .itb_strong_point_right .img_area img {
		width: 100%;
	}
}
/* セミオーダー式システム開発-ここまで */

/* お知らせ新着_修正ここから */
@media screen and (max-width: 767px) {
	.p-news-tab-list {
		margin: 0;
		margin-bottom: 50px;
	}
}
/* お知らせ新着_修正ここまで */

/* =======TOPページ======= カスタマイズ_ここまで */



/* =======事業案内======= _ここから */

/* 各 事業案内カテゴリー - アーカイブページ_ここから */
.service_category_comment_area {
	width: 100%;
	padding: 0 30px;
	margin: 0;
	margin-bottom: 30px;
}
.service_category_comment {
	font-size: 16px;
	line-height: 1.7;
	font-weight: bold;
}
/* 各 事業案内カテゴリー - アーカイブページ_ここまで */

/* ==事業案内 用== お問い合わせはこちら_ここから */
#service_contact_link_area {
	border-radius: 10px;
	height: 200px;
}
@media screen and (max-width: 767px) {
	#service_contact_link_area {
		height: 240px;
	}
}
/* ==事業案内 用== お問い合わせはこちら_ここまで */

.customize_area {

}
.customize_area p {
	font-size: 16px;
	line-height: 2.2;
	margin-bottom: 10px;
}

/* こんなお悩みはありませんか_ここから */
.system_problem_area {
	background-color: #c3e3ff;
	padding: 30px;
	margin-bottom: 50px;
}
.system_problem_area .system_problem_title {
	position: relative;
	text-align: center;
	color: #00469d;
	/* color: #124a8f; */
	line-height: 1.7;
	margin-bottom: 10px;
}
.system_problem_area .system_problem_title span {
	font-size: 24px;
	font-weight: bold;
	/* color: #00469d; */
	color: #0f4b80;
	display: inline;
	background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 60%,#fff 60%,#fff 100%);
	padding: 0 10px;
}
.system_problem_area ul.system_problem_box {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.system_problem_area ul.system_problem_box li.system_problem_list {
	padding: 0;
	position: relative;
	list-style-type: none!important;
	padding: 0.8em 0.4em 0.8em 2.2em;
	margin-bottom: 5px;
	line-height: 1.7;
	background: #ffffff;
	/* background: #d4e7ff; */
	vertical-align: middle;
	/* color: #505050; */
	color: #333;
	border-radius: 15px 0px 0px 15px; /*左側の角丸く*/
	font-size: 16px;
	/* margin-left: 1.4em; */
	text-indent: -1.5em;
	font-weight: bold;
	border-right: 0.1rem solid #e5e5e5;
	border-bottom: 0.1rem solid #e5e5e5;
	box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.03);
}
.system_problem_area ul.system_problem_box li.system_problem_list:before {
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:1.1em;
	height: 1.1em;
	background: #c5e0fd;
	border-radius: 50%;
	margin-right: 8px;
}
@media screen and (max-width: 575px) {
	.system_problem_area {
		padding: 20px 10px;
	}
	.system_problem_area ul.system_problem_box li.system_problem_list {
		padding: 0.5em 0.4em 0.5em 2.2em;
	}
}
/* こんなお悩みはありませんか_ここまで */

/* 概要_ここから */
.customize_area_outline {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}
.customize_area_outline .text_box {
	width: 65%;
}
.customize_area_outline .img_box {
	width: 35%;
	text-align: center;
}
.customize_area_outline p {
	line-height: 2.2;
}
.customize_area_outline img {
	width: 90%;
}
/* 概要_ここまで */

/* デバイス用_サブエリア_ここから */
.business_sub_container{
	margin-bottom: 80px;
}
table.device_maker_list {
	width: 100%;
}
table.device_maker_list th {
	font-weight: bold;
}
/* デバイス用_サブエリア_ここまで */

/* ITブレイドの特徴_ここから */
.business_content_area {
	margin-bottom: 80px;
}
.business_content_area h2.business_content_title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 5px dotted #ddd;
}
.business_content_area h2.business_content_title span {
	color: #00469d;
}
.business_content_area dl.business_content_list {

}
.business_content_area dl.business_content_list .business_content_list_item {
	margin-bottom: 30px;
}
.business_content_area dl.business_content_list .business_content_list_item dt {
	display: flex;
	align-items:flex-end;
	margin-bottom: 10px;

	background: linear-gradient(to right,#45b3e0 25%,#663399 75%);
	-webkit-background-clip: text;
	color: transparent;
}
.business_content_area dl.business_content_list .business_content_list_item dt span.number {
	color: #ddd;
	font-size: 60px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	background: #ffffff;
}
.business_content_area dl.business_content_list .business_content_list_item dt span.text {
	font-size: 24px;
	font-weight: bold;
	
	line-height: 1.7;
	display: inline;
}
.business_content_area dl.business_content_list .business_content_list_item dd {
	font-size: 16px;
	line-height: 1.7;
	margin-left: 0;
}
.business_content_area dl.business_content_list .business_content_list_item dd span.note {
	font-size: 12px;
}
/* ITブレイドの特徴_ここまで */

/* 開発の流れ_ここから */
.business_flow_area {
	margin-bottom: 80px;
}
.business_flow_area h2.business_flow_title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 5px dotted #ddd;
}
.business_flow_area h2.business_flow_title span {
	color: #00469d;
}
.business_flow_area dl.business_flow_list {

}
.business_flow_area dl.business_flow_list .business_flow_list_item {
	background: #ffffff;
	/* background: #f2f2f2; */
	/* background: rgba(229, 229, 229, 0.5); */
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.05);
	border: 1px solid #ddd;
}
.business_flow_area dl.business_flow_list .business_flow_list_item dt {
	font-size: 20px;
	color: #00469d;
	line-height: 1.7;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	/* border-bottom: 1px solid #ffffff; */
}
.business_flow_area dl.business_flow_list .business_flow_list_item dt span.number {
	margin-right: 10px;
}
.business_flow_area dl.business_flow_list .business_flow_list_item dt span.number span.step {
	font-size: 18px;
	color: #888;
	margin-right: 5px;
}
.business_flow_area dl.business_flow_list .business_flow_list_item dt span.text {

}
.business_flow_area dl.business_flow_list .business_flow_list_item dd {
	font-size: 16px;
	line-height: 1.7;
	margin-left: 0;
	padding-top: 10px;
}
/* 開発の流れ_ここまで */

/* セミオーダー式システム開発ページへのリンク_ここから */
#semiorder_system_link_area {

}
.semiorder_system_link_subtitle {
	margin: 0!important;
	line-height: 1.7!important;
	padding: 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
.semiorder_system_link_title {
	margin: 0!important;
	line-height: 1.7!important;
	padding: 5px 0;
}
a.semiorder_system_link {
	display: inline-block;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 10px;
}
/* セミオーダー式システム開発ページへのリンク_ここまで */

/* =======事業案内======= _ここまで */



/* =======セミオーダー式システム開発======= _ここから */
div#semiorder_customize_area {
	width: 100%;
}

.sec_semi-order-main{
	padding: 8px 16px;
    margin: 32px 0;
    background: #FFF;
    border: solid 3px gray;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.sec_semi-order-sub{
	padding: 8px 16px;
    margin: 16px 0;
    background: #FFF;
    border: solid 2px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.semiorde_span {
	font-weight: bold;
	font-size: 18px;
}

.subtitle_square {
	color: #295890;
}

img.semi_img {
	display: block;
	margin-left: auto;
    margin-right: auto;
}


.arrow {
	display: block;
	text-align: center;
}

.semiorder_title {
	border-bottom: 1px solid;
	border-color: #3a7bd5;
	font-weight: normal;
	font-size: 24px;
}

.semiorder_subtitle {
	font-weight: normal;
	font-size: 20px;
}

/* =======セミオーダー式システム開発======= _ここまで */



/* =======会社案内======= _ここから */

/* 会社案内_コンテンツタイトル_ここから */
h2.content_title_h2 {
	line-height: 1.4;
	padding: 10px 0 10px 7px;
	border-left: 5px solid #00469d;
}
@media screen and (max-width: 767px) {
	h2.content_title_h2 {
		margin-bottom: 5px;
	}
}
/* 会社案内_コンテンツタイトル_ここまで */

/* 会社案内_会社概要_ここから */
.company_information_box {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.company_information_box {
		margin-bottom: 50px;
	}
}
/* 会社概要 */
dl.company_info_listbox {
	width: 100%;
}
.company_info_list {
	width: 100%;
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid #ddd;
}
.company_info_list:first-child {
	border-top: 1px solid #ddd;
}
.company_info_list p {
	margin-bottom: 0;
}
.company_info_list_title {
	width: 30%;
	padding: 10px 0;
	background-color: #f9f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
}
.company_info_list_contents {
	width: 70%;
	padding: 10px 0;
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
}
.privacy_mark_a {
	color: #9F7A46;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 10px;
}
.privacy_mark_a:hover {
	color: #9F7A46;
	text-decoration: none;
}
.privacy_mark_img {
	width: 100px;
	height: auto;
}
.company_info_list_contents .branch_office_list {
	margin-bottom: 20px;
}
.company_info_list_contents .branch_office_list .post_code,
.company_info_list_contents .branch_office_list .address,
.company_info_list_contents .branch_office_list .building {
	display: inline-block;
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.company_info_list p {
		line-height: 1.5;
	}
}

/* 取り組み項目追加_20251027_miyazaki_ここから */
.initiative_a {
	color: #9F7A46;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 10px;
}
.initiative_a:hover {
	color: #9F7A46;
	text-decoration: none;
}
.initiative_img {
	width: 100px;
	height: auto;
}
/* 取り組み項目追加_20251027_miyazaki_ここまで */



/* 事業案内 */
h3.marker_pen {
	text-align: center;
}
h3.marker_pen span {
	padding: 0 20px;
	background: linear-gradient(transparent 60%, #ffff7f 40%);
}
@media screen and (max-width: 767px) {
	h3.marker_pen {
		text-align: left;
		line-height: 1.5;
		margin-top: 20px;
	}
	h3.marker_pen span {
		padding: 0;
	}
}
ul.business_info_listbox {
	list-style: none;
}
li.business_info_list::before {
	content: "■";
	color: #00469d;
	padding-right: 10px;
}
li.business_info_list {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2;
	padding-left:1em;
	text-indent:-1em;
}
ul.business_info_listbox_sub {
	list-style: none;
	margin-left: 2.5em;
}
li.business_info_list_sub::before {
	content: "∟";
	padding-right: 10px;
}
li.business_info_list_sub {
	font-size: 16px;
	font-weight: normal;
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width: 767px) {
	li.business_info_list::before {
		padding-right: 2px;
	}
	li.business_info_list {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.5;
		border-bottom: 1px dotted #333;
	}
	ul.business_info_listbox_sub {
		margin-left: 0;
	}
	li.business_info_list_sub::before {
		padding-right: 2px;
	}
}
/* パートナー登録 */
.partner_listbox {

}
.partner_listbox .partner_list {
	margin-bottom: 30px;
}
.partner_listbox .partner_list dt {
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
	color: #333;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.partner_listbox .partner_list dd {
	font-size: 16px;
	line-height: 2;
	color: #333;
	margin-left: 0;
	padding: 10px 0 5px 0;
}
a.partner_list_link {
	color: #9F7A46;
	padding: 0 10px;
	background-color: beige;
	margin: 0 5px;
}
a.partner_list_link:hover {
	color: #9F7A46;
	background: none;
	text-decoration: underline;
}
a.partner_list_link img.partner_list_linkmark {
	margin-bottom: 8px;
	padding-left: 5px;
}
@media screen and (max-width: 767px) {
	.partner_listbox .partner_list dd {
		line-height: 1.7;
	}
}
/* 会社案内_会社概要_ここまで */


/* 会社案内_沿革_ここから */
dl.history { 
	width: 100%;
}
dl.history .history_list {
	width: 100%;
	border-bottom: 1px solid #00469d;
	display: flex;
	padding: 20px;
	margin: 0;
}
.history_list:nth-child(even) {
	background-color: #deeffd;
}
.history_list:nth-child(odd) {
	background-color: #ffffff;
}
dt.year_month {
	font-size: 16px;
	width: 30%;
	line-height: 2.2;
	font-weight: bold;
} 
dd.history_contents {
	font-size: 16px;
	width: 70%;
	line-height: 2.2;
	margin: 0;
}
@media screen and (max-width: 767px) {
	dl.history .history_list {
		display: block;
		padding: 20px 10px;
	}
	dt.year_month {
		width: 100%;
		line-height: 1.7;
	}
	dd.history_contents {
		width: 100%;
		line-height: 1.7;
	}
	dl.history .history_list p {
		display: none;
	}
}
/* 会社案内_沿革_ここまで */

/* 会社案内_アクセス・MAP_ここから */
#company_map {

}
.company_profile_box {
	margin-bottom: 80px;
}
dl.company_profile_list {

}
.company_profile_item {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 15px 0;
}
.company_profile_item dt.company_profile_item_title {
	width: 15%;
	line-height: 1.5;
	font-weight: bold;
}
.company_profile_item dd.company_profile_item_comment {
	margin-left: 0;
	line-height: 1.5;
}
.company_profile_item dd.company_profile_item_comment .post_code,
.company_profile_item dd.company_profile_item_comment .address,
.company_profile_item dd.company_profile_item_comment .building {
	margin-right: 10px;
	display: inline-block;
}
.company_profile_map {
	width: 100%;
}
.company_profile_map iframe {
	width: 100%;
	height: 480px;
}
@media screen and (max-width: 767px) {
	.company_profile_box {
		margin-bottom: 50px;
	}
	dl.company_profile_list {
		margin-top: 0;
	}
	.company_profile_item {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding: 10px 0;
	}
	.company_profile_item dt.company_profile_item_title {
		width: 100%;
		padding: 0;
	}
	.company_profile_item dd.company_profile_item_comment {
		padding: 0;
	}
	.company_profile_item dt.company_profile_item_title span {
		display: none;
	}
	.company_profile_map iframe {
		width: 100%;
		height: 300px;
	}
}
/* 会社案内_アクセス・MAP_ここまで */

/* =======会社案内======= _ここまで */



/* =======個人情報保護方針====== _ここから*/
.privacy {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.p_left {
	background-color: #deeffd;
	width: 50%;
}

.p_right {
	width: 50%;
}

figure.wp-block-table {
	width: 80%;
}

td.p_left, td.p_right {
	font-size: 16px;
	border-color: #000000;
}

/* 2023/06/06 Arimura_レイアウト調整 */
#info_windows {
	margin: -60px;
    padding: 60px;
}
/* =======個人情報保護方針======= _ここまで*/



/* =======お問い合わせ======= _ここから*/
.contact_mail {
	color: #c90000;
}
.contact_required {
	color: #c90000;
	font-size: 14px;
	margin-left: 7px;
}
.contact_comment {
	font-size: 14px;
}

/* 個人情報の取扱いについての枠_ここから */
.contact_privacy {
	height: 350px;
	overflow-y: scroll; /*縦方向のみ*/
	background-color: #ffffff;
	border: 1px solid lightgray;
	margin-bottom: 24px;
	padding: 20px;
}
.contact_privacy h4.contact_attention {
	background-color: #0084b4;
	color: #fff;
	font-size: 18px!important;
	font-weight: bold;
	padding: 10px;
}
p.contact_purpose {
	font-size: 14px!important;
	padding: 0!important;
	line-height: 1.7!important;
	margin-bottom: 0!important;
}
.contact_privacy_list_box {

}
.contact_privacy_list {

}
.contact_privacy_list dd {
	line-height: 1.7!important;
}
.contact_privacy_list table {
	margin-top: 5px;
	width: 100%;
}
.contact_purpose_box {
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #bbb;
	margin-bottom: 10px!important;
}

@media screen and (max-width: 767px) {
	span.wpcf7-list-item {
		/* ラジオボタンの位置調整 */
		margin-left: 0!important;
	}
	.contact_privacy {
		height: 400px;
		padding: 10px;
	}
	.contact_privacy h4.contact_attention {
		margin-bottom: 16px!important;
	}
	.contact_privacy_list_box {
		margin-bottom: 16px!important;
	}
	.contact_privacy_list dt {
		margin-bottom: 5px!important;
	}
	.contact_privacy_list dd {
		margin-left: 0!important;
	}
	.contact_privacy_list table tbody {
		display: block!important;
		width: 100%!important;
		border: 1px solid #ddd;
	}
	.contact_privacy_list table tr {
		display: flex!important;
		flex-direction: column!important;
		text-align: center!important;
	}
	.contact_privacy_list table th {
		width: 100%!important;
		line-height: 1.7!important;
		border-bottom: none;
		padding: 6px 0;
		font-weight: bold;
	}
	.contact_privacy_list table td {
		width: 100%!important;
		line-height: 1.7!important;
		padding: 6px 0;
	}
}


/* 確認画面_ここから */
#wpcf7cpcnf {
	z-index: 10!important;
}
.p-entry__body th {
	width: 30%!important;
}
/* 返信方法のラジオボタン_タイトルが表示されない為の対処 */
#contact_form_area #wpcf7cpcnf tr:nth-child(7) th p:before {
	content: "返信方法"!important;
}

@media screen and (max-width: 767px) {
	#wpcf7cpcnf table {
		width: 100%;
	}
	#wpcf7cpcnf tr {
		display: flex!important;
		flex-direction: column!important;
		border-bottom: 1px solid #aaa;
		width: 100%!important;
		margin: 0;
		text-align: left;
	}
	#wpcf7cpcnf th {
		width: 100%!important;
		margin: 0;
		padding: 5px 10px!important;
		line-height: 1.7!important;
	}
	#wpcf7cpcnf th p {
		margin-bottom: 0!important;
		font-size: 14px;
	}
	#wpcf7cpcnf td {
		width: 100%!important;
		margin: 0;
		padding: 5px 10px!important;
		background-color: #fff;
		min-height: 40px;
		height: auto;
		line-height: 1.7!important;
	}
	#wpcf7cpcnf td p {
		margin-bottom: 0!important;
		font-size: 14px;
	}
}

/* 送信後のメッセージ文_ここから */
.wpcf7-response-output {
	font-size: 18px!important;
	color: #c90000!important;
	font-weight: bold!important;
	text-decoration: underline!important;
}

/* =======お問い合わせ======= _ここまで*/

/* =======採用======= _ここから*/

#sub .boxLeft p.icon:before {
	content: "\23";
	font-family: 'icomoon';
	font-size: 13px;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 5px;
	line-height: 24px;
	color: #9f0321;
}
#sub .boxLeft p a:hover {
	color: #9f0321;
	text-decoration: none;
}

section.sec_rec {
	border:1pt #ccc solid;
	border-radius: 1em;
	background-color: #fffff8;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 40px;
}

section.sec_rec h4 {
	line-height:30px;
	font-size: 130%;
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 20px;
	margin-left: 0px; 
	border-left:0;
	border-bottom:2px #00519f solid;
	background-color: #f5f5f5;
	font-weight: normal;
}
section.sec_rec h4.rec_title {
	line-height:35px;
	font-size: 130%;
	margin-top: 0px;
	padding-top: 0px; 
	padding-left: 10px;
	margin-left: 0px; 
	border-left:0;
	background-color: #00519f;
	border-left:5px #edd741 solid;
	font-weight: normal;
	border-bottom:0;
}
section.sec_rec h4 span {
	font-weight: bold;
	color: #fff;
}

section.sec_rec p{
	font-size: 120%;
}
section.sec_rec li{
	font-size: 120%;
	margin-left: 30px;
	margin-bottom:5px;
	list-style-type: square;
	line-height:30px;
}
section.sec_rec dt{
	margin:3px 50px;
	padding:10px; 
	border-left:#00f solid 3px;
}
section.sec_rec dd{
	margin:3px 70px;
	padding:0px;
	border-bottom:#ccc dashed 1px;
}
.recruit_link {
	text-align: right;
}

/* 採用エントリーはこちら_ここから */
.recruit_entry_link {
	width: 100%;
}

.btn,
a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}

/*背景*/
.btn-wrap {
margin: 20px;
}
a.btn-c {
width: 100%;
font-size: 20px;
padding: 1rem 3rem 1rem 3rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	from(#f83600),
	to(#f9d423)
);
background-image: -webkit-linear-gradient(left, #00469d 0%, #66b8ff 100%);
background-image: linear-gradient(to right, #00469d 0%, #66b8ff 100%)
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
a.btn-c i.fa {
margin-right: 1rem;
}
a.btn-c:before {
position: absolute;
top: 46%;
right: 0;
width: 3rem;
height: 1px;
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
}
a.btn-c:after {
position: absolute;
top: 55%;
right: 1rem;
width: 2rem;
height: 1px;
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
}
a.btn-c:hover {
-webkit-transform: skew(0);
transform: skew(0);
color: #fff;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
a.btn-c:hover:before {
right: -1.5rem;
background: #00469d;
}
a.btn-c:hover:after {
right: -1rem;
background: #00469d;
}
/* 採用エントリーはこちら_ここまで */

/* =======採用======= _ここまで*/


/* 20230119_TOPページ_鹿児島支社移転用_ここから */
#company_new_location {
	background-color: #f8f8f8;
}
#company_new_location .company_new_location_textarea {
	background-color: #fff;
	padding: 40px;
}
#company_new_location h2 {
	padding: 20px 0;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
}
#company_new_location p {
	margin-bottom: 30px;
}
#company_new_location p span.color {
	color: #FF3434;
	font-weight: bold;
}
#company_new_location p:last-child {
	margin-bottom: 0;
}
#company_new_location dl {
	margin-bottom: 30px;
}
#company_new_location dl .newinfo {
	display: flex;
	margin-bottom: 20px;
}
#company_new_location dl .newinfo dd.regulation {
	margin-left: 45px;
}
#company_new_location dl br.sp_regulation {
	display: none;
}
@media screen and (max-width: 767px) {
	#company_new_location .company_new_location_textarea {
		padding: 20px;
	}
	#company_new_location h2 {
		font-size: 20px;
	}
	#company_new_location dl .newinfo {
		display: block;
	}
	#company_new_location dl .newinfo dt {
		margin-bottom: 7px;
	}
	#company_new_location dl .newinfo dd {
		margin-left: 10px;
	}#company_new_location dl .newinfo dd.regulation {
		margin-left: 10px;
	}
	#company_new_location dl br.sp_regulation {
		display: block;
	}
}

.media_contents {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.media_contents .media_box {
	/* align-self: stretch; */
	width: 50%;
	padding: 10px 5px 0 5px;
}
.media_contents .media_box img {
	width: 100%;
	height: auto;
}
.media_contents .media_box iframe {
	width: 100%;
	height: 523px;
}
@media screen and (max-width: 1199px) {
	.media_contents {
		display: block;
	}
	.media_contents .media_box {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.media_contents .media_box iframe {
		height: 350px;
	}
}

/* 鹿児島支社移転のお知らせ_headerリンク */
#new_location_link {
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
	border-bottom: 3px solid tomato;
	border-bottom-style: double;
	padding: 0 30px;
}
#new_location_link:hover {
	color: tomato;
}
#new_location_link span.attention_mark {
	font-size: 20px;
	background-color: tomato;
	padding: 10px;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	color: #fff;
	border: 1px solid tomato;
	display: inline-block;
}
#new_location_link:hover span.attention_mark {
	background-color: #fff;
	color: tomato;
}
@media screen and (max-width: 767px) {
	#new_location_link {
		display: none;
	}
}
/* 20230119_TOPページ_鹿児島支社移転用_ここまで */

/* 20230126_TOPページ_鹿児島支社移転後の案内_ここから */
/* 鹿児島支社移転のご案内_headerリンク */
#new_location_link2 {
	font-size: 20px;
	font-weight: bold;
	margin-left: 25px;
	border-bottom: 3px solid tomato;
	border-bottom-style: double;
	padding: 0 20px;
	padding-left: 0;
	line-height: 1;
}
#new_location_link2:hover {
	color: tomato;
}
#new_location_link2 span.attention_mark2 {
	font-size: 17px;
	background-color: tomato;
	padding: 8px;
	margin-right: 10px;
	width: auto;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	border: 1px solid tomato;
	display: inline-block;
	margin-bottom: 2px;
	font-weight: normal;
	line-height: 1.2;
}
#new_location_link2:hover span.attention_mark2 {
	background-color: #fff;
	color: tomato;
}
#new_location_link2:active {
	color: tomato;
	border: none!important;
	border-bottom: 3px solid tomato;
}
@media screen and (max-width: 1199px) {
	#new_location_link2 {
		font-size: 16px;
		padding-right: 5px;
		margin-left: 20px;
	}
	#new_location_link2 span.attention_mark2 {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.7;
		padding: 8px 4px;
		margin-right: 7px;
	}
}
@media screen and (max-width: 767px) {
	#new_location_link2 {
		display: none;
	}
}
/* 20230126_TOPページ_鹿児島支社移転後の案内_ここまで */

/* 20240104_2024年_新年のご挨拶 - headerリンク_ここから */
#newyear_greeting {
	font-size: 20px;
	font-weight: bold;
	margin-left: 25px;
	border-bottom: 3px solid tomato;
	border-bottom-style: double;
	padding: 0 20px;
	padding-left: 0;
	line-height: 1;
}
#newyear_greeting:hover {
	color: tomato;
}
#newyear_greeting span.attention_mark2 {
	font-size: 17px;
	background-color: tomato;
	padding: 8px;
	margin-right: 10px;
	width: auto;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	border: 1px solid tomato;
	display: inline-block;
	margin-bottom: 2px;
	font-weight: normal;
	line-height: 1.2;
}
#newyear_greeting:hover span.attention_mark2 {
	background-color: #fff;
	color: tomato;
}
#newyear_greeting:active {
	color: tomato;
	border: none!important;
	border-bottom: 3px solid tomato;
}
@media screen and (max-width: 1199px) {
	#newyear_greeting {
		font-size: 16px;
		padding-right: 5px;
		margin-left: 20px;
	}
	#newyear_greeting span.attention_mark2 {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.7;
		padding: 8px 4px;
		margin-right: 7px;
	}
}
@media screen and (max-width: 767px) {
	#newyear_greeting {
		display: none;
	}
}
/* 20240104_2024年_新年のご挨拶 - headerリンク_ここまで */

/* 20240210_iBroom（アイブルーム）追加_ここから */
#ibroom_outline {

}
h2.sub_title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
}
@media screen and (max-width: 575px) {
	#ibroom_outline {
		display: block;
	}
	#ibroom_outline .text_box {
		width: 100%;
		margin-bottom: 20px;
	}
	#ibroom_outline .img_box {
		width: 70%;
		margin: 0 auto;
	}
}

#ibroom_point {

}
.business_point_area {
	margin-bottom: 80px;
}
.business_point_title {
	color: #00469d;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 5px dotted #ddd;
	line-height: 1.4;
}
/*
.business_point_title span {
	color: #00469d;
} */
.business_point_subtitle {
	color: #00469d;
	line-height: 1.5;
}
.business_point_listbox {

}
ul.business_point_list {

}
li.business_point_list_item {
	display: flex;
	line-height: 1.5;
	margin-bottom: 10px;
}
li.business_point_list_item .business_point_list_img {
	align-self: center;
	width: 40px;
	margin-right: 10px;
}
li.business_point_list_item .business_point_list_img img {
	width: 100%;
	height: auto;
}
li.business_point_list_item p.business_point_list_text {
	align-self: center;
	width: calc( 100% - 50px );
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.7;
}

#ibroom_content {
	margin-bottom: 35px;
}
#ibroom_content a.external_link {
	text-decoration: underline!important;
	text-decoration-color: #00469d!important;
}
#ibroom_content a.external_link:hover {
	color: #00469d!important;
}

#ibroom_link_banner {

}
.business_link_area {
	margin-bottom: 80px;
}
a.another_site_linkbanner {
	position: relative;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	width: 100%;
	border-radius: 50px;
	background: linear-gradient(90deg,#004b8e,#51d0e2 99%);
	padding: 30px 0;
	text-decoration: none;
	box-shadow: 0 1px 10px rgba(50,61,82,.3);
	transition: all 0.3s;
}
a.another_site_linkbanner::after {
	position: absolute;
	content: '';
	top: 29px;
	right: 32px;
	width: 15px;
	height: 15px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	transition: all 0.3s;
}
a.another_site_linkbanner:hover {
	color: #00469d;
	background: #fff;
}
a.another_site_linkbanner:hover::after {
	right: 22px;
	border-top: 4px solid #00469d;
	border-right: 4px solid #00469d;
}
@media screen and (max-width: 575px) {
	a.another_site_linkbanner {
		font-size: 16px;
	}
	a.another_site_linkbanner::after {
		top: 32px;
		right: 29px;
		width: 12px;
		height: 12px;
	}
}
/* 20240210_iBroom（アイブルーム）追加_ここまで */


/* ==============ポリシー============= _ここから */
/* ========== 20251007_miyazaki_追加 ========== */
/* =========================================== */
/* ================================== */
/* PCサイズ（1025px以上）の基準スタイル */
/* ================================== */
.policy-p {
  padding-top: 30px;
}

ul.policy-links {
  padding: 0;
  display: flex;
  gap: 50px;
  list-style: none;
  flex-wrap: nowrap;
  justify-content: center;
  margin-left: 0;
  margin-bottom: 0;
}

ul.policy-links li {
  color: #404040;
  border-left: solid 8px #00469d;
  background: whitesmoke;
  margin-top: 30px;
  line-height: 1.5;
  list-style-type: none !important;
  font-size: 1.5rem !important;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
  padding: 0; 
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  flex-shrink: 1;
  flex-grow: 1;
}

ul.policy-links li a {
  display: block;
  padding: 0.7em;
  font-size: 1.5rem !important;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  outline: none;
}

ul.policy-links li:hover a,
ul.policy-links li a:focus {
  background-size: 100% 100%;
  text-decoration: none;
}

ul.policy-links li:hover,
ul.policy-links li a:focus {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  transform: translateY(3px);
}

ul.policy-links li:active {
  color: white;
  background-color: #00469d;
}

/* ======================================= */
/* スマホ対応 (767px以下) */
/* ======================================= */
@media (max-width: 767px) {
  .policy-p {
    padding-top: 0px;
  }
  
  ul.policy-links {
    flex-direction: column;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
	padding-left: 5%;
	padding-right: 5%;
  }

  ul.policy-links li {
    margin: 0 auto 10px auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.0rem !important;
    white-space: wrap;
    width: 100%;
	max-width: 400px;
  }

  ul.policy-links li a{
    font-size: 1.0rem !important;
  }
  
  ul.policy-links li:active {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(3px);
  }
}

/* ヘッダーのドロップダウンメニューのサイズを調整 */
.p-global-nav .sub-menu a {
	width: 260px;
}
/* ==============ポリシー============= _ここまで */