/*
Theme Name: DROP Child
Theme URI: https://tcd-theme.com/tcd087/
Template: drop_tcd087
Author: TCD
Author URI: https://tcd-theme.com/
Description: WordPress theme "DROP" was developed for landing pages of start-up companies. The beautiful gradient design makes it memorable, and the data-driven graph and chart functions make it highly appealing.
Version: 2.5.1.1722152744
Updated: 2024-07-28 07:45:44

*/

/* .content.content3::before {
	content: "現在準備中です";
	display: block;
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 200;
    color: #a39e9e !important;
    font-weight: 500;
    font-size: 1.2rem;
    transform: translate(-50%, -50%);
	letter-spacing: 1px;
} */

p.side_menu_txt {
    color: #fff;
    writing-mode: vertical-rl;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-wrap: nowrap;
    letter-spacing: 3px;
    font-family: serif;
	font-size: clamp(14px, 1vw, 16px);
}

#side_menu_button a {
	top: 15% !important; 
}

#side_menu .sub-menu a {
    display: flex !important;
	align-items: center !important;
    height: auto;
    line-height: 1.5 !important;
    padding: 0 40px 15px 40px !important;
    overflow: visible !important;
    white-space: wrap !important;
}

#index_slider_message_inner {
    background: #90883f;
    color: #ffffff;
    font-size: 18px;
    outline: 0.5px solid #000;
    outline-offset: -5px;
}

#header_slider .caption,
#header_slider .desc p{
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}

.top-video {
    padding: 5% 0;
    align-items: center;
	background-image: url(http://kurayoshi-office.jp/wp-kurayoshi24/wp-content/uploads/2024/07/25259082-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.top-video-inner {
	display: flex;
    justify-content: center;
    gap: 8%;
	width: 80%;
    margin: 0 auto;
	align-items: center;
}
.top-video__left {
    width: 50%;
}

.top-video__left span {
	font-size: 1.5em;
}

.breadcrumbs {
    padding-left: 2%;
    padding-top: 2%;
	font-size: 0.8em;
}

img.wp-image-184 {
    display: inline-block;
    vertical-align: bottom;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 1em 2.375em !important;
    outline: 1px solid #a6a6a6;
    outline-offset: -5px;
}

#main_contents {
    padding: 80px 0 150px !important;
}

#side_menu_logo {
    margin: 25px 0 35px 15px !important;
}

/* フロントページインタビュー */
.interview_list .item .title_area {
    color: #fff !important;
    padding: 10px 30px !important;
    background-color: #2b2523;
    width: 86%;
}
.interview_list .title .name {
    font-size: 1.2rem !important;
}
/* ※フロントアーカイブシングル共通 */
.interview_list .category {
    position: absolute;
    top: 15px !important;
    left: 20px !important;
    z-index: 2;
}
@media screen and (max-width: 750px) {
	.interview_list .category {
		top: 20px !important;
		left: 20px !important;
	}
}
/* 企業インタビューカテゴリーカラー */
.interview_cat_id13 {
    background-color: #e9e799 !important;
    color: #000 !important;
}
/* 倉吉市インタビューカテゴリーカラー */
.interview_cat_id14 {
    background-color: #b2cd94 !important;
    color: #000 !important;
}

/* インタビューアーカイブ */
#archive_interview_list .title_area {
    background-color: #2b2523;
}
#archive_interview_list .catch {
    font-size: 20px;
    color: #fff;
}
#archive_interview_list .title {
    font-size: 16px !important;
    color: #cfcdcd !important;
}
#archive_interview_list .title .data {
    margin-left: 0 !important;
}
#archive_interview_list .title_area {
	border: none !important;
}
@media (min-width: 769px) {
	#archive_interview_list .title_area {
    padding: 38px 30px !important;
}
	#archive_interview_list .title {
    bottom: 40px !important;
}
	#archive_interview_list .image_wrap {
    height: 249px !important;
}
}
@media (max-width: 1050px) {
    #archive_interview_list .catch {
        font-size: 20px !important;
    }
}


/* インタビューシングル */
#interview_title_area .title_area {
    padding: 35px 50px;
    background-color: #2b2523 !important;
	border: 1px solid #807f7f;
}
@media (min-width: 769px) {
#interview_title_area .title .data {
    margin-left: 0 !important;
}
}

@media (max-width: 768px) {
	#page_header_inner .title .data {
    margin-left: 1em !important;
}
}

/* 立地環境ページ */
strong.point-ttl {
    margin-bottom: -20px !important;
    display: block !important;
}
/*  */
@media (min-width: 1049px) {
#index_slider_message {
    width: 150px !important;
    height: 150px !important;
}
	.design_content .content_area_inner {
    width: 500px !important;
}
}

@media (max-width: 1151px) {
	    .design_content .content_area_inner {
        padding: 0 8px !important;
    }
}

@media (max-width: 1050px) {
	.top-video-inner {
		display: block;
		width: 90%;
	}
	.top-video__left {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0;
}
	.top-video__right {
		text-align: center;
	}
}

@media screen and (max-width: 950px) {
        .design_content .content_area {
            height: 530px !Important;
        }
	        .design_content .content_area_inner {
            padding: 0 20px !important;
        }
	.post_col {
    margin-bottom: 0em !important;
}

			.design_button.type1.shape_type2.quick_tag_ver.top-about-btn {
			margin-top: 2em !important;
		}
    }
	
	@media (max-width: 768px) {
				.post_col img {
			display: block;
			width: 70% !important;
			margin: 0 auto !important;
}
	}