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


/*-------------------------------------------------------------- */
/* 追加・変更
------------------------------------------------------------*/
/*
body {
    background: url(/wp/wp-content/uploads/bodybg.jpg) no-repeat 0 0;
	background-size:contain;
}
*/
h1.title {
    margin-bottom: 1em;
	background: #2b2d30 url(images/h1_bg.jpg) no-repeat 0 50%;
	padding: 7px 10px 7px 40px;
}

.post h2 {
    background: #2b2d30 url(images/h2_bg.jpg) repeat-y 0 50% !important;
    border-width: 0px;
	border-radius:0;
	color:#FFFFFF;
	padding-left:15px;
}
.post h2::before {
    display: none;
}
/*
.post h2, h2.title, .post h2 a, .post2b h2 a, .post4b h2 a {
    background: #4d6ecb;
    color: #FFF;
    padding: 5px 10px;
    width: fit-content;
}
.post h2 span {
    padding-left: 0;
}
*/
#wrapper {
    padding-top: 1.5em;
}
@media print, screen and (min-width: 1024px) {
nav#mainNav ul li a {
    padding: 8px 35px;
}
nav#mainNav ul li a b {
    font-weight: bold;
    margin-top: 0px;
}
}

/*　フォントサイズ　*/
html {
    font-size: 120%;
}
/*　ヘッダ背景色　*/
#header .bg {
    background: #5f656c;
}
/*　コピーライト背景色　*/
#copyright {
    background: #808080;
}

.postlist .time {
    background-color: #28388d;
}

/*----------------------------------------------------------------------------------------------------
 PC用：メインメニュー + 検索ボックス
----------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1024px) {
nav#mainNav {
	background: #28388d;
}
nav#mainNav ul li {
	border-right: 1px solid #324B68;
}
nav#mainNav ul li:first-child {
	border-left: 1px solid #324B68;
}
nav#mainNav ul li a {
	color: #fff;
	padding: 8px 30px;
}
nav#mainNav ul li a span {
	color: #799DC5;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {
	background: #2a205b;
}
nav#mainNav ul li li {
	background: #2a205b;
	border-bottom: 1px solid #324B68;
}
nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-item a {
	color: #327cab;
}
}

/*----------------------------------------------------------------------------------------------------
iPadサイズ以下から：メインメニュー + 検索ボックス
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1023px) {
nav#mainNav a.menu {
	color: #fff;
	border: 1px solid #2f2562;
	background: #28388d url(images/menuOpen.png) no-repeat 5px 10px;
}
nav#mainNav a.menuOpen {
	color: #2f2562;
	background: #fff url(images/menuOpen.png) no-repeat 5px -32px;
}
nav .panel {
	border: 1px solid #515151;
}
nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
	color: #fff;
	border-bottom: 1px solid #324B68;
	background: #28388d;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {
	color: #327cab;
	background: #2a205b;
}
nav#mainNav ul li li a,
nav#mainNav ul li.current-menu-item li a,
nav#mainNav ul li li.current-menu-item a {
	background: #28388d url(images/sub1.png) no-repeat 15px 50%;
}
nav#mainNav ul li li.current-menu-item a,
nav#mainNav ul li li a:hover,
nav#mainNav ul li.current-menu-item li a:hover {
	background: #2a205b url(images/sub1.png) no-repeat 15px 50%;
}
nav#mainNav ul li li:last-child a {
	background: #28388d url(images/subLast.png) no-repeat 15px 50%;
}
nav#mainNav ul li li:last-child.current-menu-item a,
nav#mainNav ul li li:last-child a:hover,
nav#mainNav ul li.current-menu-item li:last-child a:hover {
	background: #2a205b url(images/subLast.png) no-repeat 15px 50%;
}
nav#mainNav ul li li li a,
nav#mainNav ul li.current-menu-item li li a,
nav#mainNav ul li li.current-menu-item li a,
nav#mainNav ul li li li.current-menu-item a{
	background: #28388d url(images/sub1.png) no-repeat 30px 50%;
}
nav#mainNav ul li li li a:hover,
nav#mainNav ul li.current-menu-item li li a:hover,
nav#mainNav ul li li.current-menu-item li a:hover,
nav#mainNav ul li li li.current-menu-item a:hover{
	background: #2a205b url(images/sub1.png) no-repeat 30px 50%;
	}
nav#mainNav ul li li li:last-child a {
	background: #28388d url(images/subLast.png) no-repeat 30px 50%;
}
nav#mainNav ul li:last-child.current-menu-item li li a,
nav#mainNav ul li li:last-child.current-menu-item li a,
nav#mainNav ul li li li:last-child.current-menu-item a,
nav#mainNav ul li li li:last-child a:hover,
nav#mainNav ul li li.current-menu-item li:last-child a:hover,
nav#mainNav ul li.current-menu-item li li:last-child a:hover{
	background: #2a205b url(images/subLast.png) no-repeat 30px 50%;
}

nav#mainNav ul li li li li a,
nav#mainNav ul li.current-menu-item li li li a,
nav#mainNav ul li li.current-menu-item li li a,
nav#mainNav ul li li li.current-menu-item li a,
nav#mainNav ul li li li li.current-menu-item a{
	background: #28388d url(images/sub1.png) no-repeat 45px 50%;
}
nav#mainNav ul li li li li a:hover,
nav#mainNav ul li.current-menu-item li li li a:hover,
nav#mainNav ul li li.current-menu-item li li a:hover,
nav#mainNav ul li li li.current-menu-item li a:hover,
nav#mainNav ul li li li li.current-menu-item a:hover{
	background: #2a205b url(images/sub1.png) no-repeat 45px 50%;
	}
nav#mainNav ul li li li li:last-child a {
	background: #28388d url(images/subLast.png) no-repeat 45px 50%;
}
nav#mainNav ul li:last-child.current-menu-item li li li a,
nav#mainNav ul li li:last-child.current-menu-item li li a,
nav#mainNav ul li li li:last-child.current-menu-item li a,
nav#mainNav ul li li li li:last-child.current-menu-item a,
nav#mainNav ul li li li li:last-child a:hover,
nav#mainNav ul li li li.current-menu-item li:last-child a:hover,
nav#mainNav ul li li.current-menu-item li li:last-child a:hover,
nav#mainNav ul li.current-menu-item li li li:last-child a:hover{
	background: #2a205b url(images/subLast.png) no-repeat 45px 50%;
}
}

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


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

/*赤文字*/
.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;
}


