/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2021 | 03:58:07 */
/*======================================

　TOPの記述

=======================================*/
/* headerの改造 */

/* ローディングのやつ */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	text-align: center;
	z-index: 2;
	width: 100%;
}

#loader p{
	font-family:"Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 24px;
	letter-spacing: 12px;
	color: #FFFFFF;
}
#loader br.sp{display: none;}

@media screen and (max-width: 800px) {
	#loader br.sp{display: block;}
}

#top_contents{text-align: center; padding:0;}
#top_contents *{
	font-family:"Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#top_contents a:hover{opacity:0.6;}

/* メインビジュアル */
#top_contents #mv{
	width: 100%;
	text-align: center;
}

#top_contents #mv .bg{
	background: #000000;
	width: 100%;
}

#top_contents #mv h2{margin-bottom: -18px;}
#top_contents #mv h2 img{
	width: 80%;
	max-width: 910px;
}

#top_contents #mv .bg img{
	width:100%;
	max-width: 1440px;
}

#top_contents #mv .bg .sp{display: none;}

@media screen and (max-width: 700px) {
	#top_contents #mv .bg .sp{display: inline;}
	#top_contents #mv .bg .pc{display: none;}
	#top_contents #mv h2 {display: none;}

}


/* ボックス3つのとこ */
#top_section01{
	margin-top: 100px;
}

#top_section01 h3{
	position: relative;
	z-index: 2;
	margin-bottom: -40px;
}
#top_section01 h3 img{
	width: 90%;
	max-width: 748px;
}

#top_section01 h3 .sp{display: none;}

#top_section01 .top_section01_box{
	background:#f9f9f9 ;
	padding: 110px 100px 100px;
}

#top_section01 .top_section01_box_in {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#top_section01 .top_section01_box_in li{
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: calc((100% - 80px)/2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background: #888888;
	color: #FFFFFF;
	padding: 140px 0;
	font-size: 14px;
	position: relative;
}

#top_section01 .top_section01_box_in li:nth-child(1){
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/top_section01_bg01.jpg) no-repeat;
	background-size: cover;
	margin-right: 80px;
}

#top_section01 .top_section01_box_in li:nth-child(2){
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/top_section01_bg02.jpg) no-repeat;
	background-size: cover;
}

#top_section01 .top_section01_box_in li:nth-child(3){
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/top_section01_bg03.jpg) no-repeat;
	background-size: cover;
	padding: 80px 0;
	margin-top: 70px;
}

#top_section01 .top_section01_box_in li:nth-child(3) h4{margin-bottom: 35px;}
#top_section01 .top_section01_box_in li p{margin: 40px 0 35px;}
#top_section01 .top_section01_box_in li span{
	display: inline-block;
	width: 110px;
	line-height: 35px;
	border: 1px solid;
}

#top_section01 .top_section01_box_in li a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	#top_section01 .top_section01_box{padding: 110px 30px 100px;}
	#top_section01 .top_section01_box_in li:nth-child(1){margin-right: 40px;}
	#top_section01 .top_section01_box_in li{width: calc((100% - 40px)/2);}
	#top_section01 .top_section01_box_in li:nth-child(3){margin-top: 40px;}
}

@media screen and (max-width: 700px) {
	#top_section01{margin-top: 50px;}
	#top_section01 h3 .pc{display: none;}
	#top_section01 h3 .sp{display: inline-block; width: 300px;}
	
	#top_section01 .top_section01_box{padding: 50px 20px;}
	
	#top_section01 .top_section01_box_in li{width: 100%; margin-bottom: 20px;  padding: 80px 0;}
	#top_section01 .top_section01_box_in li:nth-child(1){margin-right: 0;}
	#top_section01 .top_section01_box_in li:nth-child(3){margin: 0;}
	
	#top_section01 .top_section01_box_in li p{margin: 20px 0;}
}


/* NEWSのとこ */
#top_section02 {padding: 100px 0 120px;}
#top_section02 .top_section02_text{
	display: inline-block;
	padding:35px 100px 35px 0;
	margin-right: 80px;
	border-right: 1px solid #c9c9c9;
	text-align: left;
	box-sizing: border-box;
	height: 340px;
    vertical-align: top;
}

