/*
Theme Name: Sunnylab
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Template: oceanwp
Version: 1.0
*/
/*
		共通
*/
html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}
body {
  font-family: source-han-sans-cjk-ja, sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 2;
  letter-spacing: 0.8px;
}
p {
  margin: 0;
}
.margin-bottom {
  margin-bottom: 50px !important;
}
@media (min-width:768px) {
  .contact-form {
    width: 500px;
    margin: 20px auto;
  }
}
table {
  width: 100%;
  margin-bottom: 2.4rem;
  margin-top: 0.4rem;
}
table th, table td {
  border: 1px solid #1b1b1b;
}
table tr th:first-child, table tr td:first-of-type {
  padding-left: 10px;
}
table tr th:last-child, table tr td:last-of-type {
  padding-right: 10px;
}

/*
		ヘッダー
*/
#site-header.clone-header {
	transition: all .3s;
	opacity: 0;
}
#site-header.clone-header.fixed{
    position: fixed;
    top: 0;
	opacity: 1;
	z-index: 9999;
}
#mobile-dropdown.fixed {
	position: fixed;
    top: 84px;
	z-index: 99999;
}
#site-logo #site-logo-inner a img {
	margin-top: -6px;
}
/*
		コンテンツ
*/
.section-wrap {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (min-width:960px) {
  .section-wrap {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
#access-section {
  padding-bottom: 0;
}
/*
		トップの見出し		
*/
.front-sec-ttl {
	font-family: century-gothic, sans-serif;
	letter-spacing: 2px;
}

.front-sec-ttl h2::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #333;
  margin: 10px auto 0;
}
@media (max-width:797px) {
  .front-sec-ttl h2::after {
    width: 20%;
  }
}
@media (min-width:798px) {
  .front-sec-ttl h2::after {
    width: 7%;
  }
}
.works-ttl {
	font-family: century-gothic, sans-serif;
	letter-spacing: 2px;
}
@media (max-width: 767px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		top: 310px;
	}
}
/*
		トップーNEWSレイアウト		
*/
.elementor-posts--thumbnail-top .elementor-post {
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
  padding: 20px !important;
  background-color: #cccccc29 !important;
}
@media (min-width:960px) {
  .elementor-posts--thumbnail-top .elementor-post {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  #top-news .elementor-posts-container {
    grid-row-gap: 24px;
  }
}
@media (max-width: 767px) {
  #top-news .elementor-post__thumbnail {
    padding-bottom: calc(0.66 * 100%);
  }
}
#top-news .elementor-post__text {
  display: flex;
  flex-direction: column;
}
#top-news h3 {
  order: 0;
}
#top-news .elementor-post__meta-data {
  order: -1;
}
#top-news .elementor-post__excerpt {
  order: 1;
}
@media (min-width:960px) {
  .elementor-post__thumbnail__link {
    margin-bottom: 0 !important;
    margin-right: 20px !important;
  }
}
/*
		トップーお問い合わせ
*/
#mw_wp_form_mw-wp-form-204 {
  width: 100%;
}
@media (min-width:768px) {
  #mw_wp_form_mw-wp-form-204 {
    width: 500px;
    margin: 0 auto;
  }
}
.contact-two-column {
  display: flex;
}
.contact-two-column .contact-col-child {
  flex-basis: 50%;
}
.contact-two-column .contact-col-child:first-child {
  margin-right: 2%;
}
#mw_wp_form_mw-wp-form-204 input, #mw_wp_form_mw-wp-form-204 textarea, #mw_wp_form_mw-wp-form-297 input, #mw_wp_form_mw-wp-form-297 textarea {
  background-color: #ffffff;
  border: 1px solid #818a91;
}
.form-section {
  margin-bottom: 20px;
}
#name1 {
  margin-right: 14px;
}
.submit-btn-wrap {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
@media (max-width:767px) {
  .submit-btn-wrap {
    flex-direction: column;
  }
}
#mw_wp_form_mw-wp-form-204 input[type="submit"], #mw_wp_form_mw-wp-form-297 input[type="submit"], #mw_wp_form_mw-wp-form-204 button[type="submit"], #mw_wp_form_mw-wp-form-297 button[type="submit"] {
  background-color: #1b1b1b;
  font-size: 1.6rem;
  flex-basis: 100%;
  transition: 500ms;
}
#mw_wp_form_mw-wp-form-204 input[type="submit"]:hover, #mw_wp_form_mw-wp-form-297 input[type="submit"]:hover, #mw_wp_form_mw-wp-form-204 button[type="submit"]:hover, #mw_wp_form_mw-wp-form-297 button[type="submit"]:hover {
  background-color: rgba(27, 27, 27, 0.50);
}
@media (min-width:768px) {
  #mw_wp_form_mw-wp-form-204 input[type="submit"], #mw_wp_form_mw-wp-form-297 input[type="submit"], #mw_wp_form_mw-wp-form-204 button[type="submit"], #mw_wp_form_mw-wp-form-297 button[type="submit"] {
    flex-basis: 40%;
  }
}
@media (max-width:767px) {
  #mw_wp_form_mw-wp-form-204 button[type="submit"], #mw_wp_form_mw-wp-form-297 button[type="submit"] {
    margin-top: 20px;
  }
}
.color-red, .mw_wp_form .error {
  color: red;
}
#mw_wp_form_mw-wp-form-204 #ask {
  background-color: #ffff;
  border: 1px solid #818a91;
  margin-bottom: 16px;
}
/* プライバシーポリシー */
.contact-privacy-title {text-align:center;font-weight: bold;}
.contact-privacy-info {text-align:center;}
.contact-privacy-text {
	height: 200px;
	overflow-y: scroll;
	border: solid 1px #818a91;
	padding:0 15px;
	font-size: small;
}
/* 
		固定ページ見出し
 */
