/*
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 &amp; lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube &amp; 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

*/

@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.headroom--not-top .navbar {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.menu-item-3178 a {
	margin-right:20px;
}

ul.sub-menu {
	width:330px;
background:rgba(240,240,240,0.95);
	margin-top:6px;
	margin-bottom:4px;
	border-radius:0 0 8px 8px;
	border-top:none;
}
/* サブメニューの三角の色 */
.navbar-nav>li>ul:before {
	border-bottom:8px solid #CCD3D8;
}

@media print, screen and (max-width: 1024px) {
ul.sub-menu {
	width:300px;	
	}	
}

ul.sub-menu a {
    color: #333333 !important;
}

ul.sub-menu li a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f101';
    font-weight: 900;
	margin-left:-12px;
    margin-right: 4px;
		color:#EC6700;
}

.page .entry-content {
	padding:0 !important;
}

.wp-block-columns.site-plan {
	padding-bottom:0 !important;
}

.entry-cover-image h1.entry-title {
	display:inline-block;
	background:rgba(0,0,0,0.3);
	padding:0px 10px 6px !important;
	border-radius:4px;
}

.wp-block-columns ul,
.wp-block-columns ol {
	padding-left:0 !important;
	line-height:2.0;
	list-style: none !important;
}
.wp-block-columns ul li {
  position: relative;
  padding: 0 0 0 1.4em;
  margin: 0;
	margin-left:-1em !important;
  margin-bottom: 20px !important;
		list-style: none !important;
}

.wp-block-columns ul li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f152';
  color: #EC6700;
}

.wp-block-columns li:last-child {
	margin-bottom: 0 !important;
}


.sp-br {
    display: none;
}

.wp-block-columns img {
    margin-top: 7px !important;
}

.wp-block-cover img {
    margin-top: 0 !important;
}

.wp-block-cover.cta {
    margin-top: 120px;
    margin-bottom: -20px;
}

.nobr {
    white-space: nowrap;
}

.wp-block-button a::before,
a.wp-block-read-more::before {
    font-family: "Font Awesome 5 Free";
    content: '\f101';
    font-weight: 900;
    margin-right: 4px;
}

a.wp-block-read-more {
	text-decoration:none;
	margin:0 auto;
	border-radius:6px;
}

.business_name {
    font-size: 1.4em;
}

.business h3 {
	margin-top:-6px !important;
	line-height:1.6 !important;
}

.wpzoom-blocks_portfolio-block_filter ul a {
    background: #fff;
    margin: 0 4px !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
}

#menu-main-1 li {
	margin-left:9px !important;
	margin-right:9px !important;
}


#menu-main li.current-menu-item a,
#menu-main li.current_page_item a {
    color: #A2B700 !important;
}

ul#menu-main li a {
    color: #333333 !important;
}

#menu-main li a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    margin-right: 10px;
}
#menu-main li .sub-menu a::before {
    content: '';
    font-weight: 900;
    margin-right: 22px;
}

.footer-widgets .widget-column h2 {
    font-size: 24px !important;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.footer-widgets .widget-column a {
    color: #fff;
    text-decoration: underline;
}

.footer-widgets .widget-column p {
    line-height: 1.8 !important;
}

.footer-widgets .widget-column section {
    margin-bottom: 0.8em !important;
}

#block-41 h2 {
    font-size: 25px !important;
    margin-top: 0;
    margin-bottom: -16px;
    text-align: left;
}

#block-47 ul.wp-block-list {
    margin-top: -46px;
}

#block-47 ul.wp-block-list li {
    margin-bottom: 16px;
}

h2.w-h2,
.previous-content .nav-title
{
    font-family: "Kiwi Maru", serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
}

h1.entry-title {
    font-family: "Kiwi Maru", serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
}

.service-cat  {
    font-family: "Kiwi Maru", serif !important;
    font-weight: 600 !important;
		margin-top:60px;
}


.entry-cover-image:after,
.single .entry-cover-image:after {
    content: none !important;
}

.has-global-padding.mission {
    padding: 40px 0 !important;
}

.has-global-padding.lead {
    padding: 40px 0 !important;
}


.wp-block-table.profile td {
    padding: 8px;
}


.wp-block-group.project {
	padding:30px !important;
}
@media screen and (max-width: 480px) {
.wp-block-group.project {
	padding:30px 20px !important;
}
.wp-block-group.project h3 {
	text-align:center;
}	
}

@media print, screen and (max-width: 767px) {
    .wp-block-columns.order {
        flex-direction: column-reverse;
    }
}

p.eng {
    padding-top: 40px !important;
    margin-bottom: -30px !important;
    letter-spacing: 2px !important;
    font-weight: bold !important;
}

.wpzoom-blocks a {
    color: #929D31 !important;
}

.wpzoom-blocks img {
    border-radius: 8px !important;
}

/* メールフォーム */

.wpcf7 .name {
    margin-top: -18px;
}

.wpcf7 .name:after {
    content: "";
    display: block;
    clear: both;
}

.wpcf7 input[name="lastname"],
.wpcf7 input[name="firstname"] {
    width: 30%;
    display: block;
    float: left;
    margin-bottom: 37px;
    margin-right: 10px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    font-weight: normal;
    color: #333333;
}

input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 20px;
    font-weight: bold;
    width: 200px;
    padding: 10px;
    border-radius: 10px;
    background-color: #A2B700;
    border: none;
    color: #fff;
    cursor: pointer;
}

