/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51

*/
.d-none {
	display:none;
}
.color-b {
    color: #333;
    font-size: 18px;
    text-decoration: none !important;
}
.business-banner a {
    color: #fff;
    text-decoration: none !important;
}
p {
	font-size:18px;	
}
.midashi_a {
	font-size:24px !important;
	color:#c31b6f;
  position: relative !important;
  margin-bottom: 2em !important;
}
.midashi_a:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F6C0DB;
  border-radius: 2px;
}
.imaishi-list li {
	font-size:18px;
    list-style-type: square;
    padding-left: 0;
    text-indent: -24px;
    margin-left: 20px;
}
.imaishi-list {
    list-style-position: outside;
	padding-left: 20px;
}
.table_container td {
	font-size:18px;
	padding: 8px 15px;
    word-wrap: break-word; /* 必要に応じて単語の途中で改行 */
}
table {
	margin:0;
}
table a {
    text-decoration: none !important;
    color: #444;
}

.table_container2 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.table_container2 tr {
  display: flex;
  flex-direction: column;
  /*border: 1px solid #ddd;*/
  border: none;
  overflow: hidden;
  background: #fff;
}

/* 全ての td 共通設定 */
.table_container2 td {
  display: block;
  width: 100%;
  padding: 0.75em 1em;
  box-sizing: border-box;
}

/* 項目名（上） */
.table_container2 td:first-child {
  background-color: #f0f0f0;
  font-weight: bold;
}

/* 内容（下） */
.table_container2 td:nth-child(2) {
  background: #fff;
}



.link-icon {
    display: inline-block;
    margin-left: 5px;
    width: 24px; /* アイコンのサイズを調整 */
    height: 24px;
    background-color: #ccc; /* 背景色を黒に設定 */
    color: #fff; /* 矢印の色を白に設定 */
    text-align: center;
    line-height: 24px;
    border-radius: 4px; /* 角を少し丸める */
    font-size: 16px; /* 矢印のサイズを調整 */
    transition: background-color 0.3s, color 0.3s; /* スムーズなトランジション効果 */
}
.wp-block-button__link:hover{
	background-color: #c31b6f !important;
	border-color: #c31b6f !important;
}
.zoom {
  display: inline-block;          /* 画像の外枠 */
  overflow: hidden;               /* はみ出しを隠す */
  border-radius: 8px;             /* 角丸はお好みで */
  line-height: 0;                 /* 画像下の隙間対策 */
}
.zoom img {
  display: block;
  width: 100% !important;
  height: auto;
  transform-origin: center center;
  transition: transform .4s ease; /* アニメーション */
  will-change: transform;         /* パフォ改善 */
}
/* ホバー／キーボードフォーカスで拡大 */
.zoom:hover img,
.zoom:focus-visible img {
  transform: scale(1.08);         /* 拡大率はお好みで */
  cursor: zoom-in;
}
/* 動きを苦手とするユーザー配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  .zoom img {
    transition: none;
  }
}

/*サイドナビ*/
#nav_menu-4 li {
    display: block;
    position: relative;
    float: none;
    margin: 10px 0;
    padding: 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
#nav_menu-4 li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.8;
	color:#fff;
}

/*投稿ページ*/
.entry-meta .entry-author,
.entry-footer .post-author, .entry-comments {
    display: none !important;
}
.entry-title {
	font-size: 24px;
}
.entry-meta span+span:before {
    content: " / ";
    color: #b6babb;
    margin: 0 5px;
    font-style: normal;
    opacity: .5;
	display:none;
}
.btn, .button, .more-link, .more_link, .side-nav .search-form .search-submit, .wpzabb-post-grid-more {
	background: transparent none;
    border-color: currentColor;
    border-width: 2px;
    border-style: solid;
    color: currentColor;
}
.more-link {
            background-color: #fff; /* デフォルトの背景色 */
            color: #000; /* デフォルトの文字色 */
            border: 2px solid #000; /* ボーダーの色 */
        }
        .more-link:hover {
            background-color: #000; /* ホバー時の背景色 */
            color: #fff !important; /* ホバー時の文字色 */
			border: 2px solid #000 !important;
        }
