/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2025 | 06:43:49 */
/* 子テーマのためのメインCSS

 */ 

/***　全体打消し  ***/ 

.navbar-custom.navbar1{
	
background-color: rgba(255, 255, 255,0.5) !important;	
	
}

.navbar-custom.header-variation-2{
	
background-color: rgba(255, 255, 255,0.5) !important;	
	
}

.site-footer {
    background-color: #eaeaea!important;	
}

.page-title-section {
display:none!important;
}

.bg-grey {
    background-color: #ffffff!important;	
}

.site-content .news .post{
-webkit-box-shadow:none!important;
box-shadow:none!important;
}

.site-info p{
    color: #3062ab!important;
    margin: 0;
    padding: 0;
	font-weight:bold;
}

.navbar-custom.navbar1 .navbar-toggle .icon-bar {
    background-color: #3062ab;
}

@media (max-width: 1100px){
.navbar-custom .navbar-nav {
background-color:rgba(240,248,255,0.5)!important;
}
.navbar-custom .navbar-nav li {
  margin: 10px 20px;
  padding: 0;
}	
}

h2{
color:#1f58a5!important;
}

.col-md-3{
float:none!important;
margin-left:auto;
margin-right:auto;
}

.footer-sidebar .widget .post .entry-content p, .footer-sidebar .widget, .footer-sidebar .widget p, .footer-sidebar .widget .post .entry-title a {
color: #696969!important;
}

table, table th, table td {
    background-color: #fff;
border:none!important;
}

.navbar-custom.navbar1 .navbar-nav li > a {
color:#1f58a5!important;
}

.navbar-custom .dropdown-menu {
	background-color:#f5f5f5!important;
}

@media only screen and (max-width: 767px) {
.navbar-custom .dropdown-menu {
	background-color:#fff!important;
}	
}

/* videoタグ 枠線を消す */

video{
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none!important;
	border: none!important;
	box-shadow: none!important;
}



/***　スマホ/PC　別表示　　***/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc { display: block !important; }
.sp { display: none !important; }

/*スマートフォンで見たときは"sp"のclassがついた画像が表示される */

@media only screen and (max-width: 781px) {
.pc { display: none !important; }
.sp { display: block !important; }

}

@media (min-width: 768px){
.col-sm-8 {
  width:100%;
}
}

/* TOP */

.logo-bg{
background-image: url(https://breezeblue.jp/wp-content/uploads/logo-bg_pc.jpg); 
background-repeat:  no-repeat;
background-position: right bottom; 
background-size:60%;	
}


.top-video{ 
	margin-left:0!important; 
	margin-right:0!important;
}

.pc-slide { display: block !important; }
.sp-slide  { display: none !important; }

@media only screen and (max-width: 600px) {
.pc-slide  { display: none !important; }
.sp-slide  { display: block !important; }

}

.text-60p{
width:60%;
margin-right:0;
margin-left:auto;	
}

.text-100p{
width:100%;
text-align:left;
}

.w-map_pc{
width:100%;
background-color:#e0eef9;
}

.top-table{
	display:table;
	
}

.T-3column{
display:table-cell;
margin: 0 auto;
padding-left:25px;
padding-right:25px;
}

.hr-border{
border-bottom:solid 1px #dcdcdc!important;
width:60%;
}

/***   マップポップアップ用   ***/
.map_wrap {
	position: relative;	
}
.map_point {
	display: block;
	background-color: #1f58a5;
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	z-index: 10;
}

.map_wrap .sp {
	overflow: scroll;
}
.map_wrap .sp > div {
	width: fit-content;
	position: relative;
}
.map_wrap .sp figure.wp-block-image img {
	width: initial;
	height: 400px;
	max-width: initial;
}
.map_wrap .map_scroll_arrow {
	position: absolute;
	left: calc((100% - 250px) / 2);
	top: calc((100% - 40px) / 2);
	opacity: .3;
}
#map_dialog {
	display: none;
}
#map_dialog .dialog_inner > div {
	display: none;
}
#map_dialog .dialog {
	padding: 20px;
	background-color: rgba(255,255,255,.8);;
	border-radius: 10px;
	position: absolute;
	max-width: 600px;
	min-width: 250px;
	max-height: 300px;
	z-index: 20;
	
	overflow-y: auto;
}
#map_dialog .close {
    position: absolute;
	top: 10px;
    right: 10px;
}

