/*
 Theme Name:   recruit_mp
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       mp
 Author URI:   http://example.com
 Template:     devdmbootstrap4
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

.gallery-caption {}

.bypostauthor {}


a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;
	opacity: 0.5;
}

body {
	margin-bottom: 0px;
	
	@media screen and (min-width:0px) and (max-width:768px){
	margin-bottom: 70px;	
	}
}

.br-pc { display:block !important; }
.br-sp { display:none !important; }

/*
@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	
}

@media screen and (min-width:0px) and (max-width:768px){
	h3
}
*/

.mpr_grayout {
	color: #dbd8d8;
}

@media screen and (min-width:0px) and (max-width:768px){
	h3 {
		font-size: 22px;
	}
}

/* FAQ　 アコーディオンB */
/* FAQ　 アコーディオンB */
/* FAQ　 アコーディオンB */

.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #fff;
}

.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #f05689;
}

.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
background: #eaeaea;
}

.cp_actab .cp_actab-content p {
margin: 1em;
font-size: 14px;
}

.cp_actab p{
margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:after{
color: #fff;
font-family:"Font Awesome 5 Free";
content:" \f106";
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 3em;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
color: #fff;
font-family:"Font Awesome 5 Free";
content:" \f107";
}

/* メッセージ */
/* メッセージ */
/* メッセージ */
.mpr_message-staff-img {
/* 	text-align: center; */
text-align: left;
}

.mpr_message-staff-img img{
	width: 60%;
}

.mpr-border-message-list {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 28px;
	height: auto;
	margin-bottom: 16px;

}

.mpr-border-message-list h4 {
	font-size: 14px;
	color: #eb5e82;
	font-weight: bold;
	padding-top: 6px;
}

.mpr-massage-list-people {
	margin-top: 24px;
}

.mpr-massage-list-people-catch {
	margin-top: 12px;
	font-size: 19px;
	color: #eb5e82;	
	margin-bottom: 4px;
}
.mpr-massage-list-people-intro {
	margin: 0px;
/* 	min-height: 100px; */
}
.mpr-message-readmore {
	text-align: right;
	margin-top: 28px;
}

.mpr-message-readmore img {
	height: 50px;
}

.message-list-bar {
	border-bottom: 1px dashed #fadce2;
	width: 100%;
	height: 2px;
	margin: 9px 0px 20px 0px;
}

@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	
}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr_message-staff-img img{
		width: 100%;
	}	
	
	.mpr-masage-list-photo{
		margin: 0 auto;
		margin-bottom: 8px;
	}
	
	.mpr-masage-list-text {
		padding: 0px;	
	}	
	
	.br-pc { display:none !important; }
	.br-sp { display:block !important; }
}


/* 応募する */
/* 応募する */
/* 応募する */

.mpr_entry-title-pink {
	font-size: 32px;
	color: #eb5e82;
	text-align: center;
/* 	margin-top: 16px; */
	margin-bottom: 12px;
	font-weight: bold;
}

.mpr_entry-title-orange {
	font-size: 32px;
	color: #f89c84;
	text-align: center;
/* 	margin-top: 16px; */
	margin-bottom: 12px;
	font-weight: bold;
}

.mpr_entry-title-pink_large {
	font-size: 38px;
	color: #eb5e82;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	
}

@media screen and (min-width:0px) and (max-width:768px){

}


/*----------------------------------------------------
  お問い合わせ 
----------------------------------------------------*/
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を白色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: white;
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 60px;
	background: #f09dc1;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	border-radius: 12px;
	border: none;
}

input.wpcf7-submit:hover {
	opacity: 0.5;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}



/* サイドバー */
/* サイドバー */
/* サイドバー */




.mpr-list-link li a{
	text-decoration: none;
	color: black;
}

.mpr-list-link li a:hover{
	opacity: 0.5;
}



.mpr_sb_entry {
	padding-left: 10px;
	border-left: 4px solid #eb5e82;
	font-size: 18px;
	color: #eb5e82;
	font-weight: bold;
}

.mpr-sb_border {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 28px;
	height: 32px;
	margin-bottom: 16px;
	
	font-size: 18px;
	color: #eb5e82;
	font-weight: bold;
	
	margin-bottom: 0px;
	margin-top: 16px;	

}

.mpr-sb_parts ul {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.mpr-sb_parts li {
	list-style: none;
	padding: 6px 0px 6px 0px;
	border-bottom: 1px solid #c9caca;

}

/*
.mpr_sb_entry {
	
}
*/

@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	
}

@media screen and (min-width:0px) and (max-width:768px){
	.sp-space-pt16 {
		padding-top: 16px;	
	}
}

/* 下層ページ：職種紹介ページ */
/* 下層ページ：職種紹介ページ */
/* 下層ページ：職種紹介ページ */




.youkou table {
	border: 2px solid #999999;
}

.youkou tr {
	width: 100%;
}
.youkou th {
	width: 25%;
	background-color: #fcebee;
}

.youkou td {
	width: 75%;
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 4px solid #f6c0ca;
	border-radius: 4px;
	margin-bottom: 40px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.arrow_box:before {
	border-color: rgba(246, 192, 202, 0);
	border-top-color: #f6c0ca;
	border-width: 18px;
	margin-left: -18px;
}

.process_table table {
	width: 100%;
}

.process_table th{
	width: 30%;
	background-color: #f6c0ca;	
	padding: 8px;
}

.process_table td {
	width: 70%;
	padding: 8px;
}

.mpr_occuptions-name-long {
	float: left;
	width: 100%;
}
	
@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){
	.mpr_occuptions-name-long {
		float: left;
		width: 74%;
	}

}

@media screen and (min-width:768px) and (max-width:992px){
	.mpr_occuptions-name-long {
		float: left;
		width: 83%;
	}
	
}

@media screen and (min-width:0px) and (max-width:768px){
  .youkou th,
  .youkou td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

  .process_table th,
  .process_table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }


}


/* 下層ページ：職種一覧ページ */
/* 下層ページ：職種一覧ページ */
/* 下層ページ：職種一覧ページ */
.mpr_occuptions-num {
	float: left;
	margin-right: 6px;
}