.main-ttl-box {
  color: #FFF;
  background-color: #13aff0;
  width: 100%;
  display: flex;
  flex-flow: column;
}
@media (min-width:768px) {
  .main-ttl-box {
    align-items: flex-end;
    padding: 40px 20px 20px;
  }
}
.main-ttl {
  color: #FFF;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width:768px) {
  .main-ttl {
    font-size: 3.4rem;
  }
}
.main-ttl_sub {
  color: #FFF;
}
@media (max-width:767px) {
  .main-ttl_sub {
    margin-top: -4px;
    font-size: 2rem;
  }
}
@media (min-width:768px) {
  .main-ttl_sub {
    font-size: 2.4rem;
    letter-spacing: 8px;
    margin-top: -10px;
  }
}
.sq-ttl {
  font-weight: 500;
  font-size: 2rem;
  border-bottom: 1px solid #1b1b1b;
  padding-bottom: 5px;
  position: relative;
  padding-left: 25px;
}
.sq-ttl:before {
  background: #1b1b1b;
  content: "";
  height: 19px; /*四角のサイズ*/
  width: 19px; /*四角のサイズ*/
  left: 0;
  position: absolute;
  top: 11px;
}
@media (min-width:768px) {
  .sq-ttl {
    width: 50%;
  }
}
.home .entry-title {
  display: none;
}
/*
		プライバシーポリシー
 */
/*.bd-rt-wt {
	border-right: 1px solid #fff;
}*/
@media (min-width:769px) {
  .space-left {
    margin-left: 40px;
  }
}
/*
		会社概要
 */
#tablepress-company .column-1, #tablepress-company .column-3 {
  border-bottom: 1px solid #32373c;
  padding-top: 20px;
  padding-bottom: 20px;
}
#tablepress-company .column-1 {
  width: 36%;
}
#tablepress-company .column-2 {
  width: 8%;
  border-bottom: 1px solid #FFF;
}
/*
		業務実績
 */
#achievements-container {
  overflow: hidden;
}
#achievements-container tr {
  display: flex;
}
@media (max-width:767px) {
  #achievements-container tr {
    flex-direction: column;
  }
}
@media (min-width:768px) {
  #achievements-container tr td.column-1 {
    margin-left: 40px;
  }
}
@media (min-width:768px) and (max-width:991px) {
  #achievements-container tr td:first-of-type {
    width: 32%;
    margin-left: 40px;
  }
}
@media (min-width:769px) {
  #achievements-container tr td:first-of-type {
    width: 30%;
    margin-left: 16%;
  }
}
@media (min-width:768px) {
  #tablepress-achievements-2014, #tablepress-achievements-2015, #tablepress-achievements-2017, #tablepress-achievements-2018 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
#tablepress-achievements-2014 td, #tablepress-achievements-2015 td, #tablepress-achievements-2017 td, #tablepress-achievements-2018 td {
  border: none;
}
.ttl-border-btm-bk {
  border-bottom: 1px solid #1b1b1b;
}
@media (min-width:768px) {
  .ttl-border-btm-bk {
    width: 33%;
  }
}
  /*
		フッターメニュー		
*/
  #media_image-2 {
    width: 40%;
  }
#nav_menu-5 > .widget-title {
	display: none;
}