/* 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 table,
div.column2_70 dl,
div.column2_50 img,
div.column3_33 img {
max-width:90% !important;
margin:auto !important;
}

div.column2_70 p {
margin:0 20px !important;
}

div.column2_50 h2,
div.column2_50 h3 {
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%;
}

/* 範囲に合わせて文字を改行する
--------------------*/
p{
 word-wrap:break-word;
}

/* スライダーslick
-----------------------------------*/
.slider {
display:none !important;
}
.home .slider {
width: 90%;
margin: 0 auto;
display:block !important;
}
.home .slick-slide img {
width: 100%;
height: auto;
}
.home .mypattern{
width: 100%;
}
.home .mypattern .slick-slide{
margin: 0;
}

.mypattern .slick-slide:not(.slick-center) {
  -webkit-filter: blur(1px) grayscale(70%) brightness(70%);
  -moz-filter:blur(1px) grayscale(70%) brightness(70%);
  -o-filter: blur(1px) grayscale(70%) brightness(70%);
  -ms-filter: blur(1px) grayscale(70%) brightness(70%);
  filter: blur(1px) grayscale(70%) brightness(70%);
  transition: 0.2s linear;
  centerPadding: '20%';
}


/* CSSボタン
-----------------------------------*/
.btntxt {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:8px 20px;
	margin-top:2em;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	letter-spacing:.1em;
}
.btntxt:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
}
.btntxt:active {
	position:relative;
	top:1px;
}

.btntxt.block {
display:block;
font-size:110%;
}


/* 実績ページ
-----------------------------------*/
table.resultstbl {
font-size:80% !important;
line-height:1.1em !important;}

table.resultstbl th,
table.resultstbl td {
vertical-align:middle;}

/* .post外枠消去
-----------------------------------*/
.post {
    border-width: 0px;
}

/*　アイキャッチ画像
-----------------------------------*/
.post.eyecatch {
padding:0;
margin:0;
text-align:center;
}
.post.eyecatch img {
padding:0;
border-width:0;
margin:0 auto;
}

/*===========================================
　トップページ　ご挨拶
===========================================*/
body{
	overflow-x:hidden;
	}
#wrapper, #content, .post{
	overflow: visible;
	}
#post-106 h1 {/*見出し非表示*/
display:none;
}

/*フレックスボックス
--------------------------*/
.flexcontainer {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:2em;
}
.flexcontainer .box {
	margin: 0 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap; /*---折り返し----*/
}
.flexcontainer .box01 {
	flex: 6;
	text-align:left;
	border:1px solid #999999;
	padding:15px;
}
.flexcontainer .box02 {
	flex: 1;
	padding:15px;
}
.flexcontainer .box03 {
	flex: 5;
}
.flexcontainer dt {
margin-bottom:1em;
font-size:115%;
text-align:center;
}
.post .flexcontainer ol {
margin:0 2em;
}
.post .flexcontainer li {
border-style:solid;
}

img.arrow02 {
		display:none;
	}

@media screen and (max-width: 700px) {
	.flexcontainer {
		flex-direction: column;
	}
	img.arrow01 {
		display:none;
	}
	img.arrow02 {
		display: inline;
	}
}


/*--------------------------------*/
#greetingwrap {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2);
	background: url(images/greeting_bg.jpg) no-repeat center bottom;
	background-size:cover;
	padding-top:2em;
}

@media only screen and (min-width:1024px) {
#greetingwrap{
min-height:500px;
}
}

#greeting {
  background: rgba(255,255,255,0.7);
  padding:2em;
  font-weight:normal;
}

#bg-mask {}

/*===========================================
　コンパクトシールドとは
===========================================*/
table.standard {
width:100%;
margin:0 auto;
font-size:80%;
}

table.standard th,
table.standard td {
padding:3px;
text-align:center;
line-height:1.2em;
vertical-align:middle;
}



/* 以下　未使用
-----------------------------------*/

/* ご利用案内　よくある質問
-----------------------------------*/
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #ffffff;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #6c90d4;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #333333;
background: #eee;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}