@charset "utf-8";
/* CSS Document */

#area_ttl{
  background-image: url(/wp/wp-content/themes/twentytwentyfour-child/images/second/bg_ttl.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100%;
  margin:0 0 30px;
  display:flex;
  align-items: center;
  min-height:240px;
 
}

#area_ttl h1{
	text-align:center;
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	background-color:rgba(220,20,60,0.6);
	padding:20px;
	width:100%;
}
@media screen and (max-width: 950px) {
#area_ttl{
  min-height:160px;
}

#area_ttl h1{
	font-size:1.2rem;
}
}

/* ----------------------------------------
* お問い合わせ
---------------------------------------- */
#page-contact{
	line-height:1.2 !important;
}

#page-contact p{
	margin-bottom:2em;
}
#page-contact table p{
	margin-bottom:10px;
}


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

#page-contact .txt-lead{
	text-align:center;
	font-size:1.2rem;
}

#page-contact .txt-lead .alarm{
	font-size:12px;
}

.wpcf7 table th{
	/* width:20% !important; */
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	vertical-align:middle;
}

#page-contact input,#page-contact textarea{
	background-color:#eee;
}

#page-contact input:focus,#page-contact textarea:focus {
   outline:#195690 2px solid;
}

	
#page-contact .wpcf6-list-item,#page-contact .wpcf6-list-item-label,#page-contact .wpcf7-list-item{
	display:block !important;
}

.wpcf7 form input[type="submit"] {
	background-color:#195690 !important;
	color:#fff !important;
}

div.wpcf7 .ajax-loader,.wpcf7-spinner {
    display: none !important;
}

.smt{
	text-align:left !important;
	color:#195690;
	font-weight:normal !important;
}

/*privacy*/
#privacy{
	margin:100px auto 0;
} 

#privacy dl{
	margin:0 0 60px;
}

#privacy dt{
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	margin:0 0 30px;
}

#privacy dd span{
	color:#195690;
	font-weight:bold;
}

#privacy dd{
	margin:0 0 30px;
}

#privacy dd.c_name{
	text-align:right;
}


@media screen and (max-width: 767px) {
	#page-contact .txt-lead{
	text-align:center;
	font-size:1.2rem;
	line-height:1.4;
}

	#page-contact .txt-lead .alarm{
	text-align:left;
}
.wpcf7 table th,.wpcf7 table td {
    display: block !important;
    width: 100% !important;
    border-bottom: none !important;
	text-align:left;
	padding:0 !important;

}

.wpcf7-list-item{
	margin:0;
}
}

/* ----------------------------------------
* 事業内容
---------------------------------------- */
#business{
	margin:0 auto 100px;
}

#business p{
	margin:0 0 20px;
}

#business .blk_business{
	display:flex;
	align-items: flex-start;
	margin:0 0 50px;
}

#business .blk_business img{
	width:300px;
}

#business .blk_business > div{
	width:calc(100% - 330px);
	margin-right:30px;
}

#business .blk_business li:before{
        font-family: "Font Awesome 5 Free";
		content: '\f00c';
		/*
		-webkit-font-smoothing:antialiased;
 	    -webkit-text-stroke-color:#c16362;
       -webkit-text-stroke-width:1px
		*/
		font-weight: 900;
		color:#DC143C;
		margin-right:10px;
}

#business .blk_business li{
	margin:0 0 20px;
	font-weight:bold;
}

#business .blk_business ul,#business dl{
	margin-top:30px;
	font-size:1.1rem;
}

#business dt{
	font-weight:bold;
	margin:0 0 20px;
}

#business dt span{
	color:#DC143C;
}

#business dd{
	margin:0 0 20px;
}

#business #fand{
	margin:100px auto 0;
}

@media screen and (min-width:768px) and (max-width:1079px) {
}
@media screen and (max-width:767px) { 
#business{
	margin:0 auto 50px;
}

#business .blk_business{
	display:block;
	margin:0 0 50px;
}

#business .blk_business img{
	width:100%;
}

#business .blk_business > div{
	width:100%;
	margin-right:0px;
}


#business .blk_business ul,#business dl{
	margin-top:30px;
	font-size:1.1rem;
}



#business #fand{
	margin:50px auto 0;
}

}



/* 年表 */
.dlBlock {
  position: relative;
}
 
.dlBlock:before {
  position: absolute;
  display: block;
  left: 112px;
  content: "";
  background: #1b2680;
  width: 2px;
  height: 100%;
 /*  z-index: -1; */
}
 
.dlBlock .dlInner {
  display: flex;
  align-items: flex-start;/*なくても問題ない？？*/
}
 
