@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.card__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 5%;
    padding-left: 0;
}


.card__item {
    list-style: none;
}

.card__item a {
    display: flex;
	flex-direction: column;
	row-gap: 10px;
    width: 100%;
	height: 100%;
    border:  2px solid #3FBDF2;
    border-radius: 20px;
    padding: 5%;
    transition: opacity 0.3s;
}

.card__item--green a {
    border:  2px solid #74BC31;
}

.card__item a:hover {
    opacity: 0.6;
}

.card__body {
    display: flex;
    column-gap: 5%;
}

.card__img {
	width:40%;
}

.card__img img {
    aspect-ratio: 16 /9;
    object-fit: cover;
}

.card__content {
    color: #333;
	width: 60%;
}

.card__title {
	margin-top: 10px;
    font-size:  clamp(18px, 22px, 24px);
    font-weight: 700;
    margin-bottom: 0!important;
}

.card__text {
    font-size:  clamp(14px, 16px, 18px);
    font-weight: 500;
    padding-left: 5%;
}

.card__btn {
    margin-top: auto;
    text-align: center;
}

.card__detail {
    display: inline-block;
    background-color: #3FBDF2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    padding: 2% 8%;
    text-align: center;
    position: relative;
}

.card__detail::before {
    position: absolute;
     content: '';
     width: 10px;
     height: 10px;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     top: 50%;
     transform: translateY(-50%) rotate(45deg);
     right: 9%;
}

.card__detail--green {
    background-color: #74BC31;
}

.under-fv-img {
	margin-bottom: 0!important;
}


.under-fv-title {
	margin-block-start: 0;
	white-space: nowrap; 
}
.widget-footer-left p:nth-child(3) {
	font-size: 32px;
	font-weight: bold;
}

.widget-footer-left p:last-child {
	font-size: 32px!important;
}

.footer-left {
	width: auto!important;
	text-align: center;
}

.footer-widgets {
	align-items: center!important;
}

.service-table-item:first-child {
	margin-block-start:24px!important;
}

.under-page-header--bottom {
	margin-bottom: 0!important;
}

.open__title {
	background-color: #fff!important;
	align-items: center;
  	display: flex;
  	justify-content: center;
}

.open__title::before,
.open__title::after {
  background-color: #afd9a9;
  content: "";
  height: 5px;
  width: 40px;
}


.open__title::before {
  margin-right: 10px;
  transform: rotate(60deg);
}
.open__title::after {
  margin-left: 10px;
  transform: rotate(-60deg);
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
	
	
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	.admin-bar .mobile-header-menu-buttons {
		background-color: #74bc31!important;
	}
	
	.menu-drawer .sub-menu {
		background-color: #fff!important;
	} 
	
	.plan-title {
		padding-left: 40px!important;
	}
	
	.footer-widgets {
		display: flex!important;
	}
	
/* 	.widget-footer-left {
	width: 300px!important;
		margin-left: auto;
} */
		.footer-left {
	width: auto!important;
}
	
	.footer-widgets {
		display: grid!important;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
	
}

/*980px以下*/
@media screen and (max-width: 980px){
  /*必要ならばここにコードを書く*/
	
 	.appeal .appeal-in {
    min-height: 420px!important;
}
	
}

/*834px以下*/
@media screen and (max-width: 834px){
	
	.appeal {
		background-image: url(https://com-reha.com/wp-content/uploads/2021/11/TOP画像_W670px_アートボード-1.png);
	}

	.appeal .appeal-in {
    min-height: 600px!important;
}
	
	.under-fv-title > span {
		font-size: 30px!important;
	}
	
	
	.top-calender-left {
    max-width: 150px!important;
    padding: 10px!important;
    margin-right: 20px!important;
}
	
.article ul, .article ol {
    padding-left: 0!important;
}
	
	.entry-item {
    padding-left: 10px!important;
}
	
	.entry-label {
		max-width: 200px!important;
	}
	
		 .card__container {
    max-width: 600px;
    margin-inline: auto;
}
	
	 .card__items {
    grid-template-columns:1fr;
    grid-row-gap: 5%;
}

	
	 .card__body {
    display: flex;
    flex-direction:column;
}
	
.card__img {
	width:100%;
}
	
	.card__content {
	width: 100%;
	text-align:center;
}
	
	.card__text {
    padding-left: 0;
}
	
	 .card__detail {
    font-size: 14px;
    padding: 2% 10%;
}
	
	 .card__detail::before {
     width: 7px;
     height: 7px;
}
}

/*767px以下*/
@media screen and (max-width: 767px){
	
	
	.appeal .appeal-in {
    min-height: 600px!important;
}
	
	.appeal {
	background-size: contain!important;
}
	
	.under-fv-title > span {
		font-size: 26px!important;
	}
	
	.form_label {
		display: block!important;
	}
	
	.form_body {
		display: block!important;
		border-top: none!important;
		padding-top: 0!important;
	}
	
	.form_label-name-wrap {
		justify-content: flex-start!important;
	}
	
	.form_body > input {
		max-width: 100%!important;
	}
	
	.menu-footer-menu-container {
		display: none!important;
	}
	
	.top-calender {
		flex-direction: column;
	}
	
	.top-calender-right {
		margin-top: 10px;
		margin-left: 0!important;
	}
	
	.footer {
		margin-top: 30!important;
	}
	
/* 	.service-table {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7px!important;
} */

.service-table-item {
	width: 50%!important;
/* 	background-color: #ecfaff;
	margin-bottom: 0!important; */
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: bold;
}

.service-table-item:nth-child(1),
.service-table-item:nth-child(4),
.service-table-item:nth-child(5),
.service-table-item:nth-child(8) {
	background-color: #c8f0ff;
}
	
	.service-table-item:nth-child(2),
.service-table-item:nth-child(3),
.service-table-item:nth-child(6),
.service-table-item:nth-child(7) {
	background-color: #ecfaff!important;
}
	
	.footer-left {
	padding: 0!important;
}
	
	.widget-footer-left {
	padding-left: 0!important;
	padding-inline: 10px!important;
}
	
	.footer-widgets {
		display: block!important;
}
	
	.footer-right {
	text-align: center;
}
	
}

@media screen and (max-width: 600px){
  /*必要ならばここにコードを書く*/

		.appeal .appeal-in {
    min-height: 430px!important;
}
	
/* 	.footer-contents {
    margin-top: 120px!important;
	}
	
	.footer {
		height: 400px!important;
    margin-top: -370px!important;
  }
	
	.footer-bottom {
    margin-top: 310px!important;
  } */
	
	.entry-item {
		display: block!important;
		padding-left: 0!important;
	}
	
	.entry-label {
		padding-left: 10px!important;
	}
	
	.entry-body {
		padding-left: 10px!important;
	}
	
	.footer-widgets {
	display: block!important;
	}
	
	.footer-left {
		width: 100%!important;
		order: 2;
	}
	
	.widget-footer-left {
		margin: auto;
		padding: 0;
	}
	
		.footer-right {
		width: 100%!important;
		order: 1;
	}
	
	.widget-footer-right {
		text-align: center;
	}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	

		.appeal .appeal-in {
    min-height: 320px!important;
}
	
	.form_label {
		padding-left: 10px!important;
	}
	
	.form_body {
		padding-left: 10px!important;
	}	
	
	.form_body-select > span {
	white-space: wrap;
   }
	
	.open__title {
	padding: 0!important;
	font-size: 18px!important;
}
	
}

/*350px以下*/
@media screen and (max-width: 350px){

		.appeal .appeal-in {
    min-height: 260px!important;
}
	
}