@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*-------------------------------------------------------------- */
/* 追加・変更
------------------------------------------------------------*/
/*　グローバルメニュー　項目余白調整　*/
@media print, screen and (min-width: 1024px){
/*nav#mainNav ul li a {
    padding: 8px 18px 0px 18px;
}
nav#mainNav ul li {
    width: 14%;
}*/
}


/*float clear*/
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


/*改行位置指定用*/
span.nowrap {
display:inline-block;
white-space:nowrap;
}

@media screen and (min-width: 414px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*赤文字*/
.fc-red {color:#F00}


/*画像装飾なし*/
.post img.nodeco {
	padding:0;
	border-width:0 !important;
	background-color:transparent;
}
.post img.alignright.nodeco {
	padding:0;
	border-width:0 !important;
}

/*リスト*/
.post ul li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none disc;
}

.post ol li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none decimal;
}
.post ol li ol {
margin-left:0;
}
.post ol li li {
list-style:upper-roman !important;
}

.post ol {
    margin: 0 140px 16px 140px;
    text-align: left;
    font-size: 14px;
}

.post ol li {
    list-style: decimal;
    color: #438ed2;
}

@media only screen and (max-width: 414px){
.post ol {
    margin: 0px 2em 10px 0em;
    text-align: left;
    font-size: 11px;
}
}


/* 2カラムレイアウト　余白設定
------------------------------------------------------------*/
@media print, screen and (min-width: 1024px){
/**/
div.column2_50 h2,
div.column2_50 h3,
div.column2_50 h4,
div.column2_50 p,
div.column2_70 h3,
div.column2_70 p,
div.column2_70 table,
div.column2_70 dl,
div.column2_50 img,
div.column3_33 img {
max-width:90% !important;
margin:auto !important;
}

div.column2_50 h2 {
margin-bottom:.5em !important;
}

div.column2_50 ol {
width:90% !important;
margin: 10px 0 20px 20px !important;
}
}


/* テーブルボーダー修正
--------------------*/
.post table.clear {
border-left-width:0;
}


/*GoogleMap埋め込み対処
-----------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* h1
-----------------------------------*/
@media only screen and (max-width: 414px){
h1.title.first {
    color: #4379c0;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    text-shadow: none;
}
}

/* h2
-----------------------------------*/
@media only screen and (max-width: 414px){
.post h2, .post2b h2, .post4b h2, h2.title {
    border: none;
    border-radius: 0px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    padding-left: 8px;
    font-size: 18px;
}
h2.top-loop, h2.bottom-loop, h2.cat-loop {
    text-align: left;
}
h2.top-loop a, h2.bottom-loop a, h2.cat-loop a {
    font-size: 15px;
}
}

/* h3
-----------------------------------*/
.post h3 {
    color: #43c0b0;
	}

@media only screen and (max-width: 414px){
.post h3 {
    position: relative;
    font-size: 18px;
    border: none;
    border-radius: 0px;
    text-shadow: none;
    padding-left: 8px;
}
}

/* ビフォー　アフター
--------------------*/
.post table.beforeafter {
width:100%;
margin:0.5em auto;
table-layout: fixed;
color:#43C0B5;
font-size:130%;
line-height:1.5em;
}
.post table.beforeafter p {
color:#43C0B5 !important;
}
.arrowdown {
display:none;
}
.arrowright {
display: block;
}
.post table.beforeafter td {
vertical-align:top;
text-align:center
}
.post table.beforeafter td.before {
width:42%;
}
.post table.beforeafter td.after {
width:42%;
}
.post table.beforeafter td.arrow {
width:auto;
vertical-align: middle;
}

.post table.beforeafter img.ba {
border-radius:20px;
border:4px solid #C0ECE6 !important;
}

.post table.beforeafter span.jp {
background-color: #C0ECE6;
padding:0 20px;
margin:0 0 0 20px;
display:inline-block;
}

@media only screen and (max-width: 640px){
.post table.beforeafter {
	display: inline-table;
}
.post table.beforeafter td,
.post table.beforeafter td.before,
.post table.beforeafter td.after,
.post table.beforeafter td.arrow {
width:100%;
text-align:center;
display:block;
height:auto;
padding:0 !important;
margin:0;
}

.arrowdown {
display: inline;
}
.arrowright {
display: none;
}
}


/*フレックスボックス
--------------------------*/
.flexcontainer {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom:2em;
}

@media screen and (max-width: 700px) {
	.flexcontainer {
		flex-direction: column;
	}
}

.flexcontainer .box {
	/*background-color: #49c0b0;
	border-radius: 5px;
	color: #ffff;*/
	padding: 10px;
	margin: 10px 20px;
	
	flex: 1;
	/*text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;*/
}

.flexcontainer a.box:hover {
	background-color: #49c0b0;
	color: #d4ff3c
}

.flexcontainer .box01 {
	flex: 1;
	border:5px solid #C0ECE6 !important; border-radius:20px; padding:10px; margin:0 5px;
}

