/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* kovo_start */
.db{
	display: block;
}
.m0-auto{
	margin: 0 auto;
}
.text-sm{
  font-size: 14px;
}
.font-bold{
  font-weight: bold;
}
.text-right{
	text-align: right !important;
}
.text-424242{
	color: #424242;
}
.p-1.5{
	padding-bottom: 0.375rem;
}
.mb-7{
	margin-bottom: 28px !important;
}
.list-none{
	list-style-type: none;
}
.overflow-hidden{
	overflow: hidden;
}
.img_shadow{
   filter: drop-shadow(5px 5px 5px #aaa);
}
.graphpaper{
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 2px 3px -2px rgb(0 0 0 / 1%);
    background-image: linear-gradient(transparent calc(100% - 1px), #e6edf3 50%, #e6edf3), linear-gradient(90deg, transparent calc(100% - 1px), #e6edf3 50%, #e6edf3);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}
.span_storong_title{
	font-weight: bold;
	color: #FFF;
	padding: 3px 10px;
	background-color: #3286A0;
}
.span_storong{
	font-weight: bold;
	color: #3286A0;
}
.span_storong_d{
	font-weight: bold;
	color: #3286A0;
	border-bottom: dotted 2px #3286A0;
}
.elementor-accordion .elementor-accordion-item:first-child{
	display: none;
}
.day-calendar{
	margin-top: 20px;
}
.day-calendar p{
	color: #3286A0;
}
.day-calendar table{
	margin: 50px auto;
}
div#booking-form {
	width: 80%;
	margin: 50px auto;
}
.content-form fieldset,
.content-form th,
.content-form td,
.content-form th:hover,
.content-form td:hover,
.content-form table tbody>tr:nth-child(odd)>td, 
.content-form table tbody>tr:nth-child(odd)>th{
	border: none;
	background-color: #f5f5f5 !important;
}
.content-form  input[type=text],
.content-form  select,
.content-form  textarea{
	border: none;	
}
.content-form  [type=button], 
.content-form  [type=submit], 
.content-form  button{
	 font-family: "Roboto", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    fill: #3286A0;
    color: #3286A0;
    background-color: rgba(222, 184, 135, 0);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 30px 30px 30px 30px;
    padding: 18px 35px 18px 35px;
	 margin-top: 50px;
} 
.content-form  [type=button]:hover, 
.content-form  [type=submit]:hover, 
.content-form  button:hover{
    color: #FFFFFF;
    background-color: #3286A0;
    border-style: solid;
} 

/* .elementor-12 .elementor-element.elementor-element-388a6d34 .eael-post-elements-readmore-btn,
.elementor-257 .elementor-element.elementor-element-6998a539 .eael-post-elements-readmore-btn {
	margin-left: 20px;
} */
@media (max-width: 768px) { /* 画面サイズが小さい場合に記入Boxを大きく */
.content-text.medium {
    width: 95%;
}
}
.eael-entry-wrapper {
    display: flex;
    flex-wrap: wrap;
	 justify-content: flex-end;
}
.eael-entry-header-after {
    order: 2; /* 順番を2番目に */
}
.eael-entry-content {
    order: 3; /* 順番を3番目に */
}
@media (min-width: 768px) { /* 画面サイズが大きい場合に横並びを適用 */
.eael-entry-header {
    width: 100%;
    order: 1; /* 順番を最初に */
}
.eael-entry-header-after {
    width: 80%;
}
.eael-entry-content {
    width: 18%;
    display: flex;
	margin-left: 10px;
}
}
/*微調整_start*/
.eael-creative-button{
  min-width: 75px !important;
}
.top-return-btn,
h1.entry-title,
.eael-simple-menu-toggle-text{
  display: none;
}
.creative-button-inner,
.top-fixed-button{
	box-orient: vertical !important;
	flex-direction: column !important;
}
.menber_img{
	width: 200px !important;
	height: 200px !important;
	object-fit: cover;
	margin: 0 auto;
}
.cyclft_img{
	width: 150px !important;
	height: 150px !important;
	object-fit: cover;
	margin: 0 auto;
}
.cyclft_logo{
	width: 180px !important;
	height: 52px !important;
}
.elementor-39 .elementor-element.elementor-element-5c2a7631 .eael-simple-menu.eael-simple-menu-responsive li.current-menu-item > a.eael-item-active,
.elementor-16 .elementor-element.elementor-element-cf633c1 .eael-simple-menu.eael-simple-menu-responsive li.current-menu-item > a.eael-item-active{
	background-color: #FFFFFF !important;
	color: #3286A0 !important;
}
.grecaptcha-badge { 
	visibility: hidden; 
}
.elementor-12 .elementor-element.elementor-element-7ef6ac94 > .elementor-container {
    min-height: 100px !important;
}
.eael-post-grid-style-two .eael-entry-meta .post-meta-categories li a {
	background-color: #D8FF47;
	padding: 1px;
}
.fa-folder-open:before{
	display: none;
} 
@media screen and (min-width: 770px){
	.dn{
  		display: none !important;
	}
	.container-arrow{
		position: relative;
 		padding-right: 15px; /* 三角形のスペースを作るために右側にパディングを追加 */15
	}
	.container-arrow::after{
	  content: '';
	  position: absolute;
	  top: 50%;
	  right: 0;
	  width: 0;
	  height: 0;
     margin-right: -15px;
	  border-top: 7.5px solid transparent; /* 三角形の高さの半分 */
	  border-bottom: 7.5px solid transparent; /* 三角形の高さの半分 */
	  border-left: 15px solid #3286a0; /* 三角形の右側の長さ */
	  transform: translateY(-50%);
	}
	div.pc_list_none li{
		list-style: none;
	}
	.pc_dn{
  		display: none !important;
	}
}
@media screen and (max-width: 769px){
	.mb-7{
		margin-bottom: 14px !important;
	}
}
/*微調整_end*/
/*付箋デザイン_start*/
.box-015 {
    position: relative;
    max-width: 400px;
    margin: 1em auto;
    padding: 1em 2.5em 1em 1.5em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #ddeef4;
    color: #424242;
}
.box-015::before,
.box-015::after {
    position: absolute;
    content: '';
}
.box-015::before {
    top: -15px;
    right: 10px;
    height: 50px;
    width: 15px;
    border: 3px solid #999;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
    transform: rotate(10deg);
}
.box-015::after {
    top: 0;
    width: 10px;
    right: 20px;
    border: solid 5px #ddeef4;
}

.heading-021 {
    position: relative;
    padding: .5em .7em .9em .7em;
    border-bottom: 3px solid #3286a0;
    color: #333333;
}
.heading-021::before,
.heading-021::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}
.heading-021::before {
    background-color: #3286a0;
}
.heading-021::after {
    bottom: -11px;
    background-color: #fff;
}
.rentacar-nomi{
	font-size: 18px;
}
@media screen and (max-width: 769px){
	.rentacar-nomi{
	font-size: 14px;
}
}
/*付箋デザイン_end*/
/*お問合せ_start*/
a{
  color: #10708d;
}
[type=button], [type=submit], button {
  color: #10708d;
  border: 1px solid #10708d;
}
#pg-contact{
	width:100%;
	margin: 0 auto;
}
#pg-contact .lead strong{
	font-weight: 700;
}
#pg-contact .lead a{
	text-decoration: underline;
}
#pg-contact .lead a:hover{
	color: #00b906;
}
#pg-contact .form-inner .contact-form{
	margin: auto;
}
#pg-contact .form-inner .contact-form .input-box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	text-align: left;
}
#pg-contact .form-inner .contact-form .input-box:not(:first-child){
	margin-top: 7px;
}
#pg-contact .form-inner .contact-form .input-box .label-area{
	padding: 6px 0;
	width: 30%;
	font-size: 1rem;
  text-align: left !important;
}
span.wpcf7-list-item{
  display: block !important;
	margin-bottom: 6px;
}
#pg-contact .form-inner .contact-form .input-box .input-area{
	width: 70%;
	color: #424242;
	position: relative;
}
#pg-contact .form-inner .contact-form .input-box .input-area input{
	padding: 9px 12px;
	/* width: 100%; */
	font-size: 1rem;
	color: #424242;
	border: 1px solid #ECEDEE;
	border-radius: 7px;
	margin-top: 7px;
}
#pg-contact .form-inner .contact-form .input-box .input-area textarea{
	resize: none;
	padding: 9px 12px;
	width: 100%;
	height: 243px;
	font-size: 1rem;
	color: #424242;
	border: 1px solid #ECEDEE;
	border-radius: 7px;
}
#pg-contact .form-inner .contact-form .input-box .input-area input:focus, #pg-contact .form-inner .contact-form .input-box .input-area textarea:focus{
	outline: none;
	color: #343434;
	border: 1px solid #10708d;
	box-shadow: 0 0 1px 0 rgba(0, 185, 6, 0.45);
}
#pg-contact .form-inner .contact-form .input-box .input-area .input-error{
	display: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	color: #c00;
}
#pg-contact .form-inner .contact-form .input-box .input-area .input-error.wpcf7-not-valid-tip{
	display: block;
}
#pg-contact .form-inner .contact-form .action-box{
	margin-top: 7%;
}
#pg-contact .form-inner .note{
	margin-top: 4%;
}
#pg-contact .form-inner .note small{
	font-size: 1.4rem;
	line-height: 2.4;
	letter-spacing: 0.2em;
}
#pg-contact .required{
	font-size: 1rem;
	color: #fff;
	background: #f32e2e;
	border-radius: 5px;
	padding: 4px 6px;
	margin: 0 0 2px 5px;
}
#pg-contact .required {
  font-size: 0.6rem;
  color: #fff;
  background: #f32e2e;
  border-radius: 5px;
  padding: 4px 6px;
  margin: 0 0 2px 5px;
}
#pg-contact .cf7-accept-check{
  text-align: center;
  margin: 50px auto;
}
#pg-contact .cf7-submit {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
#pg-contact input[type="submit"]{
  width: 100%;
  background-color: #10708d;
  color: #ffffff;
  border-radius:40px;
  font-size: 1.2em;
  padding: 1em;
  margin-top: 20px;
}