#top_section02 .top_section02_text a{
	display: inline-block;
	color: #000000;
	border: 1px solid;
	font-size: 14px;
	line-height: 35px;
	width: 130px;
	text-decoration: none;
	text-align: center;
	margin-top: 40px;
}

#top_section02 .wp-block-column{
  width: 500px;
    display: inline-block;
    text-align: justify;
    vertical-align: top;
    padding: 0;
}

#top_section02 .es-list.list-border-bottom li{border:none;}

#top_section02 a:hover{opacity:0.6;}


@media screen and (max-width: 930px) {
  #top_section02 .top_section02_text{
    display:block;
    width:100%;
    padding:0;
    margin:0 auto 30px;
    height:auto;
    text-align:center;
  }
}

@media screen and (max-width: 700px) {
	#top_section02 {padding: 50px 0 60px;}
  #top_section02 .top_section02_text a{margin-top:10px;}
  #top_section02 .wp-block-column{width:90%;}
}



/* かんぱにーのとこ */
#top_section03{
	width: 100%;
	background: #f9f9f9;
	padding: 100px 0 120px;
}

#top_section03 h3{
	width: 90%;
	max-width: 1100px;
	text-align: left;
	margin: 0 auto 45px;
}

#top_section03 .top_section03_box{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: justify;
}

#top_section03 .top_section03_box .txt{
	width: 50%;
	display: inline-block;
}

#top_section03 .top_section03_box .txt h4{
	font-size: 28px;
	margin-bottom: 40px;
	font-weight: bold;
}

#top_section03 .top_section03_box .txt img{
	display: block;
	float: right;
	margin: 75px 0 45px;
}

#top_section03 .top_section03_box .txt a{
	clear: both;
	display: inline-block;
	width: 48%;
	text-align: center;
	color: #000000;
	border: 1px solid;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
}
#top_section03 .top_section03_box .txt a.a_left{margin-right: 2%;}

#top_section03 .top_section03_box .img{width: 44%;}

#top_section03 .box01{
	padding-bottom: 80px;
	border-bottom: 1px solid #cccccc;
}

#top_section03 .box02{padding-top: 70px;}

#top_section03 .box02 p{margin-bottom: 70px;}

#top_section03 .box01 .txt{margin-right: 5%;}
#top_section03 .box02 .txt{margin-left: 5%;}

@media screen and (max-width: 920px) {
	#top_section03 .box01{padding-bottom: 40px;}
	#top_section03 .box02{padding-top: 35px;}
	
	#top_section03 .top_section03_box .txt{width: 100%;}
	#top_section03 .box01 .txt{margin: 0;}
	#top_section03 .box02 .txt{margin: 0;}
	
	#top_section03 .top_section03_box .txt h4{margin-bottom: 20px;}
	#top_section03 .top_section03_box .txt h4 br{display: none;}
	#top_section03 .top_section03_box .txt img{float: none; margin: 25px 0;}
	
	#top_section03 .box02 p{margin-bottom: 30px;}
	
	#top_section03 .top_section03_box .img{
		width: 100%; 
		max-width: 450px; 
		display: block; 
		margin: 0 auto;
	}
	
	#top_section03 .box01 .img{margin-top: 20px;}
	#top_section03 .box02 .img{margin-bottom: 20px;}
	
	#top_section03 .box02 .txt a{display: block; margin: 0 auto;}
}

@media screen and (max-width: 700px) {
	#top_section03{padding: 50px 0 60px;}
	#top_section03 .top_section03_box .txt a{width: 100%; margin-bottom: 5px;}
	#top_section03 .top_section03_box .txt a.a_left{margin-right: 0;}
	
	#top_section03 .top_section03_box .txt h4{font-size: 24px; text-align: center;}
	#top_section03 .top_section03_box .txt h4 br{display: block;}
	
	#top_section03 .top_section03_box .txt img{width: 90%;}
}


/* accessのとこ */
#top_section04{
	width: 90%;
	max-width: 1100px;
	margin: 140px auto 0;
}

