/*
Theme Name: Gotra
Theme URI: https://wpkoi.com/gotra-wpkoi-wordpress-theme/
Template: lalita
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Gotra is a child theme for Lalita WPKoi theme. You can find theme demos at wpkoi.com. Gotra has a noisy, dark, black and white style and design for portfolio, business or agency content. The theme is multipurpose, so if You like the style, You can use it to represent Your art, business, an event, show Your portfolio, start a blog, start a webshop and sell Your products etc. The demos use Elementor, WooCommerce and Contact Form 7 plugins. The premium demo uses the Gotra premium plugin also. Gotra has an easy to use admin with a lot of customizer functions, so You can build Your dream without coding knowledge. The theme is responsive so looks good on almost every devices. You can setup multiple header styles, navigation styles and layouts. Build You site with Gotra Theme and share it with the world! You can also find a documentation with an install guide and a tutorial for the screenshot look on wpkoi.com/docs.
Version: 1.0.1
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gotra
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images

*/

body {
	background-color: #222222
}

body,
button,
input,
select,
textarea {
	font-size: 18px;
	font-weight: 400;
}

.inside-top-bar {
	padding: 10px 60px 5px;
}

.top-bar {
	font-weight: 400;
	font-size: 18px;
	text-transform: none;
}

.inside-header {
	padding: 0 55px 0 60px;
}

.main-title {
	text-transform: none;
	font-weight: 700;
	font-size: 55px;
	line-height: 1.2;
	position: relative;
}

.gotra-title-underline .main-title {
	text-decoration: underline;
}

.main-navigation a {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
}

.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a,
.menu-toggle {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 72px;
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-left: 10px;
}

button.menu-toggle:hover,
button.menu-toggle:focus {
	background-color: inherit;
}

.sticky-enabled .main-navigation.is_stuck {
	box-shadow: none !important;
}

.fluid-header.sticky-enabled .main-navigation.is_stuck .inside-navigation {
	padding-left: 80px !important;
	padding-right: 80px !important;
}

.button,
.woocommerce a.button,
.woocommerce button.button {
	padding: 12px 25px;
}

.button,
.button:visited,
button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce a.button {
	font-size: 22px;
	font-weight: 700;
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus {
	transform: scale(1.1);
}

.gotra-button .button,
.gotra-button .button:visited,
.gotra-button button:not(.menu-toggle),
html .gotra-button input[type="button"],
.gotra-button input[type="reset"],
.gotra-button input[type="submit"],
.woocommerce.gotra-button a.button,
.woocommerce.gotra-button button.button.alt {
	border-radius: 50px;
	border: 3px solid;
	background: transparent;
	text-decoration: none;
}

.one-container .site-content,
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
	padding: 25px 60px 20px;
}

.site-info {
	font-size: 18px;
	font-weight: 400;
	padding: 10px 60px;
}

.lalita-side-left-content {
	font-size: 22px;
	font-weight: 400;
	margin: 150px 0px 0px 0px;
}

.lalita-side-left-content .lalita-side-left-socials ul,
.lalita-side-left-content .lalita-side-left-text {
	padding: 5px 10px;
	margin-top: 50px;
}

.page-header-blog-content-h,
.page-header-blog-content-b {
	display: inline-block;
	padding: 0;
	height: auto;
	vertical-align: middle;
}

.page-header-blog-content-h {
	width: 65%;
}

.page-header-blog-content.page-header-blog-content-b {
	width: 32%;
}

.page-header-blog-content-h .page-header-blog-content {
	margin: 0;
	text-align: center;
	padding: 0;
}

.page-header-blog-text,
.page-header-blog-button {
	display: block;
	width: 100%;
	text-align: left;
}

.page-header-blog-content h2 {
	font-size: 90px;
	font-weight: 700;
	padding: 0;
	line-height: 1.2;
	margin-bottom: 5%;
	margin-left: 80px;
}

.page-header-blog-text p {
	font-size: 22px;
	font-weight: 400;
	padding: 0;
	line-height: 1.2;
	margin-bottom: 0;
	margin-left: 30px;
}