.mpr_occuptions-num img {
	width: 62px;
}

.mpr_occuptions-name {
	float: left;
	width: 100%;
}

.mpr_reason-name {
	float: left;
	width: 100%;
}

.mpr-reason-btn {
	margin: 0px 16px; 
	width: 100%; 
	text-align: center; 
	color: #eb5e82; 
	font-weight: bold; 
	font-size: larger; 
	border: 2px solid #eb5e82;
	border-radius: 8px;
}

.mpr-reason-btn:hover {
	color: #eb5e82; 
	opacity: 0.5;
}

.mpr-reason-btn p {
	margin-bottom: 0px;
}

.mpr_occuptions-name-long-2line h4, .mpr-border-occuptions-2line-2 h4 {
	font-size: 22px;
	font-weight: bold;
	color: #eb5e82;	
}

 .mpr_occuptions-name-long h4.mpr-border-occuptions-2line-2 {
	font-size: 22px;
	font-weight: bold;
	color: #eb5e82;
	margin: 0px 0px 18px 0px;
}

.mpr_occuptions-name h4,.mpr_occuptions-name-long h4, .mpr_reason-name h4, .mpr-border-training{
	font-size: 22px;
	font-weight: bold;
	color: #eb5e82;
	margin: 18px 0px 18px 0px;
}

.mpr_occuptions-name-2 {
	padding-top: 1px;
	padding-bottom: 12px;
}

.mpr_occuptions-name-2 h4{
	font-size: 22px;
	font-weight: bold;
	color: #eb5e82;
	margin: 3px 0px 18px 0px;
	
}

.mpr-border-occuptions-2 {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 50px;
	height: 56px;
	margin-bottom: 8px;
}

.mpr-border-occuptions {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 40px;
	height: 44px;
	margin-bottom: 16px;
}



.mpr-border-occuptions-2line {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 40px;
	height: 44px;
	margin-bottom: 16px;
}

.mpr-border-occuptions-2line-2 {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position-y: 57px;
	height: 62px;
	margin-bottom: 16px;
}
.mpr-border-reason {
	background-image:url('./images/mpr-border-long.png');
	background-repeat: no-repeat;
	background-position-y: 40px;
	height: 44px;
	margin-bottom: 16px;
}

@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){
	.mpr_occuptions-name {
		float: left;
		width: 74%;
	}
	
	.mpr_reason-name {
		float: left;
		width: 89%;
	}

}

@media screen and (min-width:768px) and (max-width:992px){
	.mpr_occuptions-name {
		float: left;
		width: 83%;
	}
	
	.mpr_reason-name {
		float: left;
		width: 83%;
	}

	.mpr_reason-name h4{
		font-size: 18px;
		font-weight: bold;
		color: #eb5e82;
		margin: 18px 0px;
	}
}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr_occuptions-num {
		float: none;
		margin-right: 6px;
	}
	.mpr_occuptions-name-long {
		float: none;
		width: 100%;
	
	}
	.mpr_occuptions-name {
		float: left;
		width: 100%;
	}
	
	.mpr_reason-name {
		float: left;
		width: 100%;
	}

	
	.mpr_occuptions-name h4,.mpr_occuptions-name-long h4{
		font-size: 22px;
		font-weight: bold;
		color: #eb5e82;
		margin: 18px 0px;
	}
	
	.mpr_reason-name h4{
		font-size: 20px;
		font-weight: bold;
		color: #eb5e82;
		margin: 18px 0px;
	}
	
	.mpr-border-reason {
		background-image:url('./images/mpr-border-long.png');
		background-repeat: no-repeat;
		background-position-y: 54px;
		height: 60px;
		margin-bottom: 16px;
	}

	.mpr-border-occuptions-2line {
		background-image:url('./images/mpr-border.png');
		background-repeat: no-repeat;
		background-position-y: 66px;
		height: 70px;
		margin-bottom: 16px;
	}

	.mpr_occuptions-name-long-2line {
		font-size: 22px;
		font-weight: bold;
		color: #eb5e82;
		margin: 18px 0px 18px 0px;
	}
}




/* 下層ページ：施設紹介ページ */
/* 下層ページ：施設紹介ページ */
/* 下層ページ：施設紹介ページ */

.mpr-facility-top {
	border-top: 1px solid #bcb9b8;
	line-height: 150%;
}

.mpr-facility-top h1{
	padding-left: 7.5em;
	text-indent: -7.5em;
}

.mpr-facility-top h1 span{
	padding-left: 0em;
	text-indent: 0em;
}

.mpr-facility-top h1 {
	font-size: 24px;
	color: #eb5e82;
	padding-top: 12px;
	font-weight: bold;
}

.mpr_facility-shurui {
	display: inline-block;
	background-color: #ec798e;
	padding: 8px 0px 8px 0px;
	width: 160px;
	text-align: center;
	color: white;
	font-size: 14px;
	margin-right: 16px;
	
	vertical-align: bottom;
}

.mpr-point-box {
	background-image:url('./images/mpr_fp_reason_bgimg.png');
	border: 1px solid #cccccc;
	margin-top: 16px; 
	padding: 16px;
}

.facility-point {
	text-align: center;
	font-size: 24px;
	color: #eb5e82;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 24px;
}