@media screen and (max-width: 650px) {
.dialog {
overflow: scroll!important;
}
}

/********************************/
/***   お問い合わせフォーム   ***/
/********************************/

#contact-page{
	    width: 100%;
	margin:0 auto;
}

#contact-page .wpcf7-form {
  margin: 0 0 50px;
  padding: 0 0 0 0;
}

#contact-page .hissu{
	color:#e95464;
	font-size:12px;
	padding:2px 5px;
}
#contact-page label{
	width:100%;
}

#contact-page input,
#contact-page textarea{
	border:solid 1px #abb8c3;
}

#contact-page table {
    width: 100%;
	margin:0 auto;
	border:none;
	max-width:860px;
}

#contact-page table th,
#contact-page table td{
	background-color:#fff;
	border:none;
}

#contact-page table th{
	text-align:left;
	width:200px;
}

#contact-page table td{
	
}


#contact-page .td-button input{
	border-color:#fff;
	width:240px;
}

.acceptance{
	margin-top:1.2em;
	margin-bottom:1.8em;	
}

@media only screen and (max-width: 991px) {

#contact-page table th,
#contact-page table td{
        display: block;
		width:100%;
    }
#contact-page table th{
	text-align:left;
	width:100%;
}
}

#contact-page .td-button input.wpcf7-form-control{
    padding: 0.5em 4em;
    border-radius: 6px;
    color: #fff;
background-color:#395ca3;
		margin: 0 0 0 1.0em;
}

#contact-page .td-button input.wpcf7-form-control:hover
 {opacity:0.5; }


/*** お問い合わせフォーム ここまで　***/

/*** 会社概要　***/
p.boss-text{
line-height:2.5em;	
}

table.corp-t {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
  color: #4CAF50;
}

thead tr th{
color:#1f58a5;	
}

table.corp-t tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #1f58a5;
  border-top:none;
	
}
table.corp-t tr:last-child{
   border-bottom: 2px solid #1f58a5!important;
}
table.corp-t th,
table.corp-t td {
  padding: 1em 10px 1em 1em;
}
tbody th {
    color: #1f58a5;
}
.title-th{
	text-align:center;
	font-size:1.5em;
	padding-bottom:1em;
}

.txt{
   text-align: left;
   font-size: .85em;
}
@media screen and (max-width: 600px) {
  table.corp-t {
    border: 0;
    width:100%
  }
	
  table.corp-t thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }	
	
  table.corp-t th{
    display: block;
    border-right: none;
    border-bottom: 2px solid #1f58a5;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
    
  table.corp-t tr {
    display: block;
    margin-bottom: 2em;
   border-bottom: 2px solid #1f58a5;
  }
  
  table.corp-t td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table.corp-t td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table.corp-t td:last-child {
    border-bottom: 0;
  }
}

.corp_flex-box{
	display:flex;
}
.corp_flex-box .p_img{
	margin-right:3.0em;
	margin-top:0.5em;
}	


@media screen and (max-width: 1000px) {
.corp_flex-box{
	display:block;
}
	.corp_flex-box .p_img{
	margin-right:0em;
			margin-top:0em;
		margin-bottom:2.0em;
		max-width:480px;
}	

  }

	
/*** 会社コンセプト　***/

	.concept-text_small{
	margin-bottom:2.5em;
}

