@charset "shift_jis";
/*-----------------------------------------------
	編集可能なファイルです。
-----------------------------------------------*/
h2.cms_h2 {
	margin: 10px auto 20px auto;
	position: relative;
	padding-bottom: 0.7em;
	border-bottom: 4px solid #DDD;
	display: inline-block;
	width: 100%;
	line-height: 25px;
}
h2.cms_h2:after {
	position: absolute;
	content: ' ';
	border-bottom: solid 4px #FFAB49;
	bottom: -4px;
	width: 13%;
	display: block;
	left: 0px;
}
.container {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
}
.maincontents {
	width: 780px;
	float: left;
}
.side {
	width: 200px;
	float: right;
}
.cms_back {
	text-align: left;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
}
.cms_back a {
	color: #004CD3;
	line-height: 18px;
}
.cms_back a:hover {
	text-decoration: none;
	color: #999999;
}
/* --------コラム一覧-------- */
.col_item_staff {
	display: flex;
	align-items: center;
	margin: 10px 10px 0;
	padding: 10px 10px 0;
	box-sizing: border-box;
	justify-content: space-between;
	border-top: dashed 1px #ccc;
}
.col_item_staff_name:empty {
	display: none;
}
.col_item_staff_name::before {
	content: "作成者：";
}
.col_item_staff_img {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50px;
}
.col_item_staff_img:empty {
	display: none;
}
.col_item_staff_img img {
	object-fit: cover;
	width: 100%;
	height: 40px !important;
}

/* ----------------------------------------
		スタッフ紹介 staff
	 ---------------------------------------- */
.staff3_ma_shosai_row_img img{
	height:auto !important;
}
.staff3_ma_photo img{
	height:200px !important;
}
.staff3_ma_shosai_img img{
	height:auto !important;	
}

/* ----------------------------------------
		お客様の声 voice
	 ---------------------------------------- */
.voice_go{
	margin:0 0 20px 0;
}
.voice_ma a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
}

.voice_ma_group_staff_h3{
	background-color: #FFAB49;
}
.voice_st_date .more{
	background-color: #FFAB49;
	border:0px;
}


/*　街情報一覧 town_library　*/
.free2_ma_list_warp{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap:0 15px;
}

.free2_ma_list_warp div:empty{
	display:none;
}