.comments-pagination .page-numbers.current, .comments-pagination .page-numbers:not(.dots):hover, .pagination .page-numbers.current, .pagination .page-numbers:not(.dots):hover {
    text-decoration: none;
    color: #fff;
	background-color: #000;
}


.fadein {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}
#nav_menu-3 a {
	color:#fff;
}
.side-nav__scrollable-container {
    background-color: #ca4488;
}

@media screen and (min-width: 801px) {
.about-txt {
	width:800px;
	margin:auto;
}
.sp-on {
	display:none;
}
	.imaishi-list {
		width:710px;
	}
	.table_container td:first-child {
    width: 300px;
}
}

@media screen and (max-width: 800px) {
.about-txt {
	text-align:left;
}
.has-medium-font-size {
	font-size:20px!important;
}
.imaishi-columns {
	display: flex;
	flex-direction: column;
}
.column-left {
	order: 2;
}
.column-right {
	order: 1;
}
	.imaishi-cp {
		text-align:left;
		font-size:10vw !important;
	}
	.imaishi-cp2 {
		text-align:left;
		font-size:4vw !important;
	}
	.imaishi-coverlogo {
		/*width:40vw;*/
	}
	.sp-center {
		margin: auto !important;
	}
.sp-off {
	display:none;
}
.table_container table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.table_container tr {
  display: flex;
  flex-direction: column;
  /*border: 1px solid #ddd;*/
  border: none;
  overflow: hidden;
  background: #fff;
}

/* 全ての td 共通設定 */
.table_container td {
  display: block;
  width: 100%;
  padding: 0.75em 1em;
  box-sizing: border-box;
}

/* 項目名（上） */
.table_container td:first-child {
  background-color: #f0f0f0;
  font-weight: bold;
}

/* 内容（下） */
.table_container td:nth-child(2) {
  background: #fff;
}

}

@media screen and (max-width: 40em){
body:not(.wp-custom-logo) a.custom-logo-text {
    font-size: 5vw;
}
.navbar .header-logo-wrapper {
    max-width: 70%;
}
}

@media screen and (max-width: 64em){
.navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a, .navbar-nav>li.current_page_item>a {
    color: #fff;
}
}

/*TOPページ*/
div#n2-ss-2 .n2-ss-slider-2 {
	height:90vh !important;
}
#n2-ss-2item2,div#n2-ss-2 .n2-font-577e3e94d392c80545fffaf7623e9404-hover {
	font-weight: 700 !important;
	line-height: 1.2;
	font-size: var(--wp--preset--font-size--max-60) !important;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
	margin:20px 0;
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.8) !important;
}
div#n2-ss-2 .n2-font-b870ccf548622567991ac70cdd481482-paragraph {
	font-weight: 400 !important;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
	font-size: var(--wp--preset--font-size--medium) !important;align-content
	margin:20px 0;
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.8) !important;
}
div#n2-ss-2 .n-uc-W0NoZ5gRpY02-inner {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
}
.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ddd;
}
.news-list li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.news-list .listing-item-date {
    flex-shrink: 0;
    width: 200px;
    color: #666;
    font-size: 18px;
}
.news-list a {
    color: #333;
    font-size: 18px;
    text-decoration: none;
}
.news-list a:hover {
    text-decoration: underline;
}
@media only screen and (max-width:781px) {
.n2-ss-slider .n2-ss-item-image-content img {
	max-width:250px !important;
}
}
@media screen and (max-width: 800px) {
    #n2-ss-2item2,div#n2-ss-2 .n2-font-577e3e94d392c80545fffaf7623e9404-hover {
        text-align: left !important;
        font-size: 10vw !important;
    }
	div#n2-ss-2 .n2-font-b870ccf548622567991ac70cdd481482-paragraph {
		text-align: left !important;
		font-size: 4vw !important;
	}
}
@media (min-width: 64.0625em) {
    .navbar-nav ul {
        left: 50%;
        width: 220px;
        margin-top: 15px;
        border-top: none;
        background: #ca4488;
        transform: translate(-50%, 0);
    }
	.navbar-nav ul a {
        color: #fff;
        padding: 8px 15px;
        border-bottom: none;
    }
	.navbar-nav>li>ul:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #ca4488;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
}