.page-header-blog-button a.button {
	border-radius: 0;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: 700;
	margin-left: 30px;
}

.page-header-blog {
	padding: 0;
	background-size: cover;
	background-position: center center;
	margin: 0;
}

.page-header-noiseoverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.25;
	background-color: #000000;
}

.page-header-blog-inner {
	max-width: 2000px;
	margin: auto;
	padding: 5% 0;
	z-index: 2;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0 0 20px 40px;
}

.footer-widgets {
	padding: 40px 60px;
}

.widget-title {
	font-weight: 700;
}

.elementor-page .screen-reader-text {
	top: inherit;
}

.post-type-archive-product.post-image-above-header.woocommerce-page .post-image {
	display: none;
}

.entry-summary a,
.entry-content a,
.comment-content a,
.textwidget a {
	text-decoration: underline;
}

body .grid-container {
	max-width: 2000px;
}

.inside-top-bar .textwidget i {
	margin-right: 5px;
}

.top-bar p {
	margin-bottom: 0;
}

.inside-navigation .search-form input[type="search"]:focus {
	color: #ffffff !important;
}

.lalita-back-to-top {
	border-radius: 0;
	right: 10px;
}

.transparent-header.home .main-navigation.is_stuck {
	background-color: transparent;
}

.main-navigation.sticky-navigation-transition .navigation-logo img {
	padding-left: 0;
}

.footer-bar .lalita-social-bar {
	float: right;
}

.footer-bar .lalita-socials-list li {
	display: inline-block;
	padding-left: 8px;
}

.transparent-header .main-navigation.is_stuck {
	background-image: url('img/gotra-bg.gif');
}

.gotra-img-effect-holder {
	position: relative;
}

.gotra-img-effect-holder img {
	display: block;
}

.gotra-img-effect-holder .gotra-img-effect-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	background-image: url("img/gotra-bg.gif");
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	mix-blend-mode: difference;
}

.gotra-img-effect-holder:hover .gotra-img-effect-layer {
	opacity: 1;
}

@media (max-width: 1200px) {
	.page-header-blog-content-h .page-header-blog-content {
		padding: 0;
	}
	.page-header-blog-content-h h2 {
		font-size: 50px;
	}
}

