/****** column用 ******/

/***編集エリア***/
	/*共通装飾*/
.column{font-size:16px; line-height: 1.5em;}
.column .u-fv{background: #fb7b0c;}
.column .u-fv h1,.column .u-fv p{color: #fff; font-size: 26px; width:1100px;}
.column .breadcrumbs_outer{background:#e9e9e9;}
.column .breadcrumbs{width: 1100px; font-size:14px;}

	/*一覧ページ装飾*/
.column .column_container .left h2{color:#000; font-size:20px;}
.column .column_container .left ul .thumbnail{width: 270px;}
.column .column_container .left ul .thumbnail img{height: 180px;}
.column .column_container .left ul .content .title{font-size:20px; color:#000;}
.column .column_container .left ul .content .des{font-size:14px; color:#000;}
.column .column_container .left ul .content .time{font-size:14px; color:#aaa;}

	/*詳細ページ装飾*/
.column .content .data .category a{font-size:12px;}
.column .content .data .time{font-size:12px;}
.column .content .left h2{font-size:22px; background:#fb7b0c; color:#fff;}
.column .content .left h3{font-size:18px; background:#fff; border-left:solid 3px #fb7b0c; background: #f7f7f7;}
.column .content .left h4{font-size:16px;}
.column .content .left h4:before {border-top: 1px solid; content: ""; width: 10px; margin-right: 5px;}
.column .content .left .thumbnail img{height:400px !important;}
.column .content #ez-toc-container .ez-toc-title{font-size:16px;}
.column .content #ez-toc-container a{font-size:16px;}
.column .content .yarpp h3{font-size:20px;}
.column .content .yarpp a .yarpp-thumbnail-title{font-size:16px;}
.supervisor .supervisor-title{font-size: 20px; background:#fb7b0c; color: #fff;}
.supervisor-profile .txt1{font-size: 20px;}
.supervisor-profile .txt2{font-size: 16px;}
.d1 .txt2{font-size: 16px;}	
.supervisor_box .title {font-size: 20px; background:#fb7b0c; color: #fff;}




/***非編集エリア***/
	/*共通装飾*/
.column{background:#fff; letter-spacing:1px;}
.column *,.column  *::before,.column  *::after{box-sizing: border-box;}
.column .column_container .left{width:auto; color:#000; flex: 1;}
.column .u-fv{width: 100%;}
.column .u-fv h1,.column .u-fv p{font-weight: bold; letter-spacing: 2.5px; margin:0 auto; padding:40px 0; text-align:center;}
.column .breadcrumbs_outer{width: 100%;}
.column .breadcrumbs{margin:0 auto; padding:10px;}
.column .breadcrumbs  a:hover{text-decoration:underline;}

	/*一覧ページ装飾*/
.column .column_container .left h2{margin:0 0 20px;}
.column .column_container .left ul a{text-decoration: none;}
.column .column_container .left ul a.tag{color: #fff; background: #e75503; padding: 2px 12px; border-radius: 15px; font-size: 14px; margin: 0 2px;}
.column .column_container .left ul .thumbnail{width: 100%; margin: 0; border-radius: 10px 10px 0 0;}
.column .column_container .left ul .thumbnail img{width:100%; object-fit:cover; border-radius: 10px 10px 0 0;}
.column .column_container .left ul .content{padding: 20px;}
.column .column_container .left ul .content .title{margin:0 0 20px; font-weight:bold;}
.column .column_container .left ul .content .des{ margin:0 0 15px;}

.column .wp-pagenavi{margin:0; color:#000; text-align:center; font-size: 14px;}
.column .wp-pagenavi .current{color:#fff; background:#aaa; padding:5px 15px; margin:0 5px; border-radius:5px;}
.column .wp-pagenavi .page{color:#000; padding:5px 15px; margin:0 5px;}
.column .wp-pagenavi .page:hover{background:#eee; color:#000; border-radius:5px;}
.column .wp-pagenavi .pages{color:#aaa; padding:5px 15px; margin:0 5px;}
.column .wp-pagenavi .nextpostslink,.column .wp-pagenavi .previouspostslink{padding:5px 15px; margin:0 5px; color:#aaa;}
.column .wp-pagenavi .nextpostslink:hover,.column .wp-pagenavi .previouspostslink:hover{background:#eee; color:#000; border-radius:5px;}

	/*詳細ページ装飾*/
.column .content .data{space-between; margin:0 0 30px;}
.column .content .data .category a{padding: 6px 12px; text-decoration: none; color: #fff; background: #e75503; border-radius: 20px; font-size: 14px;}
.column .content .data .time{padding:5px 0; color:#bbb; text-align: right;}
.column .content .left h1{font-size: 28px; margin:0 0 30px; line-height: 1.5;}
.column .content .left h2{ padding:15px; margin:70px 0 20px;}
.column .content .left h3{border-bottom: 1px solid #e5e5e5; padding:10px; margin:40px 0 20px;}
.column .content .left h4{ font-weight:bold; margin:10px 0 10px; display: flex; align-items: center;}
.column .content .left h4:before {border-top: 1px solid; content: ""; width: 10px; margin-right: 5px;}
.column .content .left .thumbnail{width:100%; margin:0 0 30px; border: solid 1px #e5e5e5;}
.column .content .left .thumbnail img{width:100%; object-fit:cover;}

.column .content .left a{color: #0b57d0; text-decoration: underline;}
.column .content .left a:hover{color:#e32959; text-decoration:underline;}

.column .content .left table {width: 100% !important; display: block; border-collapse: collapse; border-spacing: 0; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.column .content .left table tbody {width: 100%; display: table;}
.column .content .left table th {padding: 10px; background: #f7f7f7; border: solid 1px #ccc;}
.column .content .left table td {padding: 10px; border: solid 1px #ccc;}
.column .content .left ul{list-style:disc; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px; line-height: 1.4em;}
.column .content .left table ul{list-style: none;margin: 10px; background: none; padding: 0;}
.column .content .left ol{list-style:decimal; margin:20px 10px; background:#f7f7f7; padding:20px 20px 20px 50px; line-height: 1.4em;}
.column .content blockquote {position: relative; padding: 10px 15px 10px 60px; margin:20px 0 30px; box-sizing: border-box; font-style: italic; background: #f5f5f5; color: #333;}
.column .content blockquote:before{display: inline-block; position: absolute; top: 15px; left: 15px; content: "\f10d"; font-family: "Font Awesome 5 Free"; color: #777777; font-size: 30px; line-height: 1; font-weight: 900;}
.column .content blockquote p {padding: 0; margin: 7px 0; line-height: 1.7;}
.column .content blockquote a {display: block; text-align: right; font-size: 0.9em; margin:0 !important;}

.column .content #ez-toc-container{width:90%; margin:30px 5% 0; padding:20px 30px; border:solid 1px #dadada; border-radius:5px;}
.column .content #ez-toc-container .ez-toc-title{margin:0 0 20px;}
.column .content #ez-toc-container a{margin:0 0 10px; padding:0; border:none;}
.column .content #ez-toc-container a:hover{color:#66808f; text-decoration:underline;}
.column .content .yarpp h3{background:none; padding:0; border:none; margin:40px 0 20px;}
.column .content .yarpp .yarpp-thumbnails-horizontal{display:flex; flex-wrap: wrap;}
.column .content .yarpp a{width:50% !important; height:auto !important; display:flex; border:none; margin:0 0 20px;}
.column .content .yarpp a img{ width:40% !important; height:90px !important; object-fit:cover; margin:0 15px 0 0;}
.column .content .yarpp a .yarpp-thumbnail-title{width:60% !important; font-weight:normal; margin:0; color:#000; margin:0 15px 0 0;}
.column .content .yarpp a .yarpp-thumbnail-title:hover{color: #0b57d0 !important;text-decoration: underline;}
.case_studies .archive{margin-bottom: 70px;}
.case_studies .archive ul{display: flex; width: 100%; flex-wrap: wrap; gap: 40px;}
.case_studies .archive ul li{width: 30%; border-radius: 10px; box-shadow: 0 5px 20px 0px rgb(22 35 60 / 20%);}

@media screen and (max-width:1100px) {
	.column .column_container{width:980px;}
	.column .column_container .left{width:610px;}
	.column .column_container .left .thumbnail{width:auto;}
	.column .breadcrumbs{width: 980px;}
	.column .u-fv h1,.column .u-fv p{width:980px;}
}

@media screen and (max-width:980px) {
	.column .breadcrumbs{overflow-x: scroll; white-space: nowrap;}
	.column .breadcrumbs{width:100%;}
	.column .u-fv h1,.column .u-fv p{width:100%;}
	.column .column_container{width:100%; margin:0 auto 0; display:block; padding:30px 0 30px;}
	.column .column_container .left{width:100%; margin:0;}
	.column .column_container .left ul a{display:block;}
	.column .column_container .left .thumbnail{width:100%; margin:0 0 10px;}
	.column .column_container .left .thumbnail img{width:100%;height: auto;max-height: 500px;}
	.column .column_container .left .content{width:100%;}
	.column .column_container .left .content .title{margin:0 0 10px;}
	.column .column_container .left .content .des{margin:0 0 10px;}
	.column .column_container .left .content .time{margin:0;}
	.column .wp-pagenavi{margin:40px 0;}
	.column .content .data{display:block; margin:10px 0 10px;}
	.column .content .data .category a{display: inline-block; margin:0;}
	.column .content .data .time{margin:10px 0 0;}
	.column .content .yarpp{margin:20px 0 50px;}
	.column .content .yarpp .yarpp-thumbnails-horizontal{display:block;}
	.column .content .yarpp a{width:100% !important; margin:0 0 20px;}
	.column .content .yarpp a img{ width:35% !important; height:72px !important;}
	.column .content .yarpp a .yarpp-thumbnail-title{width:65% !important; margin:0 !important;}
	.column table {width: 100% !important; margin-bottom: 1rem; display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
	.column tbody {width: 100%; display: table;}
	.column .content .left img{width:100%;}
	.insta img{width:27px; height:27px;}

}
@media screen and (max-width:630px) {
    img.lkc-thumbnail-img { height: auto !important; }
}
@media screen and (max-width:480px) {
    img.lkc-thumbnail-img { height: auto !important; }
}

/***追記エリア***/
.case_studies .archive .txt{text-align: center; margin-bottom: 50px; line-height: 2;}
.case_studies .case_studies_h1{padding-bottom: 20px; font-weight: 700; color: #111; line-height: 1.35; letter-spacing: 0.1em; text-align: center; position: relative;}
.case_studies .case_studies_h1:before{content: ""; display: block; width: 70px; height: 4px; background: #111; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
.case_studies .box {display: flex; margin: 35px 0 0 0;}
.case_studies .box .img {width: 50%; text-align: center;}
.case_studies .box .text {width: 50%;}
.case_studies .box .text .table table tr th,
.case_studies .box .text .table table tr td{vertical-align: middle; padding: 15px; border: 2px solid #fff; font-size: 1.5rem; line-height: 1.5; text-align: left;}
.case_studies .box .text .table table tr th{width: 250px; background: #0098ff; font-weight: 700; color: #fff;}
.case_studies .box .text .table table tr td{background: #f2f2f2;}

.case_studies .articles{background-color: #fef1e8; margin: 70px auto;}
.case_studies .top-latest-column{padding: 30px;}
  .case_studies .sec_14 .m-container {padding: 0;}
  .case_studies .top-latest-column .m-title01:before {content: ""; display: block; width: 70px; height: 4px; background: #111; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
  .case_studies .latest-column-list{display: flex; gap: 20px; margin-top: 50px;}
  .case_studies .column-item{width: 30%; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 5px; list-style: none;}
  .case_studies .column-item a{text-decoration: none;}
  .case_studies .column-item .column-thumb img {width: 100%; height: 150px; object-fit: cover; border-radius: 5px 5px 0 0;}
  .case_studies .column-text {color: #000; text-decoration: none; padding: 10px;}
  .case_studies .column-item .latest-column-h3{margin: 5px auto; line-height: 1.5; text-align: left;}
  .case_studies .column-item .column-date {margin: 10px auto; line-height: 1.3; text-align: left; color: #696969;}
  .case_studies .button-container{margin: 40px auto 0; width: 30%;}
  .case_studies .data_in{display: flex; justify-content: start; gap: 5px;}
  .case_studies .case-studies-tag-filter {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
  .case_studies .case-studies-tag-filter a {padding: 6px 12px; text-decoration: none; color: #fff; border-radius: 20px; font-size: 14px; margin: 0 2px; background-color: #ccc;}
  .case-studies-tag-filter a.active {background: #e75503;}
 
/***画像スライダー箇所***/
.case_studies .slider-container {position: relative; width: 90%; max-width: 600px; margin: auto; overflow: hidden;}
.case_studies .slider {display: flex; flex-direction: row; transition: transform 0.5s ease-in-out;}
.case_studies .slide {width: 100%; text-align: center; flex-shrink: 0;}
.case_studies .slide.active img {transform: scale(1.2); width: 385px; height: 257px;}
.case_studies .slide img {transition: transform 0.3s ease; width: 385px; height: 257px;}
.case_studies button {position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer;}
.case_studies .prev {left: 0;}
.case_studies .next {right: 0;}
.case_studies .slider_bottom {display: flex; justify-content: center;}
.case_studies .slider_bottom .small_img {padding: 5px;}
.case_studies .slider_bottom .small_img img {width: 120px; height: 120px; object-fit: cover;}
@media screen and (max-width: 767px) {
.case_studies .slider-container{width: 100%;}
}

  @media screen and (max-width: 767px) {
  	.column .content .left h1{font-size: 24px;}
  	.case_studies .box{display: block;}
  	.case_studies .box .img, .case_studies .box .text{width: 100%; margin: 0;}
  	.case_studies .box .text{margin-top: 30px;}
  .case_studies .latest-column-list {flex-direction: column; gap: 20px;}
  .case_studies .column-item{width: 100%;}
  .sec_14 .column-item {display: flex; flex-direction: row; align-items: flex-start; background: #fff; border-radius: 5px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); overflow: hidden;}
  .sec_14 .column-item a {display: flex; flex-direction: row; width: 100%; text-decoration: none;}
  .sec_14 .column-thumb {width: 40%; flex-shrink: 0;}
  .sec_14 .column-thumb img {height: 130px !important; border-radius: 5px 0px 0 5px !important;}
  .sec_14 .column-text {width: 60%; padding: 10px; box-sizing: border-box; text-align: left;}
  .sec_14 .column-item .column-date{margin: 5px auto;}
  .sec_14 .column-item .latest-column-h3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em;}
.sec_14 .button-container{width: 80%;}
.case_studies .top-latest-column{padding: 30px 10px;}
.case_studies .articles{margin: 70px auto 30px;}
.case_studies .archive{margin-bottom: 30px;}
.case_studies .archive ul{display: block;}
.case_studies .archive ul li{width: 100%; margin-bottom: 30px;}
}