span.wpcf7-spinner {
    display: none;
}

.page-id-776 .wp-block-columns,
.page-id-1742 .wp-block-columns {
    padding: 0 0 20px;
}


.teams {
		margin-bottom:-90px;
}	

/* Hero画像を差し替える */
.wp-block-cover.home-fv.pc {
}
.wp-block-cover.home-fv.sp {
		display:none;
}
@media screen and (max-width:900px) {
.wp-block-cover.home-fv.pc {
		display:none;
}
.wp-block-cover.home-fv.sp {
		display:block;
	padding-top:160px;
}
}	
	
@media screen and (max-width: 480px) {
    .sp-br {
        display: block;
    }
    
    .wp-block-cover.home-fv {
        padding: 0;
    }
    
    .wp-block-cover h1.wp-block-heading {
        font-size: 37px !important;
    }
    
    .wp-image-138 {
        object-position: 22% 100% !important;
    }
    
    .has-global-padding {
        padding: 0 20px !important;
    }
    
    p.eng {
        padding-top: 70px !important;
        margin-bottom: -22px !important;
        letter-spacing: 1px !important;
        font-size: 14px;
        text-align: center;
    }
    
    h2.wp-block-heading {
        text-align: center;
    }
	h2.home-h2 {
		margin-bottom:-10px;
	}
    
    .wp-block-cover h3 {
        font-size: 26px !important;
        margin-bottom: 16px;
    }
    
    .wp-block-cover__inner-container {
        padding: 0 !important;
    }
    
    .wp-block-columns.business {
        margin-top: 60px !important;
    }

.business_name {
    font-size: 1.3em;
}
    .wp-block-columns.business h3 {
        font-size: 17px !important;
        text-align: center;
			margin-top:-4px !important;
    }
    
    .wp-block-button.wp-block-button__width-50 {
        width: 80% !important;
        margin: 0 auto;
    }
    
    .wp-block-group.why h3 {
        text-align: center;
    }

.teams {
		margin-bottom:-40px !important;
}		
	
    .wp-block-columns.team {
        margin-bottom: 50px;
    }


    .wp-block-columns.team h3 {
        font-size: 24px !important;
    }
    
    .wp-block-cover.cta {
        margin-top: 54px;
        margin-bottom: 20px;
        padding: 60px 8px !important;
    }
    
    .wp-block-cover.cta h2 {
        font-size: 28px !important;
    }
    
    .wp-block-group.mission {
        padding: 0 5px !important;
        margin-top: -10px;
    }
    
    h1.entry-title {
        font-size: 32px !important;
    }
    
    .wp-block-table.profile tr {
        width: 30% !important;
    }
    
    .mission p.has-medium-font-size {
        font-size: 18px !important;
    }
    
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"] {
        width: 100%;
    }
}

.single-post .entry-header .inner-wrap {
	margin-top:0 !important;
	padding-top:0 !important;
}

.single-post header {
	margin-bottom:-30px !important;
	padding-bottom:0 !important;	
}

@media screen and (max-width: 480px) {
.single-post .entry-header .inner-wrap {
	margin-top:0 !important;
	padding-top:20px !important;
}
	
.single-post .entry-wrapper {

	padding-left:15px !important;
	padding-right:15px !important;
}
	.single-post .entry-content {
		padding-bottom:40px !important;
	}
}	
	
.copyright span:nth-child(2) {
	display:none;
}

.linkcard a {
	text-decoration:none;
}
.lkc-title {
	margin-bottom:8px;
}


.wp-block-column.s-img {
	position:relative;
}
.wp-block-column.s-img p {
	font-size:90px;
	font-weight:bold;
	font-family: "Kiwi Maru", serif;
	text-shadow: 2px 2px 4px #ccc;
	color:#EC6700;
	color:#fff;
	position:absolute;
	top:-54px;
	left:14px;
	
}


.wp-block-cover.hero {
	margin-bottom:60px;
}

p.service-name {
	margin-top:120px !important;
	margin-bottom:-40px !important;
	padding:2px 12px;
	background:#a2b700;
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.1em !important;
	display:inline-block !important;
}
.hero h1 {
	margin-top:0;
}
.lp {
	margin-bottom:50px;
}
.lp h2 {
	font-size:38px;
}

@media print, screen and (max-width: 1024px) {
.lp h2 {
	font-size:30px;
}	
}
@media print, screen and (max-width: 767px) {
.lp h2 {
	font-size:28px;	
	text-align:left;
}
}
@media screen and (max-width: 480px) {
.wp-block-cover.hero {
		padding:0;
	margin-bottom:40px;
}
.hero h1.wp-block-heading {
	font-size:18px !important;
	margin-top:14px;
}	
	.hero h1 .business_name	{
		    font-size: 1.8em;
		margin-top:10px;
		display:block;
	}
	
.lp h2 {
	font-size:24px;
		text-align:left;
		margin-bottom:20px;
}	
.lp h3 {
	font-size:22px;
}

.lp-bottom {
	display:none;
}
}

h1 .pt:before {
    font-family: "Font Awesome 5 Free";
    content: '\f064';
    font-weight: 900;
	margin-left:-12px;
    margin-right: 8px;
		color:#E9FD14;
}

.cta-contact {
	width:80%;
	margin:0 auto;
 border:solid 1px #ccc;
}


.cta-contact .wp-block-button {
	margin-top:-20px;
	margin-bottom:-20px;
}