.flexcontainer .box02 {
	flex: 1;
	border:5px solid #C0ECE6 !important; border-radius:20px; padding:10px; margin:0 5px;
}

.flexcontainer .box03 {
	flex: 1;
	border:5px solid #C0ECE6 !important; border-radius:20px; padding:10px; margin:0 5px;
}

/*テキストボタン　
-----------------------------------*/
a.btntxt {
	margin:10px auto;
	padding: 10px 30px;
	background-color:#3FA3DC;
	border-radius: 30px;
	font-size: 100%;
	color:#FFFFFF;
	font-weight:bold;
	display: inline-block;
	text-align:center;
}
a.btntxt:link,a.btntxt:visited {color:#fff}
a.btntxt:hover {color:#ddd}

/*テキストボタン2　
-----------------------------------*/
a.btntxt2 {
	margin:10px auto;
	padding: 15px 40px;
	background-color:#202a75;
	border-radius: 30px;
	font-size: 130%;
	color:#FFFFFF;
	font-weight:bold;
	display: inline-block;
	text-align:center;
}
a.btntxt2:link,a.btntxt:visited {color:#fff}
a.btntxt2:hover {color:#ddd}


/* 先輩スタッフの声
--------------------------*/
div.column2_70 p.staffname {
background-color:#FFC107;
padding:10px 20px !important;
margin-bottom:.5em !important;
border-radius:10px;
color:#FFFFFF;
font-size:120%;
}

/* スケジュール
--------------------------*/
.schedule .time {
border-radius:50px;
background-color:#C0ECE6;
padding:10px 30px;
font-size:120%;
}

.schedule dl {
margin-bottom:1.5em;
}

.schedule dt {
color:#3fa8dc;
font-size:120%;
}



/*-------------------------
H.W. Adjust Css 2018/05/31
--------------------------*/
p.center{
    text-align: center;
}

.line b {
    background: linear-gradient(transparent 70%, #3fa3dc 70%);
    border-bottom: 3px solid #3fb3dc;
    font-size: 30px;
	line-height: 1.5;
}
@media screen and (max-width: 414px) {
span.policy {
    font-size: 18px;
}
	
	.line b {
    background: linear-gradient(transparent 70%, #3fa3dc 70%);
    border-bottom: 3px solid #3fb3dc;
    line-height: 1.5;
}
}

/**/
#top_msg {
	padding: 30px;
	background: url(/struct/wp-content/uploads/bg.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
}
#top_msg .bg {
	padding: 30px;
	background: rgba(255,255,255,0.5);
}

.transparent img {
	background-color: transparent !important;
	padding: 0 !important;
	border: none !important;
}

@media only screen and (max-width: 640px){
	#top_msg,
	#top_msg .bg {
		padding: 20px;
	}
}

/*-------------------------
採用情報
--------------------------*/
.square_btn{
    display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}

.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

/*-------------------------
クリーンます
--------------------------*/
.appeal{
    color: #fff100;
    font-size: 20px;
}

.appeal2{
	    font-size: 22px;
    color: #e72d3f;
	background: linear-gradient(transparent 50%, #fff100 50%)
}


.keiyaku{
    font-size: 30px;
    font-weight: bold;
    color: #596162;
    text-align: center;
	padding: 10px 0;
	line-height: 44px;
}

.keiyaku2{
    font-size: 45px;
	color: #ff004a;
}

span.caption01 {
    font-size: 13px;
}

@media only screen and (max-width: 414px){
span.caption01 {
    font-size: 11px;
}

span.caption01 {
    line-height: 22px;
}
}	

@media only screen and (max-width: 414px){
.keiyaku{
    font-size: 13px
}
	p.keiyaku {
    line-height: 22px;
}


.keiyaku2{
    font-size: 21px;
	color: #ff004a;
}
}

.cyosei p {
    padding-left: 10px;
	font-size:17px
}

@media only screen and (max-width: 414px){
.cyosei p {
    padding-left: 10px;
	font-size:13px
}
 
.post table td {
    text-align: left;
    padding: 10px;
    vertical-align: middle;
}
}
	

/*-------------------------
スタッフスケジュール
--------------------------*/
	@media only screen and (max-width: 414px){
.schedule .time {
    border-radius: 50px;
    background-color: #C0ECE6;
    padding: 10px 30px;
    font-size: 100%;
}
.schedule .time {
    border-radius: 50px;
    background-color: #C0ECE6;
    padding: 7px 25px;
    font-size: 100%;
}
	
.schedule dt {
    color: #3fa8dc;
    font-size: 90%;
}

.post dd {
    padding-bottom: 10px;
    font-size: 12px;
}
}
/*-------------------------
Adjsut Css 2018/07/17
--------------------------*/
@media print, screen and (min-width: 1024px){
nav#mainNav ul li li a {
    width: 12em !important;
}
}