.free2_ma_list_warp li{
	width:250px;
	border:1px solid #ccc !important;
	background-color: #fff;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	border-radius: 2px;
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

.free2_ma_list_warp li:hover{
	background-color:#F1ECE1;
}

.free2_ma_list{
	padding:0px !important;
}

.free2_ma_list_warp li h3{
	font-size:13px;
	text-align:left;
	padding:10px;
	margin:0px;
	background:none;
	border:0px !important;
	clear:both;
}

.free2_ma_list_warp li h3 a{
	color:#555;
	line-height:1.50;
}

.free2_ma_list .free2_ma_img{
	float:none !important;
	margin:0px !important;
	position: relative;
}

.free2_ma_img span{
	position:absolute;
	top: 3px;
	left: 3px;
}

.free2_ma_img span p{
	margin:0;
}

.free2_ma_img span p .cms_topic_tag a{
	font-size: 10px;
	border:0px;
	background-color:#FFAB49;
	color:#FFF;
	border-radius: 20px;
	text-decoration: none;
	margin: 3px 5px 3px 0;
	padding: 2px 10px;
	display: inline-block;
	}

.free2_ma_img span p .cms_topic_tag a:hover{
	background-color:#FFF;
	color:#FFAB49;
	}


.free2_ma_list a img{
	margin:0px !important;
	border:0px;
	border-radius: 2px 2px 0 0;
	border:0px !important
}

 /* ----------------------------------------
    街情報詳細 town_library
    ---------------------------------------- */
.free2_ma_shosai img{
	vertical-align: text-top;
}


.free2_ma_shosai table{
	width:780px;
	border-collapse: collapse;
}
.free2_ma_shosai table th{
	border:1px solid #666;
	padding: 10px 5px;
}

.free2_ma_shosai table td{
	border:1px solid #666;
	padding: 10px 5px;
}

 /* ----------------------------------------
    group_all_topiclinks
    ---------------------------------------- */
.group_all_topiclinks {
    background: #fff;
    border-radius: 5px;
    margin: 40px auto;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 0px 5px #FFAB49 inset;
    overflow: hidden;
    padding: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

 .group_all_topiclinks ul {
  width: 70%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
 }

 .group_all_topiclinks li {
  margin: 3px;
 }

 .group_all_topiclinks_tl {
  width: 30%;
  text-align: center;
  padding: 0 24px 0 0;
  box-sizing: border-box;
  font-size: 15px;
 }

 .group_all_topiclinks li a {
  border: 2px solid #FFAB49;
  background-color: #FFF;
  padding: 5px 10px;
  border-radius: 5px;
  display: block;
  color: #FFAB49;
  font-weight: bold;
  font-size: 14px;
 }

 .group_all_topiclinks li a:hover {
  display: block;
  opacity: 0.6;
 }

 /* ----------------------------------------
    form_portal 総合問い合わせ
    ---------------------------------------- */
.form_portal_text{
	font-size:14px;
	text-align:center;
	line-height: 2em;
	padding: 0 0 20px 0;
}
.form_portal_text span{
	font-size:26px;
	font-weight:bold;
	color:#F37D4F;
	display:block;
	line-height: 2.5em;
	position:relative;
}

.form_portal_text span:before{
	content: '';
	width: 15%;
	height: 2px;
	display: inline-block;
	background-color: #F37D4F;
	position: absolute;
	top: calc(50% - 2px);
	left: calc(85%);
}

.form_portal_text span:after{
	content: '';
	width: 15%;
	height: 2px;
	display: inline-block;
	background-color: #F37D4F;
	position: absolute;
	top: calc(50% - 2px);
	right: calc(85%);
}

.form tr th{
	flex-direction: column;
	justify-content: center;
}

/*-----------------------------------------------
staff8
-----------------------------------------------*/

/*------------一覧---------------*/
.staff8_all_wrap {
 overflow: hidden;
}
.staff8_all_inner {
 width: 1200px;
 margin: 60px auto 0;
}
.staff8_wrap ul {}
.staff8_wrap ul li {
 display: inline-block;
 width: 22%;
 margin: 0 1.35% 3%;
 margin-bottom: 3%;
 border-radius: 10px;
 overflow: hidden;
}
.staff8_wrap ul li a {
 position: relative;
}
.staff8_wrap ul li a::before {
 content: "";
 display: block;
 background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
 position: absolute;
 width: 100%;
 height: 60px;
 left: 0;
 bottom: 0;
 z-index: 11;
}
.staff8_photo {
 height: 380px;
}
.staff8_photo img,
.staff8_photo_hover img {
 height: 100% !Important;
 object-fit: cover;
}
.staff8_photo_hover {
 height: 380px;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: .3s;
}
.staff8_job {
 display: inline-block;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 background: #fff;
 padding: 10px 5px;
 position: absolute;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.05em;
 right: 10px;
 top: 0;
 z-index: 10;
 color: #333;
}
.staff8_name {
 font-size: 11px;
 line-height: 1;
 margin: 10px 0 0;
 position: absolute;
 bottom: 10px;
 left: 10px;
 color: #fff;
 z-index: 15;
 letter-spacing: 0.1em;
}
.staff8_name span {
 font-size: 20px;
 line-height: 1;
 font-weight: bold;
 display: block;
 margin-top: 5px;
}
.staff8_wrap ul li a:hover .staff8_photo_hover {
 opacity: 1;
 transition: .3s;
}
.staff8_ti {
 text-align: center;
 padding: 40px 0;
 margin: 20px 0 40px;
 border-top: 1px solid #383635;
 border-bottom: 1px solid #383635;
 font-size: 28px;
 font-weight: bold;
 color: #383635;
 line-height: normal;
}
.staff8_ti span {
 display: block;
 font-size: 12px;
 color: #FFAB49;
 letter-spacing: 0.1em;
 line-height: 14px;
}
.staff8_subti {
 font-size: 18px;
 padding: 25px 30px;
 margin: 40px auto 30px;
 color: #FFAB49;
 letter-spacing: 0.1em;
 background: #eee;
 border-radius: 5px;
 position: relative;
 line-height: 1;
}
.staff8_subti::before {
 content: "";
 display: block;
 width: 3px;
 height: 38px;
 background: #FFAB49;
 position: absolute;
 left: 15px;
 top: 15px;
 border-radius: 3px;
}
/*------------詳細---------------*/
.staff8_shosai_main {
 position: relative;
 margin-top: 60px;
 padding-bottom: 80px;
}
.staff8_shosai_main_inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.staff8_shosai_main::before {
 content: "";
 display: block;
 width: 200vw;
 height: 600px;
 background: #eee;
 position: absolute;
 left: -50vw;
 bottom: 0;
 z-index: -1;
}
.staff8_shosai_photo img {
 width: 500px !important;
 height: 630px !important;
 object-fit: cover;
}
.staff8_shosai_main_inner ul {
 width: 630px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.staff8_shosai_main_inner ul li img {
 width: 300px !important;
 height: 300px !important;
 object-fit: cover;
}
.staff8_shosai_main_inner ul li:nth-child(1),
.staff8_shosai_main_inner ul li:nth-child(2) {
 margin-bottom: 30px;
}
.staff8_shosai_top {
 text-align: center;
 margin: 20px auto;
 border-top: 1px solid #383635;
 border-bottom: 1px solid #383635;
 padding: 40px 0;
}
.staff8_shosai_top h2 {
 font-size: 14px;
 font-weight: bold;
 line-height: 1.7;
 color: #383635;
 font-weight: 500;
 letter-spacing: 0.1em;
}
.staff8_shosai_top h2 span {
 display: block;
 font-size: 36px;
 font-weight: bold;
}
.staff8_shosai_job {
 display: inline-block;
 padding: 10px 10px;
 background: #fff;
 border-radius: 5px;
 border: 1px solid #383635;
 font-weight: bold;
 font-size: 12px;
 line-height: 1;
 margin-top: 10px;
}
.staff8_shosai_txt {
 margin: 80px 0;
 padding: 0 80px;
}
.staff8_shosai_txt h3:not(:empty) {
 font-size: 30px;
 line-height: 1;
 letter-spacing: 0.1em;
 margin: 0 0 30px;
 color: #383635;
 position: relative;
 padding-left: 90px;
}
.staff8_shosai_txt h3:not(:empty)::before {
 content: "";
 display: block;
 width: 70px;
 height: 1px;
 background: #FFAB49;
 position: absolute;
 left: 0;
 top: 15px;
}
.staff8_shosai_txt p:not(:empty) {
 margin: 0;
 background: #eee;
 margin-left: 15%;
 padding: 30px;
 margin-bottom: 50px;
 font-size: 16px;
 line-height: 1.7;
 border-radius: 10px;
}
.staff8_shosai_bt {
 font-size: 15px;
 line-height: 1.7;
 padding: 0 80px;
}
.staff8_shosai_bt ul li {}
.staff8_shosai_bt ul li span:not(:empty) {
 display: block;
 width: 25%;
 padding: 10px 20px;
 background: #FFAB49;
 font-weight: bold;
 color: #fff;
 border: 1px solid #FFAB49;
 border-radius: 5px 5px 0 0;
 box-sizing: border-box;
 margin-right: 5%;
 text-align: center;
}
.staff8_shosai_bt ul li p:not(:empty) {
 width: 100%;
 margin: 0;
 padding: 20px 20px;
 background: #fff;
 margin-bottom: 25px;
 font-weight: 500;
 color: #383635;
 border: 1px solid #FFAB49;
 border-radius: 0 5px 5px 5px;
 box-sizing: border-box;
 font-size: 14px;
 margin-right: 5%;
}
.staff8_shosai_license:not(:empty) {
 margin-top: 40px;
 text-align: left;
}
.staff8_shosai_license ul::before {
 content: "保有資格";
 display: block;
 font-size: 20px;
 line-height: 60px;
 color: #FFAB49;
 font-weight: bold;
 margin-bottom: 20px;
 letter-spacing: 0.1em;
 text-align: center;
 border-top: 1px solid #FFAB49;
 border-bottom: 1px solid #FFAB49;
}
.staff8_shosai_license ul li {
 display: inline-block;
 color: #fff;
 line-height: 1;
 font-weight: 500;
 border-radius: 30px;
 letter-spacing: 0.05em;
 padding: 10px 15px;
 font-size: 13px;
 margin: 0 5px 5px 0;
 background: #FFAB49;
}
.staff8_shosai_p2 .staff8_shosai_main {
 margin-top: 20px;
}
.staff8_shosai_p2 .staff8_shosai_main::before {
 height: 500px;
}
.staff8_shosai_p2 .staff8_shosai_top {
 width: 480px;
 height: 500px;
 background: #fff;
 text-align: center;
 margin: 0;
 border-top: none;
 border-bottom: none;
 padding: 40px 0;
 box-sizing: border-box;
 box-shadow: 0 0 20px rgba(0, 0, 0, .1);
 z-index: 10;
 right: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.staff8_shosai_p2 .staff8_shosai_photo img {
 width: 680px !important;
 height: 630px !important;
 object-fit: contain;
}
.staff8_shosai_p2 .staff8_shosai_main_inner {
 align-items: center;
}
.staff8_shosai_p2 .staff8_shosai_main_inner ul {
 width: 400px;
 display: block;
 margin: 0 auto;
}
.staff8_shosai_p2 .staff8_shosai_main_inner ul li:nth-child(1),
.staff8_shosai_p2 .staff8_shosai_main_inner ul li:nth-child(2) {
 margin-bottom: 5px;
}
.staff8_shosai_b_photo ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-top: 40px;
}
.staff8_shosai_b_photo ul li {
 margin-right: 20px;
}
.staff8_shosai_b_photo ul li:last-child {
 margin-right: 0;
}
.staff8_shosai_b_photo ul li img {
 width: 290px !important;
 height: 210px !important;
 object-fit: cover;
}
/* ----連携スライド---- */
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	/* overflow: hidden; */
}
.slick-list {
	position: relative;
	display: block;
	/* overflow: hidden; */
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.page_other {
	margin: 60px 0;
}
.page_other h3 {
	text-align: center;
	margin: 0 0 30px;
	line-height: 1;
	font-size: 30px;
}
.page_other ul {
 width: 300px;
 margin: 0 auto;
 position: relative;
}

.page_other ul .slick-list {
 overflow: visible;
}

.slick-initialized {
 opacity: 1;
}

.page_other ul li {
	margin: 0 15px;
	position: relative;
}
.page_other ul li a {
	color: #333;
	text-decoration: none;
}
.page_other ul li img {
 height: 250px!important;
 width:300px;
 object-fit: cover;
 border-radius: 10px;
}
.page_other ul li .other_staff_name {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 10px 0;
	font-weight: bold;
}
.page_other ul li .other_staff_name p {
	font-size: 20px;
	line-height: 1;
	margin: 0;
}
.page_other ul li .other_staff_name span {
	font-size: 12px;
}

.page_other ul .slick-prev,.page_other ul .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 1;
}
.page_other ul .slick-prev {
	right: 570px;
}
.page_other ul .slick-next {
	left: 570px;
}
.page_other ul .slick-prev::before,.page_other ul .slick-next:before {
 content: "";
 width: 8px;
 height: 8px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 display: block;
 transform: rotate(45deg);
 position: absolute;
 top: 37%;
 left: 0px;
 right: 5px;
 margin: 0 auto;
}
.page_other ul .slick-prev:before {
    transform: rotate(-135deg);
    right: 0px;
}
.page_other ul .slick-prev:after,.page_other ul .slick-next:after {
	content: "";
	background-color: #FFAB49;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 100px;
}
.page_other ul .slick-dots button {
 background: none;
 border: none;
 content: "";
 font-size: 0;
 padding: 0;
}
.page_other ul .slick-dots li button:before {
 font-family: 'slick';
 font-size: 18px;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 15px;
 height: 15px;
 content: '';
 background: #ccc;
 text-align: center;
 color: #ccc;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 cursor: pointer;
}
.page_other ul .slick-dots li.slick-active button:before {
 background: #FFAB49;
}
.page_other ul .slick-dots {
 overflow: hidden;
 width: 100%;
 padding: 0;
 list-style: none;
 text-align: center;
 margin: 30px 0 0;
}
.page_other ul .slick-dots li {
 position: relative;
 display: inline-block;
 margin: 0 5px;
 max-width: 13px;
 padding: 0;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 cursor: pointer;
}

.staff3_ma_shosai_voice{
 padding: 0 80px;
}

/* -------------------- */

/* -----タグ一覧------- */
.col_li_tag {
	background: #eee;
	width: 100%;
	margin: 15px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col_li_tag ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.col_li_tag li {
	padding: 3px;
}
.col_li_tag a {
	display: inline-block;
	border: 1px solid #051143;
	background: #fff;
	color: #051143;
	border-radius: 3px;
	font-size: 13px;
	padding: 7px 15px;
	font-weight: bold;
}
.col_li_tag a:hover {
	background: #051143;
	color: #e5efec;
}
.col_li_tag_ti p {
	font-size: 15px;
	font-weight: bold;
	border-bottom: solid 1px #000;
	padding: 0 0 10px 0px;
}
.column_list_subject .col_item_theme {
	position: absolute;
	top: 4px;
	left: 2px;
	padding: 0;
	background-color: unset;
	border: 0;
}
.column_list_subject .col ul li:hover .col_item_theme {
	background-color: unset;
	color: #000;
}
.col_item_theme p {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	background: inherit !important;
	margin: 0;
}
.col_item_theme .cms_topic_tag {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	padding: 5px;
	margin: 0 2px 2px 2px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
/*---/list---*/
/*---detail---*/
.column_conts_wrap {
	width: 100%;
}
.column_detail {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.column_detail table {
	max-width: 100% !important;
	border-collapse: collapse;
}
.column_detail table th,
.column_detail table td {
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 22px !important;
	border: solid 1px #333 !important;
	padding: 0px 10px;
	background: #cccccc0d;
	;
}
.column_detail_subject {
	width: 75%;
	padding: 20px 0;
}
.maincontents .column_detail_subject {
	width: 100%;
}
.column_title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	background-color: #ccc3;
	padding: 20px 15px;
	margin-bottom: 20px;
}
.column_det_img {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}
.column_det_img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.column_det_intro {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 30px;
}
.column_det_intro:empty {
	padding: 0;
	display: none;
}
.column_det_index {
	background: #eee3;
	padding: 30px 40px;
	display: flex;
	align-items: flex-start;
}
.column_det_ttl {
	width: 80px;
	text-align: center;
	border: 1px solid #111;
	background: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	margin-right: 50px;
	flex-shrink: 0;
}
.column_det_index ol {
	counter-reset: section;
	font-weight: normal;
	font-size: 15px;
}
.column_det_index ol li::before {
	counter-increment: section;
	content: counters(section, "-") ". ";
	padding-right: 10px;
}
.column_det_index>ol>li {
	line-height: 20px;
	margin-top: 20px;
	font-weight: bold;
}
.column_det_index ol li a {
	color: #111;
}
.column_det_index ol li a:hover {
	text-decoration: underline;
}
.column_det_index ol ol {
	margin-top: 10px;
}
.column_det_index ol ol li {
	font-size: 14px;
	text-indent: 40px;
	line-height: 22px;
}
.column_det_free {
	font-size: 16px;
	line-height: 30px;
	color: #111;
	margin-bottom: 40px;
}
.column_det_free h1{
	display:none;
}
.column_det_free-o h3,
.column_det_free-n h2 {
	font-size: 26px;
	line-height: 38px;
	border-bottom: 5px solid #ddd;
	position: relative;
	padding: 100px 55px 10px 10px;
	margin: -40px 0 20px 0;
	z-index: 0;
	font-weight: bold;
}
.column_det_free-o h3::before,
.column_det_free-n h2:before {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 50%;
	border-bottom: 5px solid #ffa500;
}
.column_det_free-o h3::after,
.column_det_free-n h2:after {
	content: '';
	background-image: url(/img/column/det_hakase.png);
	background-repeat: no-repeat;
	background-position: right;
	position: absolute;
	right: 0;
	bottom: -12px;
	width: 60px;
	height: 76px;
}
.column_det_free-o h4,
.column_det_free-n h3 {
	font-size: 22px;
	line-height: 34px;
	font-weight: bold;
	padding: 110px 0 20px 0;
	margin: -60px 0 0 0;
	text-decoration: underline;
}
.column_det_intro .block,
.column_det_free .block {
	border: 3px solid #ff56268f;
	padding: 20px 30px;
	margin: 10px 0;
	background-color: #ffbfb20a;
	color: #5d3937;
	font-weight: bold;
	border-radius: 8px;
	line-height: 22px;
}
.column_det_intro .block span,
.column_det_free .block span {
	color: #333;
	font-weight: bold;
}
.column_det_intro span.bold,
.column_det_free span.bold {
	font-weight: bold;
}
.column_det_intro a,
.column_det_free a {
	color: #ff9426;
	text-decoration: none;
	font-weight: bold;
}
.column_det_intro a:hover,
.column_det_free a:hover {
	color: #2c3f50;
}
.column_det_intro a.link_relate,
.column_det_free a.link_relate {
	display: block;
	border-radius: 5px;
	border: 1px solid #2799fb;
	color: #2799fb;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 20px 10px 30px;
	position: relative;
}
.column_det_intro a.link_relate:before,
.column_det_free a.link_relate:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #008dd0;
	border-right: 2px solid #008dd0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.column_det_intro a.link_relate:hover,
.column_det_free a.link_relate:hover {
	background: #2799fb;
	color: #fff;
}
.column_det_intro a.link_relate:hover:before,
.column_det_free a.link_relate:hover:before {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.column_det_free img {
	margin: 15px 0;
}
.column_det_free .linkblock {
	margin: 20px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	display: flex;
}
.column_det_free .linkblock:hover {
	background: #eee;
}
.column_det_free .linkblock a.linkblock_img {
	padding: 15px;
	width: 200px;
	flex-shrink: 0;
}
.column_det_free .linkblock a.linkblock_img img {
	width: 200px;
	margin: 0;
}
.column_det_free .linkblock_txt {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 15px 15px 15px 0;
}
.column_det_free .linkblock_txt span:nth-child(1) {
	color: #111;
	font-size: 18px;
	display: block;
	padding-bottom: 10px;
}
.column_det_free .linkblock_txt span:nth-child(2) {
	color: #999;
	font-size: 13px;
	display: block;
	line-height: 1.5;
}
.column_det_free table.table th,
.column_det_free table.table td {
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.column_det_free table.table th {
	font-weight: bold;
	background: #f5f5f5;
}
.jc_pagelink {
	padding: 20px;
	display: block;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #111;
	position: relative;
}
.jc_pagelink:hover {
	color: #2799fb;
}
.jc_pre {
	padding-left: 40px;
}
.jc_next {
	padding-right: 40px;
}
.column_conts {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.column_bn {
	text-align: center;
	margin-bottom: 40px;
}
.company_coment {
	font-size: 16px;
	line-height: 30px;
	color: #111;
	margin-bottom: 40px;
	text-align: center;
}
/* -------column_foot------- */
.column_foot {}
/* -------column_side------- */
.column_side {
	width: 23%;
	margin-left: 20px;
	position: sticky;
	top: 50px;
}
.sidebar__inner {
	position: relative;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}
.column_side_tag {
	background: #f5f5f5;
	border-radius: 10px;
	padding: 15px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.column_side_tag_item {
	padding-bottom: 15px;
}
.column_side_tag_ttl {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-bottom: 10px;
}
.column_side_tag_ttl img {
	margin-right: 5px;
	width: 20px;
}
.column_side_tag_ttl p {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	margin: 0;
}
.column_side_tag_ttl hr {
	border-top: 1px solid #999;
	width: 40%;
	margin: 0 0 0 auto;
}
.column_side_tag ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.column_side_tag li {
	margin-bottom: 5px;
	margin-right: 5px;
}
.column_side_tag a {
	display: inline-block;
	border: 1px solid #042455;
	background: #fff;
	color: #042455;
	font-size: 13px;
	line-height: 19px;
	font-weight: 600;
	border-radius: 5px;
	padding: 4px 8px 4px 5px;
}
.column_side_tag a::before {
	content: '#';
	padding-right: 0px;
}
.column_side_tag a:hover {
	border: 1px solid #042455;
	background: #042455;
	color: #fff;
}
.column_side_tag .cms_keysearch_form {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.column_side_tag .cms_keysearch_form input {
	border: 1px solid #111;
	background: #fff;
	border-radius: 5px;
	color: #111;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	padding: 0 3%;
	width: 80%;
	box-sizing: border-box;
}
.column_side_tag .cms_keysearch_form button {
	width: 20%;
	background: #042455;
	border: 1px solid #042455;
	border-radius: 5px;
	text-align: center;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 1%;
	padding: 10px;
	height: 40px;
}
.column_side_tag .cms_keysearch_form button:hover {
	border: 1px solid #042455;
	background: #042455;
}
.column_side_tag .cms_keysearch_form button i {
	color: #fff;
}
.column_side_tag .cms_keysearch_form img {
	width: 18px;
}
.column_side_new {
	margin-bottom: 20px;
	border-bottom: 1px solid #111;
}
.column_side_new_ttl {
	width: 100%;
	text-align: center;
	font-family: 'Century Gothic', 'Arial';
	position: relative;
	display: inline-block;
	margin-bottom: 22px;
	padding: 5px;
	font-size: 14px;
	border-bottom: solid 1px #111;
	box-sizing: border-box;
}
.column_side_new_ttl:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -15px;
	border: 11px solid transparent;
	border-top: 11px solid #FFF;
	z-index: 2;
}
.column_side_new_ttl:after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 50%;
	margin-left: -12.9px;
	border: 9px solid transparent;
	border-top: 9px solid #111;
	z-index: 1;
}
.column_side_new_box {}
.column_side_new_box iframe {
	width: 100%;
	height: 595px;
}
.column_side_bnr {
	margin-bottom: 20px;
}
.column_side_bnr a {
	display: block;
	background: url(/img/column/bnr_mediahakase_on.jpg) no-repeat 0 0;
}
.column_side_bnr a:hover img {
	visibility: hidden;
}
.column_side_bnr img {}
.column_side_img {
	width: 270px;
	margin: 0 auto;
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
}
.column_side_link {
	margin: 0 0 20px 0;
}
.column_side_link a {
	display: block;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #e60012;
	padding: 5px 15px;
	color: #e60012;
	font-weight: 600;
	position: relative;
}
.column_side_link a:hover {
	background: #e60012;
	color: #fff;
}
.column_side_link a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.column_side_link a::after {
	right: 15px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #e60012;
	border-right: 2px solid #e60012;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.column_side_link a:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.col ul li{
 height:220px !important; 
}
.col_item_tl a{
 padding:180px 9px 0 9px !important;
 height:60px;
}
}