/*いいところ*/
.lunch-con {
	max-width: 700px;
    margin: auto;
}

/*お問い合わせ*/
.required-srt {
	font-size: 10pt;
	padding: 5px;
	background: #FF5810;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

.cform tbody {
	border-top: solid 1px #d6d6d6;
}
.cform th {
	background-color: #fffafa;
}
.submit-btn {
	text-align: center;
	margin-top: 20px;
} 

.cform th {
	font-size: 18px;
	width: 25%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 15px 0 15px 15px;
	font-weight: normal;
}

.cform td {
	font-size: 18px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 15px 5px;
}

.cform {
	width: 95%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}
input[type=phone], input[type=text], textarea {
   margin-bottom: 0px;
}
input[type="submit"] {
    font-size: 20px;
	font-family: Montserrat, sans-serif;
	font-weight: var(--wp--custom--font-weight--regular);
	border-color: currentColor;
	border-width: 2px;
    border-style: solid;
}
input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
}
.cform-select select {	
    width: 100%;
    padding: 10px;
}

/*サイドナビ*/
#secondary a {
	color:#000
}
.side-nav .navbar-nav {
margin-bottom:0 !important;
}
.wp-block-archives-list  {
	font-size:18px;
}
@media only screen and (max-width:767px) {
	.cform th {
		width: 98%;
		display: block;
		border-top: none;
	border-right: none;
	border-left: none;
	}
	.cform td {
		width: 99%;
		display: block;
		border-top: none;
	border-right: none;
	border-left: none;
	}
	#menu-item-256 {
		margin-top: 0 !important;
    	padding-bottom: 10px !important;
	}
}

@media only screen and (min-width:1024px) {
.navbar-toggle {
	display:none !important;
}
}
@media screen and (max-width: 64em) {
    .navbar-nav ul li a {
        color: #fff;
    }
    .side-nav .navbar-nav li.menu-item-has-children>a .svg-icon {
        fill: #fff;
}
}

/* スクロールダウンの位置 */
.scroll {
  position: absolute;
  right: 50%;
  writing-mode: vertical-rl;
}
/* 線のアニメーション部分 */
.scroll::before {
  animation: scroll 2s infinite;
  background-color: #f6c0db;
  bottom: -115px;
  content: "";
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 3px;
}
/* 線のアニメーション */
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

/*事業紹介*/
@media only screen and (min-width:1201px) {
.cover-link {
	height:216px;
	width:100%;
}
}

@media screen and (min-width:782px) and ( max-width:1200px) {
.cover-link {
	height:18vw;
	width:100%;
}
}

@media only screen and (max-width:781px) {
.cover-link {
	height:28vw;
	width:100%;
}
}

/*フッター*/
.footer-widgets .widget_nav_menu li {
	font-size:18px;
}
.footer-widgets {
	max-width: 1200px;
	margin:auto;
	padding-left: 1.875em;
    padding-right: 1.875em;
}

/*おしごと紹介*/
.n2-ss-text {
	font-size:18px !important;
}
.schedule td:first-child {
    color: #ca4488;
}
.btn-02 .wp-block-button {
	width:100%;
}
.btn-02 .wp-block-button a {
	background-color:#ca4488;
}
@media screen and (max-width: 800px) {
    .schedule td:nth-child(2) {
        padding-left:40px;
    }
}