#top_section04 h3{
	text-align: left;
	margin-bottom: 70px;
}

#top_section04 ul li{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

#top_section04 ul li:first-child{margin-right: 5%;}

#top_section04 h4{
	font-size: 28px;
	font-weight: bold;
	margin: 50px 0 30px;
}
#top_section04 h4 span{font-size: 16px; display: block;}

#top_section04 li p{margin-bottom: 40px;}

#top_section04 li a{
	display: block;
	width: 110px;
	line-height: 35px;
	margin: 0 auto;
	border: 1px solid;
	color: #000000;
	text-decoration: none;
}

#top_section04 li iframe{
	width: 100%;
	height: 420px;
}

@media screen and (max-width: 920px) {
	#top_section04 ul li{width: 100%; margin-bottom: 60px;}
	#top_section04 ul li:first-child{margin-right: 0;}
}

@media screen and (max-width: 920px) {
	#top_section04{margin: 60px auto 0;}
	#top_section04 h3{margin-bottom: 30px;}
	#top_section04 li iframe{height: 260px;}
	#top_section04 h4{margin: 30px 0 10px;}
	#top_section04 li p{margin-bottom: 20px;}
}

/*======================================

　沿革の記述

=======================================*/
#history .inner{
	margin-top: 70px;
}

#history h3{
	font-size: 32px;
	font-family:"Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	margin-bottom: 50px;
}
#history h3 span{
      display: block;
      margin-top: 8px;
      font-size: 18px;
}
#history h3 .sp{display: none;}

#history table{margin-top: 75px;}

#history img{width: 100%;}

#history img.sp{display: none;}

@media screen and (max-width: 700px) {
	#history .inner{margin-top: 35px;}
	#history h3 .sp{display: block;}
	#history h3{margin-bottom: 20px;}
	#history img.pc{display: none;}
	#history img.sp{display: inline;}
	#history table{margin-top: 30px;}
}


/*======================================

　事業内容の記述

=======================================*/
#bussiness h3 {
	position: relative;
	text-align: center;
	font-family:"Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 70px;
}

#bussiness h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 15px);
  width: 30px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #000;
}

#bussiness01{padding-top: 100px;}
#bussiness01 ul li{
	display:inline-block;
	margin: 0 20px;
}

#bussiness01 p{margin-top: 40px;}

#bussiness .bus_box .text{
	display: inline-block;
	width: 50%;
	text-align: justify;
	margin-right: 3%;
}

#bussiness .bus_box .text h4{
	font-size: 22px;
	border-bottom: 1px solid;
	border-left: 4px solid;
	padding: 5px 20px;
  margin-bottom:0;
}

#bussiness .bus_box .text h4 span{
	font-size: 13px;
	display: inline-block;
	border: 1px solid;
	padding: 2px 5px;
	line-height: 13px;
	margin-left: 20px;
}

#bussiness .bus_box .text > div{padding: 20px;}

#bussiness .bus_box .text p{	margin-bottom: 30px;}

#bussiness .bus_box .text a{
	background:url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/btn_icon.png) no-repeat center right 20px;
	background-size: 15px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 7px;
	margin-bottom: 5px;
  	font-size: 13px;
}

#bussiness .bus_box .img{width: 45%;}

#bussiness01{margin-bottom: 110px;}
#bussiness02{margin-bottom: 150px;}
#bussiness03{margin-bottom: 160px;}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #bussiness .bus_box .text h4 span {padding: 7px 5px 2px 5px;}
}

@media screen and (max-width: 800px) {
	#bussiness .bus_box .text{width: 100%; margin-right: 0;}
	#bussiness .bus_box .img{width: 100%; max-width: 470px;}
}

@media screen and (max-width: 700px) {
	#bussiness01{padding-top: 50px;}
	#bussiness h3{font-size: 25px; margin-bottom: 40px;}
	
	#bussiness01 ul li{width: 47%; margin: 0 1%;}
	#bussiness01 ul li img{width: 100%;}
	#bussiness01 p{text-align: justify; margin-top: 20px;}
	
	#bussiness .bus_box .text p{	margin-bottom: 15px;}
	
	#bussiness01{margin-bottom: 60px;}
	#bussiness02{margin-bottom: 60px;}
	#bussiness03{margin-bottom: 60px;}
}