.concept-text_big{
		margin-bottom:1.0em;
	color:#3cb371;
	font-size:2.2em;
	font-weight:bold;
}
.concept-text_big span{
border-bottom:solid 1px #3cb371;
}
/*　下線付き青文字　*/
.concept_box .txt_kasen{
	padding:1.2em 0;
	    font-size: 2.2em;
    font-weight: bold;
    display: inline-block;
}

.concept_box .txt_kasen span{
	color:#1f58a5;
	border-bottom:1px solid #1f58a5;
	padding:0.1em 1.0em;
	font-size:1.2em;
			font-weight:bold;
}
.concept_box .txt_kasen .hajimari{
	color:#1f58a5;
	border-bottom:1px solid #1f58a5;
	padding:0.1em 1.0em;
	font-size:1.2em;
			font-weight:bold;
}

/*　下線無し青文字　*/
.concept_box .txt_color_ao{
	color:#1f58a5;
    padding-top: 2.0em;
    font-size: 1.6em;
    line-height: 2.4em;
}

@media screen and (max-width: 974px) {
	.concept-text_small{
	  text-align: left;
}
}

/*** ページタイトル　サブページ共通　***/
.page-title{
	border-bottom:1.0px solid #abb8c3;
	margin-bottom:3.0em;
}

.page-title p{
	font-size:2.2em;
	margin-bottom:12px;
}


/*** 小見出し　サブページ共通　***/
.ko-midashi{
	margin:0 auto;
	color:#1f58a5;
	font-weight:bold;
	width:100%;
	text-align:center;
}
.ko-midashi .midashi_en{
	font-size:1.75em;
		line-height:1;
}
.ko-midashi .midashi_jp{
		font-size:1.4em;
	line-height:1.4;
}


/*　TOPページ　地図内テキスト　*/
.dialog_inner p{
margin-bottom:1.2em;
    }
.dialog_inner p:last-child{
	margin-bottom:0em;
    }
.dialog_inner p.map_country{
/* 	 border-bottom:2px solid #1f58a5; */
/* 	 width:60%; */
	 margin-bottom:1.0em;
}
.dialog_inner p.map_country::after {
	content: '';
	width: 60%;
	height: 2px;
	background-color: #1f58a5;
	display: block;
}
.dialog_inner p span.map_midashi{
        font-weight:bold;
        color:#1f58a5;
    }
     .dialog_inner p img{
margin-top:2.0em;
    }

/*　TOPページ　丸付き見出し　*/
.maru_midashi{
max-width:300px;
width:100%;
}
.maru_midashi a{
text-decoration:none;
}
.maru_midashi_txt {
  position: relative;
  color: #1f58a5;
  text-shadow: 0 0 2px white;
margin-top:55px !important;
margin-left:30px !important;
text-align:left;
font-size:24px;
}
.maru_midashi_txt:before {
  content: "";
  position: absolute;
  background: rgba(75,121,184,0.4);
  width: 48px;
  height: 48px;
  border-radius: 50%;
 top: 10px;
  left: -30px;
  /* border: dashed 1px white; */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 781px) {
}


/*　個人情報保護方針　*/

#sub_pp{
text-align:left;
width:100%;
}
#sub_pp h3{
color:#1f58a5;
/* background:#f7f6f5;　*/
padding:0.5em 0.5em 0.5em 1.0em;
border-left: solid 5px #1f58a5;
font-size:20px;
margin-top:2.0em;
}
#sub_pp p{

}
#sub_pp ol{
margin-left:1.0em;
}
#sub_pp ol li{
padding: 0.25rem 0;
}
#sub_pp ul{
margin-left:3.0em;
}
#sub_pp ul li{
list-style-type: none;
padding: 0.25rem 0;
}


/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}
/*==================================================
下からふわっと出てくる設定ここまで
===================================*/


.wpcf7 form.sent .wpcf7-response-output {
  border-color: #395ca3!important;
  padding-top: 1em;
  padding-bottom: 1em;	
}