.mpr-facility-read {
	font-size: 18px;
	color: #eb5e82;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}

.facility_point_number {
	text-align: center;
}

.facility_point_number img {
	height: 45px;
}

.mpr_facility_name {
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
}
.mpr_facility_shisetsuchou {
	font-size: 12px;
}

.mpr_facility_hurigana {
	font-size: 10px;
	color: #ec798e;
}

.mpr_fclty_shokushu_list-left li {
	list-style-type: none;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.mpr_fclty_shokushu_list-left li+li {
	border-top: 1px dashed #fadce2;
	border-bottom: 0;
}

.mpr_fclty_shokushu_list-right li {
	list-style-type: none;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.mpr_fclty_shokushu_list-right li+li {
	border-top: 1px dashed #fadce2;
	border-bottom: 0;
}

.mpr_fclty_shokushu_list-left ul {
	padding: 0;
}

.mpr_fclty_shokushu_list-right ul {
	padding: 0;
}
@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	.mpr_fclty_shokushu_list-left li {
		list-style-type: none;
		padding-left: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
		
	}
		
	.mpr_fclty_shokushu_list-right li {
		list-style-type: none;
		padding-left: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	.mpr_fclty_shokushu_list-left li+li {
		border-top: 1px dashed #fadce2;
		border-bottom: 0;
	}
	
	.mpr_fclty_shokushu_list-right li+li {
		border-top: 1px dashed #fadce2;
		border-bottom: 0;
	}
	
}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr-facility-top h1{
	padding-left: 0em;
	text-indent: 0em;
}

	
	.mpr_facility-shurui {
		display: inline-block;
		background-color: #ec798e;
		padding: 6px 0px 6px 0px;
		width: 140px;
		text-align: center;
		color: white;
		font-size: 14px;
		margin-right: 16px;
		margin-bottom: 8px;
		vertical-align: bottom;
	}	

	.sp-space-pt16 {
		padding-top: 16px;	
	}
	.mpr_fclty_shokushu_list-left ul {
		margin-bottom: 0px;
	}
	
	.mpr_fclty_shokushu_list-left li {
		list-style-type: none;
		padding-left: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
/* 		border-bottom: 1px dashed #fadce2; */
	}

	.mpr_fclty_shokushu_list-right li+li {
/*
		border-top: 0px;
		border-bottom: 1px dashed #fadce2;
*/
	}
			
	.mpr_fclty_shokushu_list-right li {
		list-style-type: none;
		padding-left: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-top: 1px dashed #fadce2;
	}
	
	.mpr_fclty_shokushu_list-right li+li {
		border-top: 1px dashed #fadce2;
		border-bottom: 0;
	}
}

/* 下層ページ：施設一覧 */
/* 下層ページ：施設一覧 */
/* 下層ページ：施設一覧 */

.mpr_facilitylist-img-pink {
	border: 1px solid #ec798e;
}

.mpr_facilitylist-img-pink img {
	width: 100%;
	object-fit: contain;
}

.mpr_fclty_left {
	padding-left: 0px;
	border-right: 1px solid #ecebeb;
	padding-bottom: 24px;
	padding-top: 24px;
	border-bottom: 1px solid #ecebeb;
}

.mpr_fclty_right {
	padding-right: 0px;
	padding-bottom: 24px;
	padding-top: 24px;
	border-bottom: 1px solid #ecebeb;
}

.mpr_fclty_left-lastrow {
	padding-left: 0px;
/* 	margin-top: 16px; */
	border-right: 1px solid #ecebeb;
	padding-top: 24px;
}

.mpr_fclty_right-lastrow {
	padding-right: 0px;
	padding-top: 24px;
}

.mpr_facilitylist-brd img{
	height: 28px;
	margin-bottom: 12px;
	}
	
.mpr_facility-name {
	color: #eb5e82;
	font-size: 18px;
	height: auto;
	padding-bottom: 8px;
	font-weight: bold;
}	

.mpr_facility_shokushu {
	border: 1px solid #ec798e;
	background-color: #fcebee;
	font-size: 12 px;
	font-weight: bold;
	text-align: center;
	color: #ec798e;
}

.mpr_fclty_shokushu_list li {
	list-style-type: none;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.mpr_fclty_shokushu_list li+li {
	border-top: 1px dashed #fadce2;
	border-bottom: 0;
}

.mpr_fclty_shokushu_list ul {
	padding: 0;
}

.pink_star {
	color: #f09dc1;
}

.icon_sinsotsu {
	background-color: #ffafcc;
	padding: 1px 6px 1px 6px;
	display: inline-block;
}

.icon_chuuto {
	background-color: #ff9a96;
	padding: 1px 6px 1px 6px;
	display: inline-block;

}

.icon_arbeit {
	background-color: #ffd497;
	padding: 1px 6px 1px 6px;
	display: inline-block;

}

.icon_chuuto-grayout, .icon_arbeit-grayout, .icon_chuuto-grayout{
	color: white;
	background-color: #a6a6a6;
	padding: 1px 6px 1px 6px;
	display: inline-block;

}



@media screen and (min-width:0px) and (max-width:1199px){

}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	.mpr_fclty_left {
		padding: 0px;
		border-right: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #ecebeb;
	}

	.mpr_fclty_right {
		padding: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #ecebeb;
	}

	.mpr_fclty_left-lastrow {
		padding: 0px;
		border-right: 0px;
		margin-top: 24px;
	}
	
	.mpr_fclty_right-lastrow {
		padding: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
	}
	
}

@media screen and (min-width:0px) and (max-width:768px){
	.sp-space-pt16 {
		padding-top: 16px;	
	}
	
	.mpr_fclty_left {
		padding: 0px;
		border-right: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #ecebeb;
	}

	.mpr_fclty_right {
		padding: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #ecebeb;
	}

	.mpr_fclty_left-lastrow {
		padding: 0px;
		border-right: 0px;
		margin-top: 24px;
	}
	
	.mpr_fclty_right-lastrow {
		padding: 0px;
		margin-top: 24px;
		padding-bottom: 24px;
	}


}


/* 下層ページ 共通*/
/* 下層ページ 共通*/
/* 下層ページ 共通*/

.mpr_page_contents_body {
	background-color: #f7f7f7;
	margin-top: 0px;
	padding-top: 16px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 32px;
}

.mpr_article_body {
	background-color: white;
	padding-top: 16px;
	padding-left: 32px;
	padding-right: 32px;	
	padding-bottom: 16px;
	margin-left: 0px;
	
}

.mpr-page-title-img img{
	height: 24px;
}

.mpr-page-title-img h2 {
	font-size: 12px;
	color: #eb5e82;
	margin-top: 8px;
}

@media screen and (min-width:0px) and (max-width:1199px){
	.mpr_page_contents_body {
		background-color: #f7f7f7;
		margin-top: 0px;
		padding-top: 16px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 32px;
	}
}

@media screen and (min-width:993px) and (max-width:1199px){

}

@media screen and (min-width:768px) and (max-width:992px){
	
}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr_article_body {
		background-color: white;
		padding-top: 16px;
		padding-left: 16px;
		padding-right: 16px;	
		padding-bottom: 16px;
		margin-left: 0px;
		
	}
}

/* フロントページ */
/* フロントページ */
/* フロントページ */

.mpr_frontpage_news_block {
	background-image:url('./images/mpr_fp_news_bgimg.png');
	margin-top: 0px;
	padding-right: 80px;
	padding-left: 80px;
	padding-top: 40px;
	padding-bottom: 30px;
}

.mpr_frontpage_news_block h3 {
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 21px;
}

.mpr_frontpage_news_block p {
	color: white;
	padding: 0px 80px 0px 80px;
}

.mpr_frontpage_challenge_block {
	margin-top: 0px;
	background-image:url('./images/mpr_fp_reason_bgimg.png');
	background-repeat: repeat;

	padding-right: 80px;
	padding-left: 80px;
}


.mpr_frontpage_reason_block-2021 {
	margin-top: 0px;
	background-color: #ffe4ee;

	padding-right: 80px;
	padding-left: 80px;
}


.mpr_frontpage_reason_block {
	margin-top: 0px;
	background-image:url('./images/mpr_fp_reason_bgimg.png');
	background-repeat: repeat;

	padding-right: 80px;
	padding-left: 80px;
}

.mpr_frontpage_reason_box01 {
	position: relative;
	margin-bottom: 20px;
}

.mpr_fp_reason_text {
	padding: 0px 16px;
}

.mpr_frontpage_reason_box_title{
    position: absolute;
    width: 100%;
    top: 50%;
    color: #ffffff;
    padding: 10px;
    font-size: large;
    text-align: center;
    font-weight: bold;
}

.mpr_frontpage_career_block {
	margin-top: 0px;
	background-color: #f9efe8;

	padding-right: 80px;
	padding-left: 80px;
}

.career_path_box {
	background-color: white;
	border: 2px solid #ec798e;
	width: 100%;
	height: 208px;
}

.mpr_frontpage_facility_block-2021 {
	margin-top: 0px;
	background-image:url('./images/mpr_fp_reason_bgimg.png');
	background-repeat: repeat;

	padding-right: 80px;
	padding-left: 80px;
}


.mpr_frontpage_facility_block {
	margin-top: 0px;
	background-color: #ffe4ee;

	padding-right: 80px;
	padding-left: 80px;
}

.mpr_fp_shisetsu-imgbox {
	background-color: white;
	border: 1px solid #ec798e;
}

.mpr_fp_shisetsu-textbox {
	border-left: 3px solid #ec798e;
	padding-left: 16px;
	margin-top: 16px;
}

.mpr_fp_shisetsu-textbox h4 {
	color: #ec798e;
	font-size: medium;
	font-weight: bold;
}

.red_box {
	background-color: red;
	padding: 2px;
	color: white;
	font-size: smaller;
	display: inline-block;
}

.btn_kwsk img{
	height: 52px;
}

.btn_kwsk {
	margin-top: 16px;
	text-align: right;
}

.btn_reason_kwsk img{
	height: 52px;
	margin: 0 auto;
}

.btn_reason_kwsk {
	margin-top: 16px;
	text-align: center;
}
	
.btn_reason_kwsk-pc-img {
	display: block;
	text-align: center;
}	

.btn_reason_kwsk-sp-img {
	display: none;
}

.mpr-border {
	background-image:url('./images/mpr-border.png');
	background-repeat: no-repeat;
	background-position : left 0px bottom 0px;
	padding-bottom: 8px;
	margin-bottom: 20px;

}

.mpr-border h4{
	text-align: center;
	color: #ec798e;
	font-size: medium;
	font-weight: bold;
}


.mpr_message_copy {
	font-size: 21px;
	color: #eb5e82;
	font-weight: bold;
}

.place_name {
	background-image:url('./images/fp_massage_plate_image.png');
	background-repeat: repeat-y;
	color: white;
	padding: 12px 120px 12px 26px;
	width: 100%;
}

.place_name_normal {
	background-image:url('./images/fp_massage_plate_image.png');
	background-repeat: repeat-y;
	color: white;
	padding: 12px 0px 12px 26px;
	width: 100%;
	margin-bottom: 0px;
}

.message_gaiyou_normal {
	margin-bottom: 0px;
	border-top: 1px solid #ec798e;
	padding-top: 12px;
	margin-top: 12px;
}
.message-kakomi {
	background-color: #f5f5f5;
	margin-top: 0px;
	padding: 12px;
}


.mpr_katagaki {
	font-size: 14px;
	padding: 0px;
	margin-bottom: 0px;
}

.mpr_messager_name {
	font-size: 30px;
	padding: 0px;
	margin-bottom: 0px;
}

.mpr_messager_name_normal {
	font-size: 24px;
	padding: 0px;
	margin-bottom: 0px;
}

.mpr_messager_hurigana {
	font-size: 14px;
	padding: 0px;
	color: #ec798e;	
	margin-bottom: 0px;
}

.mpr_message_president div{
/*
	position:absolute; 
	bottom:0; 
*/
}


@media screen and (min-width:993px) and (max-width:1199px){
	.mpr_frontpage_facility_block {
		margin-top: 0px;
		background-color: #ffe4ee;
	
		padding-right: 16px;
		padding-left: 16px;
	}
	.mpr_frontpage_career_block {
		margin-top: 0px;
		background-color: #f9efe8;
	
		padding-right: 16px;
		padding-left: 16px;
	}	
	
	.mpr_frontpage_reason_block {
		margin-top: 0px;
		background-image:url('./images/mpr_fp_reason_bgimg.png');
		background-repeat: repeat;
	
		padding-right: 16px;
		padding-left: 16px;
	}

}


@media screen and (min-width:768px) and (max-width:992px){
	.mpr_frontpage_news_block p {
		color: white;
		padding: 0px 0px 0px 0px;
	}	
	
	.mpr_frontpage_reason_block {
		margin-top: 0px;
		background-image:url('./images/mpr_fp_reason_bgimg.png');
		background-repeat: repeat;
	
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpr_frontpage_career_block {
		margin-top: 0px;
		background-color: #f9efe8;
	
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpr_frontpage_facility_block {
		margin-top: 0px;
		background-color: #ffe4ee;
	
		padding-right: 16px;
		padding-left: 16px;
	}	

	.mpr_frontpage_career_block {
		margin-top: 0px;
		background-color: #f9efe8;
	
		padding-right: 16px;
		padding-left: 16px;
	}
	
	.mpr_message_copy {
		font-size: 18px;
		color: #eb5e82;
		font-weight: bold;
	}
	
	.mpr_messager_name {
		font-size: 24px;
		padding: 0px;
		margin-bottom: 0px;
	}
	
	.mpr_message_president div{
		position: static; 
/* 		bottom:0; */ 
	}

	.place_name {
		background-image:url('./images/fp_massage_plate_image.png');
		background-repeat: repeat-y;
		color: white;
		padding: 12px 0px 12px 26px;
		width: 100%;
	}

}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr_frontpage_news_block {
		  display:block;
		  
		background-image:url('./images/mpr_fp_news_bgimg.png')center no-repeat;
		background-size:cover;

  		margin-top: 0px;
		padding-right: 16px;
		padding-left: 16px;
		padding-top: 40px;
		padding-bottom: 18px;

	}
	
	.mpr_frontpage_news_block h3 {
		text-align: center;
		font-weight: bold;
		color: white;
		font-size: 18px;
	}
	
	.mpr_frontpage_news_block p {
		color: white;
		padding: 0px 0px 0px 0px;
	}
	
	.mpr_frontpage_reason_block {
		margin-top: 0px;
		background-image:url('./images/mpr_fp_reason_bgimg.png');
		background-repeat: repeat;
	
		padding-right: 16px;
		padding-left: 16px;
	}
	
	.mpr_frontpage_reason_block-2021 {
		margin-top: 0px;
		background-color: #ffe4ee;
	
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpr_frontpage_challenge_block {
		margin-top: 0px;
		background-image:url('./images/mpr_fp_reason_bgimg.png');
		background-repeat: repeat;
	
		padding-right: 16px;
		padding-left: 16px;
	}	

	.mpr_frontpage_facility_block-2021 {
		margin-top: 0px;
		background-image:url('./images/mpr_fp_reason_bgimg.png');
		background-repeat: repeat;
	
		padding-right: 16px;
		padding-left: 16px;
	}

	.btn_reason_kwsk img{
		height: 52px;
	}
	
	.btn_reason_kwsk {
		margin-top: 16px;
		margin: 0 auto;
	}

	.btn_reason_kwsk-pc-img {
		display: none;
	}	
	
	.btn_reason_kwsk-sp-img {
		display: block;
	}

/*
	.btn_kwsk {
		margin-top: 0px;
		margin: 0 auto;
		text-align: center;
	}	
	
	.btn_kwsk a img{
		text-align: center;
	}	
*/
		
	.mpr_frontpage_reason_box01 {
		width: 80%;
		margin: 0px auto;
		position: relative;
		margin-bottom: 20px;
	}
	
	.mpr_fp_reason_text {
		padding: 0px;
	}

	.mpr_frontpage_career_block {
		margin-top: 0px;
		background-color: #f9efe8;
	
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpr_frontpage_facility_block {
		margin-top: 0px;
		background-color: #ffe4ee;
	
		padding-right: 16px;
		padding-left: 16px;
	}	

	.btn_kwsk img{
		height: 52px;
	}
	
	.btn_kwsk {
		margin-top: 16px;
		text-align: center;
	}

	.place_name {
		background-image:url('./images/fp_massage_plate_image.png');
		background-repeat: repeat-y;
		color: white;
		padding: 12px 120px 12px 26px;
		width: 100%;
	}

	.mpr_message_president div{
		position: static; 
/* 		bottom:0; */ 
	}

	.mpr_message_copy {
		margin-top: 16px;
		font-size: 18px;
		color: #eb5e82;
		font-weight: bold;
	}

}

/* ヘッダー */
/* ヘッダー */
/* ヘッダー */
.mp-header-back {
	background-color: #f9efe8;
	border-top: 8px solid #ec798e;
}

.mpr_title {
	padding-left: 50px;
}

.mpr_header {
	margin-top: 15px;
}

.mpr_alpha a:hover img {
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.mpr-nav-head-custom {
	background: linear-gradient(to bottom, #ec798e 0%,#ec798e 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-weight: bold;
}

.mpr-nav-head-custom li a{
	color: white !important; 
}	

.mpr_pc_header {
	width: 100%;
	margin-top: 16px;
	height: 44px;
	background-color: white;
	border-bottom: 4px solid #ec798e;	
	}

.mpr_pc_header ul{ 
 padding: 0px;
 padding-right: 80px;
 padding-left: 80px;
 display:table; 
 table-layout: fixed;
 width:100%; 
 font-size: smaller;
 font-weight: bold;
 line-height: 14px;

} 
.mpr_pc_header li{ 
	text-align: center;
	display:table-cell; 
	border-left: 1px solid #bcb9b8;
	border-right: 1px solid #bcb9b8;
	vertical-align: middle;　/* 縦方向の高さを調整 */
	color: #4d4d4d;
} 

.mpr_pc_header li+li {
	border-left: 0;
	border-right: 1px solid #bcb9b8;
}

.mpr_pc_header a {
	display: block;
	color: #4d4d4d;
	
	}

.mpr_pc_header a:hover {
	text-decoration: none;	
	opacity: 0.5;
	}	
	
.mpr_contact-box_img {
	width: 40%; 
	float: left;
}
	

.mpr_contact-box_text {
	width: 60%; 
	float: right; 
	padding: 20px 16px 10px 16px;
}

.mpr_contact-box_contact {
	padding: 20px 16px 10px 16px;
}

.mpr_contact-box_contact h4{
	font-weight: 
	bold; font-size: 
	larger; text-align: center;
}

.mpr_contact-box_text h4{
	font-weight: 
	bold; font-size: 
	larger; text-align: center;
}

.mpr_contact-box_text p{
	font-size: smaller;
}

.mpr_contact-box_text div{
	position:absolute; 
	bottom:0; 
	width: 48%; 
	padding-bottom: 10px;
}
@media screen and (min-width:768px) and (max-width:992px){
	.mpr_contact-box_text {
		width: 60%; 
		float: right; 
		padding: 12px 10px 10px 10px;
	}
	
	.mpr_contact-box_text h4{
		font-weight: bold;
		font-size: larger; 
		text-align: center;
	}
	
	.mpr_contact-box_text p{
		font-size: 12px;
	}
	
	.mpr_contact-box_text div{
		position:absolute; 
		bottom:0; 
		width: 48%; 
		padding-bottom: 5px;
		text-align: center;
	}

}


@media screen and (min-width:0px) and (max-width:768px){
	.mpr_contact-box_text {
		width: 60%; 
		float: right; 
		padding: 10px 6px 6px 12px;
	}
	
	.mpr_header {
		margin-top: 0px;
	}
	.mpr_title {
		padding-left: 0px;
	}	
}

/* フッター */
/* フッター */
/* フッター */

.mpr_contact-box {
	background-color: white;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
	overflow:auto;
}

.mpr_footer_contactbox {
	background-image:url('./images/contact_box_img.png');
}

.mpr_block_title {
	padding:40px 0px 20px 0px;
	text-align: center;
}

.mpr_block_title img {
	width: auto;
	max-height: 35px;
}

.mpr_block_title p {
	padding-top: 18px;
	color: #eb5e82;
	font-size: 14px;
}


.mpr_footer_contentslist {
/*
	padding-left: 80px;
	padding-right: 80px;
*/
	padding: 16px 80px 16px 80px;
	background-color: #ffe4ee;
}

.mpr_ftr_c_title {
	padding-left: 12px;
	border-left: 4px solid #eb5e82;
	font-size: 21px;
	color: #eb5e82;
	font-weight: bold;
}

.mpr-ftr_c_title_bold {
	font-size:medium;
	color: #eb5e82;
	font-weight: bold;	
	font-size: 16px;
	margin-bottom: 3px;
}

.mpr-ftr_list {
	padding-left: 0px;
}

.mpr-ftr_list li {
	font-size: 12px;
	list-style-type:none;
	background-image:url('./images/sankaku.png');
	background-size:3% auto;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
	margin-bottom: 8px;
}

.mpr-ftr_list li a{
	text-decoration: none;
	color: black;
}

.mpr-ftr_list li a:hover{
	opacity: 0.5;
}

.site-link-box {
	background-color: white;
	border: 1px solid #ec798e;
	margin: 8px 0px;
}

.mpr_footer_credit {
/* 	padding: 0px; */
	width: 100%;
	border-bottom: 42px solid #ec798e;
	padding-top: 30px;
}

.mpr_footer_corpimg {
	padding-left: 80px;
	padding-right: 100px;
}

.mpr-fotter-sns {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 20px;
}

.mpr-fotter-sns-icon img{
	height: 38px;
}

.mpr_footer_contact_list {
	text-align: center;
	margin: 20px 0px 0px 0px;
}

.mpr_footer_contact_list a{
	color: #eb5e82;
}

.mpr_footer_contact_list ul { 
 padding: 0px;
 display:table; 
/*  table-layout: fixed; */
 width:100%; 
 font-size: 18px;
 font-weight: bold;
 	color: #eb5e82;
} 

.mpr_footer_contact_list li{ 
	text-align: center;
	display:inline; 
	
	padding: 0px 18px;
} 

.mpr_footer_contact_list li+ li {
	border-left: 1px solid #bcb9b8;
}

.mpr_footer_contact_list img {
	width: 30%;
}

@media screen and (min-width:768px) and (max-width:992px){
	.mpr_footer_contact_list ul { 
	 padding: 0px;
	 display:table; 
	/*  table-layout: fixed; */
	 width:100%; 
	 font-size: 15px;
	 font-weight: bold;
	 	color: #eb5e82;
	} 	
}

@media screen and (min-width:0px) and (max-width:768px){
	.mpr_block_title img {
		width: auto;
		max-height: 25px;
	}
	

	.mpr_footer_contentslist {
	/*
		padding-left: 80px;
		padding-right: 80px;
	*/
		padding: 16px 20px 16px 20px;
		background-color: #ffe4ee;
	}

	.mpr_footer_corpimg {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 15px;
	}

	.mpr-fotter-sns {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.mpr-fotter-sns-icon img{
		height: 60px;
	}


	.mpr_footer_contact_list ul { 
	 padding: 0px;
	 display:table; 
	/*  table-layout: fixed; */
	 width:100%; 
	 font-size: 15px;
	 font-weight: bold;
	 	color: #eb5e82;
	} 	
	
	.mpr_footer_contact_list li{ 
		text-align: center;
		display: block; 
		border-top: 1px solid #bcb9b8;
		border-bottom: 1px solid #bcb9b8;
		
		padding: 6px 0px;
	} 
	
	.mpr_footer_contact_list li+ li {
		border-top: 0;
		border-bottom: 1px solid #bcb9b8;
		border-left: 0px;
	}
	
	.mpr_footer_contact_list img {
		width: 60%;
	}

}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.mpr-reason-roundbox {
	border: 3px solid #f4b1c2;
	border-radius:8px;
	padding: 18px;
}

.mpr-reason-h4 {
	font-size: large;
	font-weight: bold;
	color: #eb5e82;
	text-align: center;
}

.mp-bold {
	font-weight: bold;
}

.mpr-coment-ph {
	float: left; 
	width: 25%; 
	padding-right: 20px;
	padding-bottom: 10px;
}

.mpr-coment-ph2 {
	float: left; 
	width: 40%; 
	padding-right: 20px;
	padding-bottom: 10px;
}


.mpr-coment-ph:after {
	clear: both;
}


/* header ui */
#fix-area{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 84px;
	z-index: 1000;
	text-align: right;
	
	@media screen and (min-width:0px) and (max-width:768px){
		display: grid;
		grid-template-columns: 32% 32% 12% 12% 12%;
		background-image:url('./images/side-ui/mpr_white-gradation2.png');
		background-size: contain;
		height: 68px;
		padding-top: 8px;
		bottom: 0px;
		right: 0px;
		left: 0px;
		width: 100%;
		z-index: 1000;
		text-align: left;
	}
}
#fix-area img{
	width: 125px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		height: 54px;
		width: auto;
	}
}
#to-top{
	
}

#fix-area img.kengaku{
	width: 84px;
	margin-bottom: 20px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		height: 54px;
		width: auto;
	}
}

#fix-area img.sns-icon{
	width: 60px;
	margin-bottom: 10px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		height: 40px;
		width: auto;
		
		margin-bottom: 0px !important;
		
	}
}

