@charset "UTF-8";

.contentpage .m_img_area .m_img {background-image: url("../images/rd/m_img@2x.jpg");}

/*色*/
.contentpage .m_img_area .m_img .m_title .ft_got span::before {color: var(--rec_color_rd);}
.com_lead::before {color: var(--rec_color_rd);}
.com_index1 .ft_eng1 {color: #63a56c;}
.rec_tbl_bosyu th {background: var(--rec_bg_rd1);}
.rec_tbl_bosyu td a:hover {color: var(--rec_color_rd);}



/*page_lead
---------------------------------------------------------*/
.page_lead .com_link1_list{
	max-width: 903px;
	margin-left: auto;
	margin-right: auto;
}



/*message
---------------------------------------------------------*/
#message .director dd .ft_eng1{
	color: #63a56c;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .mess_flt .txt_r {
  width: 56%;
  max-width: 650px;
  float: right;
}
}



/*charm
---------------------------------------------------------*/
#charm .bg {
	background-color: var(--rec_color_rd);
}
#charm .chrm_bg {
	background-color: var(--rec_bg_rd1);
}

/*見出し*/
#charm .rec_chrm_index .ft_eng1 {
	color: #fff;
	border-color: #fff;
}
#charm .chrm_bg .rec_chrm_index .ft_eng1 {
	color: var(--rec_color_rd);
	border-color: var(--rec_color_rd);
}

/*ピックアップ*/
#charm .rec_chrm_pickup {
	background: rgba(255,255,255,0.5);
}
#charm .point01 .rec_chrm_pickup{
	background: rgba(255,255,255,1);
}
#charm .chrm_bg .rec_chrm_pickup {
	background: rgba(255,255,255,1)!important;
}
#charm .rec_chrm_pickup h4 .marker::before {
	background-color: #ddeee4;
}
#charm .rec_chrm_pickup .pick_border_box {
	border-bottom-color: var(--rec_color_rd);
}
#charm .rec_chrm_pickup .pick_col2 ul li .txt dt{
	line-height: 1.2em;
	padding-left: 3.7em;
	 display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 0.8em;
}
#charm .rec_chrm_pickup .pick_col2 ul li .txt dt span{
	position: relative;
}
#charm .rec_chrm_pickup .pick_col2 ul li .txt dt span::before{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% 100%;
	width: 3.077em;
	height:3.077em;
	left: -3.7em;
	top:50%;
	transform: translateY(-50%);
}
#charm .rec_chrm_pickup .pick_col2 ul li:first-child .txt dt span::before{
	background-image: url("../images/rd/for_child.svg")
}
#charm .rec_chrm_pickup .pick_col2 ul li:last-child .txt dt span::before{
	background-image: url("../images/rd/for_adult.svg")
}
#charm .point03 .duties dt{
	font-size: min(156%,2.6vw);
	letter-spacing: .12em;
	line-height: 1em;
	padding-left: 0.9em;
	margin-bottom: 0.8em;
	position: relative;
}
#charm .point03 .duties dt::before{
	position: absolute;
	content: "";
	background: #8db698;
	width: 0.45em;
	height: 0.45em;
	border-radius: 0.45em;
	left: 0;
	top:0.3em;
}
#charm .point03 .duties dd ul{
	display: flex;
	 justify-content: space-between;
	font-size: min(144%,1.9vw);
	letter-spacing: .1em;
	line-height: 1.5em;
	text-align: center;
}
#charm .point03 .duties dd ul .green{
	color: #8db698;
}
#charm .point03 .duties dd ul li{
	max-width: 422px;
	width: 32.5%;
	background-color: #fff;
	padding: 1.3em 1em;
	border-radius: 25px;
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#charm .point03 .duties dd ul li .ft_eng1{
	font-size: 174%;
	line-height: 1.4em;
	margin-bottom: 0.1em;
}
#charm .point03 .duties dd ul li strong {
	font-size: 152%;
	line-height: 1.4em;
}
#charm .point03 .duties dd ul li small{
	font-size: 70%;
	letter-spacing: .1em;
	line-height: 1.5em;
	display: block;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#charm .point03 .duties dd ul li{
	border-radius:2.5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#charm .rec_chrm_pickup .pick_col2 ul li:last-child .img{
	margin: 0 auto 2.3em;
}
#charm .rec_chrm_pickup .pick_col2 ul li:last-child .txt dt{
	margin-bottom: 1.4em;
}
#charm .point03 .duties dt{
	font-size: 120%;
	letter-spacing: .1em;
}
#charm .point03 .duties dt::before{
	position: absolute;
	content: "";
	background: #8db698;
	width: 0.45em;
	height: 0.45em;
	border-radius: 0.45em;
	left: 0;
	top:0.3em;
}
#charm .point03 .duties dd ul{
	font-size: 115%;
	display: block;
}
#charm .point03 .duties dd ul li{
	max-width: 100%;
	width:  100%;
	padding: 5%;
	border-radius: 5vw;
	margin-top: 3%;
}
#charm .point03 .duties dd ul li:first-child{
	margin-top: 0;
}
}



/*routine
---------------------------------------------------------*/
#routine .bg{
	background: #8cbf98;
}
#routine .bg::before{
	background-image: url(../images/rd/routine_bg@2x.jpg)
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



/*clinictour
---------------------------------------------------------*/
#clinictour .bg1 {
	background: #a28e7e;
}
#clinictour .bg2 {
	background: var(--rec_color_rd);
}
#clinictour .bg2 .rec_flow_tit {
	background: #8db698;
}
#clinictour .bg2 .rec_flow_list {
	color: #8db698;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}