/*
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;
}

/* ログイン wp-members */
#wpmem_restricted_msg { text-align: center; }
#wpmem_login_form {/*width: 30%;*/width: 100%; margin-left: auto; margin-right: auto;}
#wpmem_login_form legend {display: none;}
#wpmem_login_form .div_text {margin-bottom: 2em;}
#wpmem_login_form .button_div {text-align: center;}
#wpmem_login_form .buttons {}
@media (min-width:768px) {
	#wpmem_login_form {width:30%;}
}
#rememberme { display: none; }

/* エントリーフォーム */
.buttom-center {text-align: center; margin-top: 100px;}
.content-area {border-right-width: 0;}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
	background-color: #ffffff; border: 1px solid #818a91;
}
.entry-title {font-weight: bold;margin-top: 2em;}
.input-flex {display: inline-flex;}
.entry-input .input-inline {font-size: 12px;margin-left: 1em;}
.input-inline { display: flex;justify-content: center;align-items: center; }
.entry-note {font-size: 12px;}

.entry-width-select {width: 8em !important;}
.entry-width-zip {width: 10em !important;}
.entry-width-number {width: 50% !important;}

.confirm-group .entry-title,.confirm-group .entry-input {color: #000;}
.confirm-group .entry-input {padding-top: 1em; border-bottom: 1px solid #000; padding-bottom: 1em;}

/*button*/
.entry-submit .entry-link {}
.entry-submit input[type="submit"], .entry-submit a, .entry-prev, .entry-end a,#wpmem_login_form .buttons {
/*	padding: 12px 50px !important;*/
	font-size: 15px !important;
	font-weight: inherit;
	background-color: #ccc !important;
	border-radius: 3px !important;
	transition: all .3s !important;
	/*width: 200px;*/width: 100%;height: 50px;
}
@media (min-width:768px) {
	.entry-submit input[type="submit"], .entry-submit a, .entry-prev, .entry-end a,#wpmem_login_form .buttons {
		width: 200px;
	}
}
.entry-submit a {
	/*text-decoration: none !important;color: #fff;padding: 9px 46px !important;display: inline-block;*/
	display: inline-flex;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
	color: #fff;
}
.entry-submit input[type="submit"]:hover , .entry-submit a:hover , .entry-prev:hover ,.entry-end a:hover,#wpmem_login_form .buttons:hover {
	background-color: #333 !important;color: #fff;
}
/* Zipaddr-jp「ハイフン無で入力！」を消す*/
#autozip {
   display: none !important;
}
.wpcf7-spinner {}