#fix-area img.arrow-icon{
	width: 60px;
	margin-left: 24px;
}

.kengaku-pc {
	position: relative;
	background-color: #e95f98; 
	width: 84px;
	height: 84px;
	border-radius: 42px;
	margin-bottom: 12px;
}

.kengaku-pc p {
	width: 84px;
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
	text-align: center;
}

.kengaku-sp {
		background-color: #e95f98; 
		color: white;
		width: calc(100% - 16px); 
		border-radius: 32px;
		height: 44px; 
		padding: 0px 0px;
		margin-left: 6px;
		margin-right: 6px;
		text-align: center;
		padding-top: 12px;
		font-weight: 900;
		font-size: 13px;
}


/* Program用 */
.mpr_messager-info figure.right {
	float: right;
	margin: 0 0 15px 15px;
	width: 45%;
	
	@media screen and (min-width:0px) and (max-width:768px){
		width: 100%;
		margin: 0 0 0px 0px;
		margin-bottom: 20px;
	}
}

.mpr_messager-info figure.right img {
	width: 100%;
}

.mpr_messager-info .profile {
	color: #eb5e82;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 2px solid #eb5e82;
}

.mpr_frontpage_program_block-2025 {
	margin-top: 0px;
	background-color: white;

	padding-right: 80px;
	padding-left: 80px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

.mpr_frontpage_program_block-202605 {
	margin-top: 0px;
	background-color: #ffe4ee;

	padding-right: 80px;
	padding-left: 80px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

.mpr_frontpage_program_box01 {
	margin-bottom: 20px;
}

.mpr_frontpage_program_box01 .title {
	width: 80%;
	margin: 0 auto;
	height: 130px;
	padding-top: 8px;
}

.mpr_frontpage_program_box01 .title img {
	width: 100%;
	height: auto;
}

p.mpr_read-p-box {
	width: 74%;
	margin: 0 auto;
	margin-bottom: 60px;
	
	@media screen and (min-width:0px) and (max-width:768px){
		width: 100%;
	}
}

h4.mpr_top_hoiku-h4 {
	color: #eb5e82;
	font-size: 28px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

h4.mpr_top_hoiku-h4 span {
	background: linear-gradient(to top, white 50%, transparent 50%);
	display: inline;
}

a.mpr-top-usu-pink-button {
	position: relative;
	  width: 80%;
	  background-color: #f09dc1;
	  color: #fff;
	  padding: 20px 20px;
	  border: none;
	  border-radius: 8px;
	  font-size: 18px;
	  text-align: center;
	  line-height: 1;
	  text-decoration: none;
	  display: inline-block;
	  box-sizing: border-box;
	  transition: background-color 0.3s;
	  font-weight: bold;
}

a.mpr-top-pink-button {
	position: relative;
	  width: 100%;
	  background-color: #eb5e82;
	  color: #fff;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 8px;
	  font-size: 16px;
	  text-align: center;
	  line-height: 1;
	  text-decoration: none;
	  display: inline-block;
	  box-sizing: border-box;
	  transition: background-color 0.3s;
	  font-weight: bold;
}

a.mpr-top-pink-button2 {
	position: relative;
	  width: 100%;
	  background-color: white;
	  color: #eb5e82;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 8px;
	  font-size: 16px;
	  text-align: center;
	  line-height: 1;
	  text-decoration: none;
	  display: inline-block;
	  box-sizing: border-box;
	  transition: background-color 0.3s;
	  font-weight: bold;
}

a.mpr-top-pink-button-half {
	position: relative;
	  width: 50%;
	  background-color: #eb5e82;
	  color: #fff;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 8px;
	  font-size: 16px;
	  text-align: center;
	  line-height: 1;
	  text-decoration: none;
	  display: inline-block;
	  box-sizing: border-box;
	  transition: background-color 0.3s;
	  font-weight: bold;
	  
	  @media screen and (min-width:0px) and (max-width:768px){
		  width: 100%;
	  }
}

a.mpr-top-pink-button .icon, a.mpr-top-pink-button2 .icon, a.mpr-top-pink-button-half .icon, a.mpr-top-usu-pink-button .icon {
	position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  font-size: 14px;
}

p.pc-center {
	text-align: center;
	
	@media screen and (min-width:0px) and (max-width:768px){
		  text-align: left;
	  }
}


.title1_mirai {
	text-align: center;
	padding: 0px 20%;
	
	@media screen and (min-width:0px) and (max-width:768px){
		  padding: 0px 0px;
	  }
	}

.title1_mirai img {
	width: 100%;
}




/* プログラム_みらい教室 */
.program_mirai article {
	width: 100%;
	background-color: white;
	padding: 50px 20px 20px 20px;
	margin-bottom: 40px;
}

.program_mirai .mirai-10sugata {
	background-color: #f5f2c5;
	padding: 16px 32px;
	width: 100%;
	margin: 0 auto;
	border-radius: 12px;
	margin-top: 30px;
	

}

.program_mirai .mirai-10sugata p.title{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: 900;
	font-family: 'Zen Maru Gothic', sans-serif;
}

.program_mirai .mirai-10sugata ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 初期はSP用：2列 */
  gap: 20px;
  text-align: center;
}

.program_mirai .mirai-10sugata ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
	line-height: 1.2;
	font-weight: 900;
}

.program_mirai .mirai-10sugata ul li img.icon {
  width: 80px;
  height: auto;
  margin-bottom: 8px;
}

.program_mirai .mirai-10sugata ul li caption {
  font-size: 14px;
  line-height: 1.4;
}

/* PC表示（768px以上）では5列 */
@media screen and (min-width: 768px) {
  .program_mirai .mirai-10sugata ul {
	grid-template-columns: repeat(5, 1fr);
  }
}

.program_mirai .introduction {
  text-align: center;
}

h4.mirai-midashi {
	
   text-align: center ;
   position: relative;
   display: inline-block;
   margin: 0 auto;
   padding-bottom: 16px; /* 下線との距離を確保 */
   font-weight: bold;
   font-size: 20px;
   font-family: 'Zen Maru Gothic', sans-serif;
   color: #3B2926;
   z-index: 2; /* テキストを前面に */
   margin-top: 54px;
   
   @media (max-width:896px) {
	 font-size: 18px;
	 text-align: left;
   }
}

h4.mirai-midashi::after {
  content: "";
	display: block;
	width: 100%;
	height: 4px;
	background-color: #f5f2c5;
	position: absolute;
	bottom: 12px; /* 上に上げる */
	left: 0;
	z-index: 0; /* 下線を背面に */
}

.program_mirai .introduction p.mirai-lead {
	width: 100%;
	margin: 0 auto;
	text-align: left !important;
	margin-top: 20px;
	

}

.program_mirai .introduction p.mirai-sub-title {
	font-weight: bold;
	margin-bottom: 20px;
}

.program_mirai .introduction img.ohana-mirai-chart {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
	
}
.program_mirai section.jirei, .program_mirai section.voice {
	text-align: center;
}

.program_mirai section.jirei hr, .program_mirai section.voice hr{
  border: none;
  border-top: 1px solid #6A4C46;
  max-width: 900px;
  margin: 20px auto; /* autoで中央揃え */
  
}

.program_mirai section.jirei hr.kugiri {
	margin-top: 60px;
	margin-bottom: 60px;
}




.program_mirai .case {
 display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 20px; /* 必要なら余白を調整 */
   flex-wrap: wrap;
   max-width: 900px;
   margin: 0 auto;
}

/* 各ボックスの幅指定（PC用） */
.program_mirai .sub-box {
  width: 40%;
}

.program_mirai .main-box {
  width: 57%;
}

.program_mirai .sub-box .pic {
	text-align: left;
}

/* SP（スマホ）表示：768px未満で縦並びに切り替え */
@media screen and (max-width: 767px) {
  .program_mirai .case {
	flex-direction: column-reverse; /* SPでは main-box→sub-boxの順に */
  }

  .program_mirai .sub-box, .program_mirai .main-box {
	width: 100%;
  }
}

.program_mirai .main-box p.title {
	font-size: 22px;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 900;
}

.program_mirai .main-box p.text {
	text-align: left;
}

.program_mirai .main-box .thema {
	text-align: left;
	margin-top: 30px;
}

.program_mirai .main-box .thema dl {
  display: flex;
  flex-wrap: wrap;        /* テキストが長いときに折り返し可能に */
  margin-bottom: 12px;    /* 複数の dl の間隔調整 */
}

.program_mirai .main-box .thema dt {
  width: 90px;           /* 左側ラベルの幅（調整可能） */
  height: 28px;
  font-weight: bold;
  margin: 0;
  background-color: #51ad87;
  padding: 2px 4px;
  text-align: center;
  margin-right: 16px;
  color: white;
  border-radius: 8px;
}

.program_mirai .main-box .thema dd {
  flex: 1;                /* 残りの幅を使って表示 */
  margin: 0;
}

.program_mirai .sub-box .icon ul {
  display: flex;            /* 横並びにする */
  gap: 24px;                /* アイコン間の余白（必要に応じて調整） */
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;  /* 中央揃え（お好みで left/right にも） */
  flex-wrap: wrap;          /* SPで折り返す場合 */
  margin-top: 24px;
}

.program_mirai .sub-box .icon li {
  display: flex;
  flex-direction: column;   /* 縦に積む：画像→キャプション */
  align-items: center;      /* 中央揃え */
  text-align: center;
  max-width: 150px;         /* お好みで幅調整 */
}

.program_mirai .sub-box .icon li img.icon {
  width: 60px;              /* アイコン画像のサイズ */
  height: auto;
  margin-bottom: 6px;       /* 画像とキャプションの余白 */
}

/* <caption> を使っている場合の簡易スタイル */
.program_mirai .sub-box .icon li {
  font-size: 12px;
  line-height: 1.4;
  display: block;
  font-weight: 900;
}

.mirai-voice {
  display: flex;
  align-items: top;
  max-width: 900px;
  margin: 0 auto;
  justify-content: space-between;
  background-color: #fdf8ef;
  border-radius: 12px;
  padding: 20px;
  gap: 20px;
  flex-wrap: wrap; /* 念のため折り返し対応 */
}

/* テキスト部分 */
.mirai-voice p {
  flex: 1;
  margin: 0;
  font-size: 16px;
  text-align: left;
  line-height: 1.6;
  color: #333;
}

/* 画像部分 */
.mirai-voice img {
  width: 150px;
  margin: 0 50px ;
  height: auto;
  flex-shrink: 0;
}

/* SP時：縦並びに切り替え */
@media screen and (max-width: 767px) {
  .mirai-voice {
	flex-direction: column;
	align-items: flex-start;
  }

  .mirai-voice img {
	align-self: center; /* 画像だけ中央にしたい場合 */
	margin-top: 16px;
  }
}

.program_mirai .cap-sensei img {
	border-radius: 100px;
}

.program_mirai .cap-sensei {
	font-size: 13px;
	text-align: center;
}

.program_mirai .sensei-comment-midashi {
	font-size: 20px;
	font-weight: 900;
}

span.bold {
	font-weight: 900;
}

.mp-ytr {
	line-height: 2em;
}