/*======================================

　事業内容の記述

=======================================*/
#profile .inner{margin-top: 60px;}

#profile iframe{
	width: 100%;
	height: 370px;
}

#profile td ul li {margin-bottom: 5px;}
#profile td ul li:last-child{margin-bottom: 0;}
#profile td ul li span{
	display: inline-block;
	width: 160px;
	margin-right: 15px;
}

@media screen and (max-width: 700px) {
	#profile td ul li span{width: auto;}
}

/*======================================

　企業理念の記述

=======================================*/
.page-id-2729 #contact_footer{display:none;}
.page-id-2729 #footer{margin-top: -80px;}

#us{
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/us_bg.jpg) bottom center no-repeat;
	background-size: cover;
	height: 1600px;
}
#us .inner{padding-top: 130px;}
#us p{
	font-size: 19px;
   font-weight: 500;
	color: #FFFFFF;
	line-height: 2.5;
	margin-top: 100px;
}

#us p br.sp{display: block;}

@media screen and (max-width: 700px) {
	#us{height: 1330px;}
	#us p{margin-top: 60px; text-align: justify; line-height: 2;}
	#us p br.sp{display: none;}

}


/*======================================

　○○から探すの記述

=======================================*/
#search_cus .inner{margin-top: 80px;}

#search_cus h3{
	font-size: 18px;
	color: #FFFFFF;
	background: #000000;
	padding: 5px 20px;
	text-align: left;
}	
#search_cus p{
	text-align: left;
	margin-top: 15px;
}

.content-mid-block.search_custom{width: 100%;}

.wrap .search_custom h2{
	font-family:"Yu Gothic", YuGothic ,"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	background: #fafafa;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	margin: 40px 0 20px;
}

.content-mid-block.search_custom legend{
	font-size: 15px;
	padding: 10px 20px;
	border-bottom: 1px solid;
	border-left: 5px solid;
	text-align: left;
	margin-bottom: 30px;
}

.content-mid-block.search_custom ul{padding: 0 20px;}
.content-mid-block.search_custom ul li{
	text-align: left;
}

.content-mid-block.search_custom ul li a{color: #000000; text-decoration: underline;}
.content-mid-block.search_custom ul li a:hover{text-decoration: none;}

#map_top h3{
  font-size: 16px;
  margin: 0 20px;
  padding:0;
  background: none;
  color: #000000;
}

#map_top .select_wrap{
  width: 160px;
}


#modal .mode_map li{text-align:left;}

.set_condition_wrap .set_condition_title h2{   
    background: none;
    padding: 50px 0 0 0;
    font-size: 30px;
  }


@media screen and (max-width: 1040px) {
  #map_top{display:block;}
  #map_top h3{margin:0 auto; text-align:center;}
  #map_top .select_group{justify-content: center; margin: 10px 0;}
  

}

@media screen and (max-width: 700px) {
	#search_cus .inner{margin-top: 35px;}

}

/*======================================

　新着情報の記述

=======================================*/
#info_list .inner{margin-top: 60px;}

#info_list .news_list li{
	padding: 20px 50px;
	border-bottom: 1px solid;
	text-align: justify;
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/news_icon.png) center right 50px no-repeat;
	background-size: 23px;
}

#info_list .news_list li a{
	color: #000000;
	text-decoration: none;
}

#info_list .news_list li .date{
	color: #9e9e9e;
	font-size: 13px;
}

#info_list .news_list li h3{
	display: inline-block;
	margin-left: 40px;
	font-weight: normal;
  width:auto;
}

@media screen and (max-width: 750px) {
	#info_list .inner{margin-top: -40px;}
	#info_list .news_list li{
		padding: 10px 45px 10px 10px;
		background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/news_icon.png) center right 10px no-repeat;
		background-size: 15px;
	}
	#info_list .news_list li h3{
		display: block;
		margin-left: 0;
	}
}


/*======================================

　新着詳細の記述

=======================================*/
#page .es-header-breadcrumb .es-container{border:none!important;}