#pg-contact input[type="submit"]:hover{
  background-color: #ffffff;
  border: 2px solid #10708d;
  color: #10708d;
}
#pg-contact .cf7-btn{
  width: 40%;
  margin: 0 auto;
  text-align: center;
}
#pg-contact .wpcf7-spinner {
  display: block !important;
	margin: 5px auto 0 !important;
}

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media screen and (max-width: 769px){
	#pg-contact .lead{
		margin-top: 4%;
		font-size: 0.8rem;
	}
	#pg-contact .form-inner{
		margin: 18% auto 0;
		width: 100%;
	}
	#pg-contact .form-inner .contact-form .input-box{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#pg-contact .form-inner .contact-form .input-box:not(:first-child){
		margin-top: 6.7%;
	}
	#pg-contact .form-inner .contact-form .input-box .label-area{
		padding: 6px 0;
		width: 100%;
		font-size: 0.8rem;
	}
	#pg-contact .form-inner .contact-form .input-box .input-area{
		width: 100%;
	}
	#pg-contact .form-inner .contact-form .input-box .input-area input{
		padding: 13px 18px;
		font-size: 0.8rem;
	}
	#pg-contact .form-inner .contact-form .input-box .input-area textarea{
		padding: 13px 18px;
		height: 160px;
		font-size: 1.4rem;
	}
	#pg-contact .form-inner .contact-form .input-box .input-area .input-error{
		padding: 0 18px;
		bottom: -20px;
		font-size: 1.1rem;
	}
	#pg-contact .form-inner .contact-form .action-box{
		margin: 9%;
	}
	#pg-contact .form-inner .note{
		margin-top: 10%;
	}
	#pg-contact .form-inner .note small{
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: 1px;
	}
	#pg-contact input[type="submit"]{
	  width: 150%;
	  margin-top: 20px;
	  margin-left: -40px;
	}
}
/*お問合せ_end*/
/*会社概要Table_start*/
.simple-table{
	margin: 5.4% 0;
	width: 100%;
	font-size: 1em;
}
.simple-table th{
  text-align: center;
  width: 25%;
}
.simple-table td{
  width: 75%;
}
.simple-table tr{
	padding: 16px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	border-top: 1px solid #d0d0d0;
	align-items: center;
}
.simple-table tr:last-child{
    border-bottom: 1px solid #d0d0d0;
}
.simple-table tr td:first-child{
	width: 25%;
}
.simple-table tr td:last-child{
	width: 75%;
}
.simple-table td,
.simple-table th{
	border: none;
	padding: 0 0 0 20px;
}
.cautionbox {
	 width: 100%;
	 font-size: 0.9rem;
  letter-spacing: 0.08rem;
  padding: 1em;
  border-radius: 5px;
  background-color: #ffebee;
  color: #333333;
}
.cautionbox p{
	margin: 0 !important;
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th{
	background-color: #FFFFFF !important;
}
table tbody tr:hover>td,
table tbody tr:hover>th{
	background-color: #FFFFFF !important;
}
/*会社概要Table_end*/
/*Instagram_start*/
#insta_btn3 {/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 14px;/*角丸に*/
  position: relative;
  display: block;
  height: 120px;/*高さ*/
  width: 120px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  padding-top: 12px;/*上側との余白*/
  box-sizing: border-box;
  font-size: 19px;/*文字のサイズ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
#insta_btn3 a{
  color: #FFF;/*文字・アイコン色*/
  text-decoration: none;
}
#insta_btn3:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
#insta_btn3 div {
  position: relative;
}
#insta_btn3 .fa-instagram {
    font-size: 70px;/*アイコンサイズ*/
    position: relative;
    display:inline-block;
    position: relative;
    transition: .5s
}
#insta_btn3 .fa-instagram:hover {/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
/*Instagram_end*/
/*privacy-policy_start*/
.privacy-policy-title {
  position: relative;
  padding: 0.25em 0;
  margin-top: 20px;
}
.privacy-policy-title:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(16, 112, 141), transparent);
  background: linear-gradient(to right, rgb(16, 112, 141), transparent);
}
/*privacy-policy_end*/
/*post_start*/
.cyclft-post-content{
	margin: 5% 10%;
}
.cyclft-post-header{
	border-bottom: solid 1px #d0d0d0;
}
.cyclft-post-time{
	font-weight: bold;
	color: #3286a0;
}
.cyclft-post-title{
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0 10px 20px;
}
.cyclft-post-sentence{
	padding: 5%;
	line-height: 2rem;
	letter-spacing: 3px;
	font-size: 18px;
	overflow-wrap: anywhere;
}
/*post_end*/
.eael-simple-menu-container.preset-3 .eael-simple-menu li.current-menu-item>a.eael-item-active {
	background-color: rgba(255, 77, 64, 0) !important;
}
/*20240420_kovo_start*/
.elementor-widget-shortcode .wpcf7 input:not([type="submit"]) ,
.elementor-widget-shortcode .wpcf7 textarea{
	background-color: #fff !important;
}
span.marker{
/* 	display: block; */
	background-color: #D8FF47 !important;
}
/*アップサイクルヴィレッジボタン_start */
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a.btn-gradient {
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(left, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(90deg, #2af598 0%, #009efd 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

a.btn-gradient:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}
@media screen and (max-width: 769px){
 .btn,
 a.btn,
 button.btn {
   font-size: 1rem;
   padding: 1rem 1rem;
	}
}
/*アップサイクルヴィレッジボタン_end */
/* タイムライン_start */
.timeline-003 {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}

.timeline-003 li {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #969da3;
	 text-align: center;
    font-size: .8em;
}

.timeline-003 li.prev,
.timeline-003 li.current {
    color: #3286a0;
	text-align: center;
}

.timeline-003 li::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 10px;
    content: '';
    border: 2px solid #d6dde3;
    border-radius: 50%;
    background-color: #fff;
}

.timeline-003 li.prev::before,
.timeline-003 li.current::before {
    border-color: #3286a0;
}

.timeline-003 li:not(:last-child)::after {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #d6dde3;
    content: '';
}

.timeline-003 li.current::before,
.timeline-003 li.prev::after {
    background-color: #3286a0;
}
/* タイムライン_end */
/*20240420_kovo_end*/

/* kovo_end */