@media (max-width: 1024px) {
	.main-navigation .main-nav ul li a,
	.main-navigation .mobile-bar-items a,
	.menu-toggle {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 768px) {
	body {
		padding: 2px;
	}
	.page-header-blog {
		margin: 0;
	}
	.page-header-blog-content-h,
	.page-header-blog-content.page-header-blog-content-b {
		display: block;
		width: 100%;
	}
	.page-header-blog img {
		width: 80%;
		margin-top: 40px;
		margin-left: 5%;
	}
	.page-header-blog-content-h h2 {
		font-size: 40px;
		margin-top: 30px;
		margin-left: 30px;
	}
	.page-header-blog-content-h p {
		font-size: 22px;
		width: 90%;
	}
	.page-header-blog-content-h .page-header-blog-content,
	.page-header-blog-image {
		width: initial;
		margin: 0;
	}
	.page-header-blog-content a.button {
		margin-left: 30px;
	}
	.main-navigation.toggled .main-nav li.wpkoi-nav-btn-h {
		display: inline-block !important;
	}
	.main-navigation.toggled .main-nav li.wpkoi-nav-btn-h .wpkoi-nav-btn {
		padding: 0 25px;
	}
	body {
		padding: 0;
	}
	.lalita-side-left-cover,
	.lalita-side-right-cover {
		width: 2px;
	}
	.footer-bar .widget,
	.footer-bar .lalita-social-bar {
		float: none;
		margin: 0 10px;
	}
	button:hover,
	html input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	a.button:hover,
	button:focus,
	html input[type="button"]:focus,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	a.button:focus,
	header .main-navigation .main-nav ul li a.wpkoi-nav-btn {
		transform: scale(1);
	}
	.elementor-page #page::-webkit-scrollbar,
	.elementor-template-canvas .elementor-inner::-webkit-scrollbar,
	.elementor-template-canvas .elementor-section-wrap::-webkit-scrollbar {
		display: none;
	}
	.inside-top-bar,
	.site-info {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.footer-bar .widget,
	.footer-bar .lalita-social-bar {
		float: none;
		margin: 0 10px;
	}
}

.container.grid-container {
	width: 90%;
	margin: 0 auto;
}

.sectionHeadline {
	font-size: 3rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: .03em;
    width: 600px;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
}

.top_sectionHeadline {
	font-size: 2em;
}

.top_sectionHeadline span {
	display: block;
	font-size: .5em;
	color: #f6cecf;
	margin: 1em 0 0;
}

.visible {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.arrowLinkWrap {
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: all ease 1s;
}

.arrowLinkWrap {
    margin-top: 40px;
}

.arrowLink {
    color: #fff;
    display: flex;
    align-items: center;
    width: 280px;
}

.arrowLink .label {
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: inline-block;
    letter-spacing: -0.02em;
}

.arrowLink .icon {
    background: #fff;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    transition: all ease .5s;
}

.arrowLink .icon {
    width: 60px;
    height: 60px;
}

.arrowLink:hover .icon {
	transform: scale(1.1,1.1);
}

.arrowLink .icon img, .arrowLink .icon svg {
    width: 12px;
    height: 12px;
    transition: all ease .5s;
}

.solutionList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 60px 0 1em;
	list-style: none;
	gap: 1em;
}

.num {
	font-size: 1rem;
	font-family: "Poppins", sans-serif;
	margin: 0;
}

.solutionList .visible {
	background: #fff;
	padding: 1em;
	border-radius: 6px;
	color: #333;
}

.solutionList li .title {
    font-size: 1rem;
    white-space: nowrap;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    line-height: 1;
    margin-top: -5px;
    letter-spacing: -0.03em;
	border: none;
	padding: 0;
	margin: 0;
}

.reasonList {
	display: grid;
	margin: 60px 0 1em;
	list-style: none;
	gap: 4px;
}

.reasonList li {
	font-size: 1rem;
	line-height: 1.3;
	font-weight: bold;
	padding: 1em;
	border-radius: 6px;
}

.reasonList li div {
	display: grid;
	position: relative;
	width: 100%;
	height: 100%;
}

.reasonList_bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.reasonList_bg:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}

.reasonList_bg_01 {
	background-image: url(https://www.socialab.co.jp/img/3d-rendering.jpg);
}

.reasonList_bg_02 {
	background-image: url(https://www.socialab.co.jp/img/composition-non-eco-friendly-plastic-objects.jpg);
}

.reasonList_bg_03 {
	background-image: url(https://www.socialab.co.jp/img/still-life-books-versus-technology.jpg);
}

.reasonList .label {
	width: calc(100% - 38px);
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.2rem;
	position: absolute;
	bottom: 0;
	left: 0;
}

.bg-black {
	margin: 100px 0 0;
}

.site-footer {
	background: #0f0f0f;
	border-radius: 60px 0 0 0;
	margin: 8rem 0 0;
}

@media screen and (max-width: 480px) {
	.solutionList {
		grid-template-columns: 1fr;
	}
	.sectionHeadline {
		width: 90%;
	}
	.reasonList {
		grid-template-columns: 1fr;
		grid-template-rows: 200px 200px 200px;
	}
	.site-footer {
		padding: 5em 1em 0;
	}
}

@media screen and (min-width: 481px) {
	.reasonList {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 300px;
	}
	.footer__links_menu__container__jOBFD {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

.index_firstview__I21qW {
	height: 70vh;
	display: grid;
	grid-template-rows: 1fr 5fr 1fr;
	margin: 0 0 100px;
	background: url(https://www.socialab.co.jp/img/laboratory.png) no-repeat center;
	background-size: 1400px auto;
}

.motion_motion__line__a1CEj {
	border-top: 1px solid hsla(0,0%,87%,.2);
	border-bottom: 1px solid hsla(0,0%,87%,.2);
}

.bbs{
	align-items: center;
	color: #fff;
	display: flex;
	line-height: 1.5;
	overflow:hidden;
	width: 100%;
	white-space:nowrap;
	z-index: 1;
	font-family: "Concert One", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10rem;
}
.bbs ul {
  animation: flowing 200s linear infinite;
  transform:translateX(100%);
  margin: 0;
  padding: 0;
}
.bbs ul li{
  display: inline-block;
  padding-right: 10px;
}
@keyframes flowing {
  0% { transform:translateX(0); }
  100% { transform:translateX(-100%); }
}

.footer__links_corp__logo__container__yn_V3 {
    flex-shrink: 0;
}

.footer__links_menu__container__jOBFD {
    display: grid;
	gap: 10px;
}

@media screen and (min-width: 768px) {
    .footer__links_container__oSAd7 {
        align-items: center;
		grid-template-columns: 1fr;
		grid-template-rows: 80px 1fr 1fr;
    }
	.footer__links_corp__logo__container__yn_V3 {
		width: 80%;
    }
}

.footer__links_corp__logo__6cuCU img {
	height: 80px;
	text-align: center;
	display: inline-block;
}

.footer__links_container__oSAd7 {
    position: relative;
    display: grid;
    width: 100%;
    transition: all .5s;
	gap: 2em;
	grid-template-rows: 80px 1fr 1fr;
}

@media screen and (min-width: 481px) {
	.footer__links_container__oSAd7 {
		grid-template-columns: 1fr 2fr 1fr;
		grid-template-rows: 1fr;
	}
	.footer__links_menu__container__jOBFD {
		grid-template-columns: 1fr 1fr;
	}
}

.footer__links_container__oSAd7 p {
	margin: 0;
}

.footer__links_corp__logo__container__yn_V3 .footer__links_corp__logo__6cuCU {
    display: block;
    transition: all .5s;
}

@media screen and (min-width: 768px) {
	.site-footer {
        padding: 8.3333333333vw 2.7777777778vw;
    }
}

.footer__links_menu__list__Jg2x1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto auto;
	gap: 10px;
}

.menu__list__item_link__wrapper__izIf0 {
	margin: 0;
}

.footer__links_menu__container__jOBFD .footer__links_menu__list__Jg2x1,.footer__links_menu__small__list__kUdL8 {
	list-style: none;
	margin: 0;
}

.menu__list__item_container__Jlt6r {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.footer__links_footmenu__1JKfQ {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.footer__links_footmenu__1JKfQ .footer__links_footmenu__item__b0c8h {
    color: #898989;
}

.footer_container__QZ9zh .footer_mailmagazine__0EQCe .footer_mailmagazine__link__vPFos {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: hsla(0, 0%, 87%, .1);
}

.footer_mailmagazine__link__vPFos {
	display: flex;
    justify-content: space-between;
    background-color: hsla(0, 0%, 87%, .1);
	height: 8vw;
	min-height: 100px;
	align-items: center;
	padding: 0 4.8611111111vw;
	border-radius: 1.3888888889vw;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 1.2rem;
}

.hover_hover01__link__BCCZR p {
	margin: 0;
}

.footer_container__QZ9zh .footer_mailmagazine__0EQCe .footer_mailmagazine__link__vPFos .footer_mailmagazine__link__submit__pbYqi .footer_mailmagazine__link__circle__button__rvJIT {
        width: 6.9444444444vw;
        height: 6.9444444444vw;
        margin-left: 2.7777777778vw;
}

.circle__button_container__TT7ID {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    rotate: 90deg;
}

.circle__button_container__TT7ID.circle__button_active__9lBGj .circle__button_button__qMetT {
    transform: scale(1);
    transition: all .5s;
}
<style>
.circle__button_container__TT7ID .circle__button_button__qMetT {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.circle__button_container__TT7ID.circle__button_disabled__CxXjx .circle__button_button__qMetT .circle__button_circle__EdLYD {
    background-color: #0f0f0f;
    pointer-events: none;
}
.circle__button_container__TT7ID .circle__button_button__qMetT .circle__button_circle__EdLYD {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    transition: all .25s;
}

.hover_hover01__qn9nr .hover_hover01__link__BCCZR {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    cursor: inherit;
}

@media screen and (min-width: 768px) {
    .circle__button_container__TT7ID .circle__button_button__qMetT .circle__button_icon__container__BMsZp {
        width: .6944444444vw;
        height: .6944444444vw;
    }
}
.circle__button_container__TT7ID .circle__button_button__qMetT .circle__button_icon__container__BMsZp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: hidden;
}

@media screen and (min-width: 768px) {
    .hover_hover01__qn9nr .hover_hover01__link__BCCZR .hover_hover01__link__container__QCVMD {
        animation: hover_link-default__thXO5 .5s ease-in-out 0s 1 normal forwards;
    }
}
.hover_hover01__qn9nr .hover_hover01__link__BCCZR .hover_hover01__link__container__QCVMD {
    position: relative;
    display: flex
;
    height: 200%;
    flex-direction: column;
    justify-content: flex-start;
    transition: all .5s;
}

@media screen and (min-width: 768px) {
    .footer__links_footmenu__1JKfQ .footer__links_footmenu__item__b0c8h {
        margin-left: 40px;
        font-size: 10px;
    }
	.footer__links_footmenu__1JKfQ .footer__links_footmenu__copyright__TNT_C {
        margin-left: 40px;
        font-size: 10px;
    }
}

.entry-header {
	padding: 5em 0;
	margin: 0 0 5em;
	border-top: 1px solid hsla(0,0%,87%,.2);
	border-bottom: 1px solid hsla(0,0%,87%,.2);
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.entry-title {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.entry-content h2:not(.home) {
	background: hsla(0, 0%, 87%, .1);
	padding: .5em .7em;
	border-left: 4px solid #f6cecf;
}

.entry-content h3 {
	border-bottom: solid 3px #cce4ff;
	position: relative;
	padding: 0 0 .5em;
}

.entry-content h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #b0a6cf;
  bottom: -3px;
  width: 10%;
}

.cf7__list {
  display: grid;
  flex-wrap: wrap;
  margin-bottom: 60px;
	grid-template-columns: 1fr 2fr;
}

@media screen and (max-width: 480px) {
	.cf7__list {
	grid-template-columns: 1fr;
	}
}

.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
  margin-top: 30px;
}

.cf7__list dt {
}

.cf7__list dd {
  width: 100%;
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
  margin-right: 15px;
  padding: 6px 14px;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}

.cf7__required {
  background: #BE1D1D;
}

.cf7__optional {
  background: #878D8E;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
  width: 100%;
  padding: 15px 20px;
  background: #F4F4F4;
}

.cf7__list dd, .cf7__list p {
	margin: 0;
}

/* ドロップダウンメニュー */
.cf7__select {
  position: relative;
	margin: 0;
}

.cf7__select:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}

.cf7__select select {
  width: 100%;
  padding: 19px 20px;
  background: #F4F4F4;
  color: #a5a5a5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
  display: block;
  padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
  display: block;
  margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
  margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
  cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

/* ラジオボタン */
input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
  color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
  color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
  text-align: center;
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background: #000;
  color: #fff;
  transition: opacity .6s;
}

input[type="submit"]:hover {
  opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

.wpcf7-spinner {
  display: none!important;
}

@media screen and (max-width: 767px) {

  .cf7__list dt {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .cf7__list dd {
    width: 100%;
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  input[type="submit"] {
    width: 180px;
    height: 56px;
  }
}

.wp-block-list {
	margin: 0 0 2em 0;
	font-weight: bold;
}

.wp-block-list li {
	list-style: none;
	margin:  0;
	padding: .5em;
}

.wp-block-list li:before {
	content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #7acdf3;
    border-radius:  50%;
	margin-right: 10px;
}

.has-fixed-layout tr {
	display: grid;
    grid-template-columns: 1fr 2fr;
    border-top: 1px solid hsla(0, 0%, 87%, .2);
	padding: 1.5em 0;
}

.has-fixed-layout tr:last-child {
	border-bottom: 1px solid hsla(0, 0%, 87%, .2);
}

.wp-block-table td, .wp-block-table th {
	padding: 0;
}

th,td {
    border: none !important;
}