.dlBlock dt {
  position: relative;
  color: #1b2680;
  line-height: 1;
  box-sizing: border-box;
  word-break: break-all;
  font-size:1.1rem !important;
}
 
.dlBlock dt:before {
  position: absolute;
  display: block;
  content: "";
  top: .5em;
  left: 110px;
  width: 7px;
  height: 7px;
  background: #1b2680;
  border-radius: 50%;
  transform: translateY(-50%);
}
 
.dlBlock dd {
  line-height: 1.5;
  flex: 1;
  margin-left:30px !important;
  margin-top:-5px !important;
}
 
@media only screen and (min-width: 769px), print {
  .dlBlock:before {
    top: 12px;
    left: 156px;
  }
  .dlBlock .dlInner {
    padding-bottom: 40px;
  }
  .dlBlock dt {
    width: 160px;
    padding-right: 15px;
    font-size: 26px;
    margin-left:0px !important;
 }

.dlBlock dt:before {
  position: absolute;
  display: block;
  content: "";
  top: .5em;
  left: 153px;
}
  .dlBlock dd {
    margin-left: 50px !important;
    font-size: 16px;
  }
} 

/* ----------------------------------------
* 会社概要
---------------------------------------- */
  
#company{
}

#company .blk_company{
	display:flex;
	margin:0 0 50px;
}

#company .blk_company h3{
	font-size:1.4rem;
	font-weight:bold;
	color:#195690;
	width:30%
}

#company .blk_company > div{
	width:70%;
}

#company .blk_company div.rinen{
	font-size:1.4rem;
	font-weight:bold;	
}

#company .blk_company.daihyo{
  background-image: url(/wp/wp-content/themes/twentytwentyfour-child/images/second/img_company.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:34%;
  background-color:rgba(255,255,255,0.6);
  background-blend-mode:lighten;
}

#company .bg_policy{
  background-image: url(/wp/wp-content/themes/twentytwentyfour-child/images/second/img_sdg.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:34%;
  background-color:rgba(255,255,255,0.6);
  background-blend-mode:lighten;
}

#company .blk_company.daihyo .name{
	text-align:right;
	
}

#company .blk_company p{
	margin:0 0 20px;
}

#company table{
	margin:0 auto 50px;
	font-size:1.1rem;
	text-align:left;
	width:100%;
}

#company table th{
	border-bottom:1px solid #195690;
	padding:10px;
	font-weight:bold;
	white-space:nowrap;
	color:#195690;
	width:30%;
		
}

#company table td{
	border-bottom:1px solid #195690;
	padding:10px;
}

#company .blk_map{
	display:flex;
	margin:0 0 50px;
}

#company .blk_map iframe{
	padding-right:20px;
}

#company .blk_map > div{
	width:50%;
}

@media screen and (min-width:768px) and (max-width:1079px) {
}
@media screen and (max-width:767px) { 
#company .blk_company{
	display:block;
	margin:0 0 50px;
}

#company .blk_company h3{
	font-size:1.2rem;
	width:100%;
	margin:0 0 20px;
	text-align:center;
	color:#333;
}


#company .blk_company > div{
	width:100%;
}

#company .blk_company div.rinen{
	font-size:1.2rem;
	text-align:center;
}

#company .blk_company.daihyo{
  background-image: none;
}

#company .bg_policy{
  background-image:none;
}

#company .blk_company p{
	margin:0 0 20px;
}

#company table{
	margin:0 auto 50px;
	font-size:1.0rem;
	text-align:left;
	width:100%;
}

#company table th{
	border-bottom:1px solid #195690;
	font-weight:bold;
	white-space:nowrap;
	width:30%;
	padding:0 0 5px;
	font-weight:bold;
		
}

#company table td{
	padding:10px 0 20px;
	border-bottom:none; 
}

#company table th,#company table td{
 display: block;
 width: 100%;
}

#company .blk_map{
	display:block;
	margin:0 0 50px;
}

#company .blk_map iframe{
	padding-right:0px;
}

#company .blk_map > div{
	width:100%;
}

}



/* topics詳細 */
.blog-detail__image{
	text-align:center;
	margin:0 20px 20px;
}

.blog-detail__body{
	margin:0 0 50px;
}


/* topicsリスト */
#topics a{
	color:#333 !important;
	text-decoration:none !important;
}

.area_list{
	display:flex;
	margin:0 0 30px;
}


.area_list .area_img{
	width:150px;
	margin-right:20px;
}

h2.card__title{
	font-size:1.4rem !important;
	color:#333 !important;
}


/* tradingview */
div.tradingview-widget-container {
  height: 400px !important;
  width:100%  !important;
  margin:0 0 50px;
}