.info .es-no-thumb{
	width: 90%;
	max-width: 1000px;
	margin:  0 auto;
}

#content .info .es-single-post-order h1{
	padding: 20px 50px;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	font-size: 30px;
  width:100%;
}

#content .info header{padding-bottom:50px;}

.info .es-no-thumb .published{
	color: #8f8f8f;
	font-weight: bold;
	font-size: 13px;
	display: block;
	padding: 0 50px;
}

.info .es-no-thumb .entry-content p{font-size: 14px;}
.info .entry-content a{text-decoration:underline;}
.info .entry-content a:hover{text-decoration:none;}

/*======================================

　新着詳細の記述_追加（変更部分）

=======================================*/
.info .es-post-format-{
	width: 90%;
	max-width: 1000px;
	margin:  0 auto;
}

#content .info h1{
	padding: 20px 50px;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	font-size: 30px;
	width:100%;
}

#content .info header{padding-bottom:50px;}

.info .published{
	color: #8f8f8f;
	font-weight: bold;
	font-size: 13px;
	display: block;
	padding: 0 50px;
}

.info .entry-content p{font-size: 14px;}
.info .entry-content a{text-decoration:underline;}
.info .entry-content a:hover{text-decoration:none;}


/*======================================

　新着詳細の記述_追加（変更部分）

=======================================*/

@media screen and (max-width: 750px) {
	#content .info .es-no-thumb h1{
		padding: 15px 0;
		margin-bottom: 15px;
		font-size: 25px;
	}

	.info .es-no-thumb .published{
		padding: 0;
	}
}


/*======================================

　お問い合わせの記述

=======================================*/

#contact .inner{margin-top: 100px;}

#contact .con_tel a{
	display: inline-block;
	background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/contact_tel.jpg) left center no-repeat;
	padding-left: 70px;
	font-size: 44px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#contact .con_tel p{
	max-width: 477px;
	text-align: left;
	margin: 0 auto;
}
#contact .con_tel p span{
	letter-spacing: 20px;
}

#contact .inner .form_wrap{
	background: none;
	border-top: 4px double #dfdfdf;
    border-bottom: 4px double #dfdfdf;
	padding:60px 0;
	margin-top: 50px;
}

#contact .inner .form_wrap h2{display: none;}

#contact .inner .form_wrap .es_form_2col_wrap{max-width: 100%;}

#contact .inner .form_wrap .es_form_2col_wrap > p{
	border: none;
	padding: 10px 0;
}

#contact .inner .form_wrap .es_form_2col_wrap > p > label{font-size: 16px;}

#contact .inner .es_form_2col_wrap>p.note{text-align: center;}

/*　サンクスページ　*/
#contact .inner .thanks{
	border-top: 4px double #dfdfdf;
    border-bottom: 4px double #dfdfdf;
	padding:60px 0;
	margin: 60px 0 0;
}

#contact .inner .thanks b{
	font-size: 25px;
	font-family:"Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	margin-bottom: 30px;
	display: block;
}

#contact .inner .thanks p{font-size: 14px;}

#contact .inner .thanks br.pc{display: none;}


@media screen and (max-width: 750px) {
	#contact .inner{margin-top: 50px;}
	#contact .con_tel a{
		background: url(https://www.kyoritsu-jisho.co.jp/wp-content/uploads/sites/460/2021/07/contact_tel.jpg) left center no-repeat;
		background-size: 45px;
		padding-left: 60px;
		font-size: 35px;
	}
	
	#contact .inner .form_wrap{padding: 30px 0; margin-top: 20px;}
	
	#contact .inner .es_form_2col_wrap>p.note{text-align: justify;}
  
  	#contact .inner .thanks{padding:30px 0; margin: 30px 0 0;}
	#contact .inner .thanks br.pc{display: block;}
	#contact .inner .thanks b{font-size: 20px; margin-bottom: 15px;}
	#contact .inner .thanks p{text-align: justify;}


}



/*======================================

　複数物件お問い合わせの記述

=======================================*/
.page-id-669 #content{
  width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .page-id-669 #content{width: 100%;}
}





