@charset "utf-8";
/*
Theme Name: mplus wp_07
Author URI: http://www.matuya-net.jp/
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

em {
font-family:"ＭＳ ゴシック",sans-serif;
font-style:oblique;
}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

body{
color:#000;
font-size:11pt;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:1px;
-webkit-text-size-adjust:100%;
word-break: break-all;
background:#ffffff;

}

.ytb{
width:530px;
height:298px;
}
.ytb2{
width:800px;
height:450px;
margin:10px auto;
display:block;
}

img{
max-width:100%;
height:auto;
margin:0 0 -5px 0;
}

h1{
width:100%;
font-size:24pt;
line-height:44px;
font-family: "Sawarabi Mincho";
}

h2{
width:95%;
color:#00626b;
font-size:20pt;
line-height:44px;
font-family: "Sawarabi Mincho";
padding:0 0 0 5%;
margin:0 0 40px 0;
background:url('/wp/wp-content/uploads/2019/03/mark.png');
background-repeat:no-repeat;
background-posiotion:left top;
background-size:contain;
}

h3{
width:100%;
color:#00626b;
font-size:20pt;
font-weight:normal;
margin:0 0 10px 0;
font-family: "Sawarabi Mincho";
border-bottom:1px solid #00626b;
}

h4{
width:94%;
color:#fff;
font-size:16pt;
font-family: "Sawarabi Mincho";
padding:0 2%;
margin:0 0 10px 0;
background:#00626b;
border-left:10px solid #2d838b;
box-shadow:0px 0px 12px #bbb;
}

h5{
width:100%;
color:#6b002d;
font-size:13pt;
font-weight:bold;
font-family: "Sawarabi Mincho";
margin:20px 0 10px 0;
border-bottom:1px solid #6b002d;
}

.line{
width:100%;
margin:14px 0;
border-bottom:1px solid #fff;
}
.line-comm{
width:100%;
margin:20px 0;
border-bottom:1px solid #80b0b5;
}

p{
width:100%;
font-size:12pt;
padding:2%;
margin:0 auto 20px auto;
}

.a{
display:table;
}

.b{
display:none;
}

.btn1{
width:400px;
color:#fff;
font-size:12pt;
text-align:center;
padding:10px 0;
margin:60px auto;
display:block;
background:#372011;
box-shadow:0px 0px 12px #bbb;
}

.pht{
width:32%;
height:auto;
display:block;
}


#recruit-block{
width:900px;
padding:0;
margin:60px auto;
display:flex;
flex-flow:wrap;
}
#recruit-block dt{
width:200px;
color:#00626b;
font-size:12pt;
font-weight:normal;
text-align:center;
padding:40px 0;
margin:0;
border-bottom:1px solid #f5f5f5;
}
#recruit-block dd{
width:680px;
font-size:12pt;
padding:40px 0 40px 20px;
margin:0;
border-bottom:1px solid #f5f5f5;
}



/*-tamulife----------------------------*/
#tamulife-block{
width:100%;
font-size:20pt;
font-weight:bold;
text-align:center;
}
#tamulife-block img{
margin:60px auto;
display:block;
}

#tamulife-txt-block{
width:90%;
text-align:left;
margin:60px auto;
list-style:disc;
}

#tamulife-txt-block li{
font-size:15pt;
font-weight:normal;
line-height:40px;
}

#tamulife-table{
width:100%;
padding:0;
margin:20px 0 10px 0;
border:0;
}
#tamulife-table th{
font-size:12pt;
text-align:center;
padding:20px 0;
background:#f8f8f8;
border:1px solid #ddd;
}
#tamulife-table td{
font-size:12pt;
text-align:center;
padding:20px 0;
border:1px solid #ddd;
}

#tamulife-contact{
width:700px;
margin:60px auto 0 auto;
display:flex;
}
#tamulife-contact div{
width:100%;
font-size:16pt;
text-align:center;
display:table;
}
#tamulife-contact dt{
width:50%;
font-size:10pt;
line-height:16pt;
display:table;
align-self:center;
}
#tamulife-contact dt span{
width:100%;
font-size:16pt;
font-weight:bold;
margin-bottom:6px;
display:block;
}

#tamulife-contact dd{
width:50%;
display:table;
}
#tamulife-contact dd img.tel{
width:40px;
margin-right:6px;
margin-bottom:1px;
}
#tamulife-contact dd a.sns img{
vertical-align:bottom;
}
#tamulife-contact dd a{
color:#00626b;
}
#tamulife-contact dd a.tel{
color:#1cad5b;
font-size:28pt;
font-weight:bold;
}
#tamulife-contact dd a.tel rt{
font-size:8pt;
}
#tamulife-contact dd a.tel span{
padding:0 3px;
}
#tamulife-contact dd a.sns{
font-size:11pt;
}
#tamulife-contact dd a.sns span{
vertical-align:super;
}
#tamulife-contact dd a.mail{
font-size:13pt;
}
#tamulife-contact dd a.mail span{
font-size:8pt;
transform:translate(2px,-2px);
display:inline-block;
}



/*-dm-------------------*/

.dropdown_container{
display: inline-block;
position: relative;
background-color: #fff;
}
 
.dropdown_container > ul{
position:absolute;
top:100%;
left:0;
width:256px;
background-color:#fff;
height:0;
padding:0 0 10px 0;
overflow:hidden;
border:none;
}
 
.dropdown_container:hover > ul{
height:auto;
transition:1s;
}
 
.dropdown_container a {
display: block;
color: black;
text-decoration: none;
transition:1s;
}
.dropdown_container a:hover {
background-color: #fff;
transition:1s;
}


/*-cnt------------*/
.tel{
font-size:26pt;
}
.tel-number{
color:#00626b;
font-size:38pt;
font-weight:bold;
}

/*-rec------*/
table.gaiyo{
width:100%;
margin:20px auto 10px auto;
border-collapse:collapse;
}

table.gaiyo th{
width:20%;
padding:10px 0;
text-align:center;
background:#efefef;
border:1px solid #999;
}
table.gaiyo td{
padding:10px;
border:1px solid #999;
}

/*-kikori------------*/
.left-kikori{
width:20%;
}
.main-kikori{
width:75%;
padding:0 0 0 5%;
display:flex;
align-content: flex-start;
flex-flow:wrap;
justify-content:left;
}

.main-kikori-pht{
width:60%;
}
.main-kikori-pht img{
width:100%;
height:auto;
margin:0 auto 20px auto;
}
.main-kikori-txt{
width:37%;
padding:0 0 0 3%;
}

.kikori-left{
width:23%;
margin:20px 1% 0 1%;
}
.kikori-left table{
width:100%;
border-collpase:collapse;
}
.kikori-left table th{
height:120px;
position:relative;
overflow:hidden;
box-shadow:0px 0px 6px #ccc;
}
.kikori-left table th img{
width:100%;
position:absolute;
}
.kikori-left table td{
color:#000;
font-size:9pt;
vertical-align:middle;
padding:8px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}






/*-snggall----------*/
#sec-gallery{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:left;
}

.pht1{
width:80%;
height:auto;
margin:20px auto;
}

table.pht2{
width:30%;
margin:0 1.5% 20px 1.5%;
}
table.pht2 th{
width:100%;
height:220px;
position:relative;
overflow:hidden;
}
table.pht2 th img{
position:absolute;
}
table.pht2 td{
font-size:10pt;
padding:10px 0;
}
table.pht2 td span{
color:#00626b;
}

table.pht3{
width:30%;
margin:0 1.5% 20px 1.5%;
}
table.pht3 th{
width:100%;
height:420px;
position:relative;
overflow:hidden;
}
table.pht3 th img{
width:100%;
height:auto;
position:absolute;
}
table.pht3 td{
font-size:10pt;
padding:10px 0;
}
table.pht3 td span{
color:#00626b;
}



/*-gal-----------------------*/
ul#gal-cat{
width:100%;
margin:40px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
ul#gal-cat li{
width:30%;
malrgin:0 auto;
display:block;
box-shadow:0 0 14px #999;
}
ul#gal-cat li a{
width:100%;
color:#fff;
font-size:18pt;
padding:10px 0;
text-align:center;
background:#00626b;
display:block;
}

.cm-gallery{
width:22%;
margin:0 1.5% 40px 1.5%;
}
.cm-gallery table{
width:100%;
border-collpase:collapse;
}
.cm-gallery table th{
height:160px;
position:relative;
overflow:hidden;
box-shadow:0px 0px 6px #999;
}
.cm-gallery table th img{
width:100%;
position:absolute;
}
.cm-gallery table td{
color:#00626b;
font-size:9pt;
verticalk-align:middle;
padding:8px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}

.cm-cat-tag{
width:80px;
color:#fff;
font-size:8pt;
text-align:center;
padding:2px 0;
background:#000;
}

/* pager------------------------------------------------------------*/
.pager{
text-align:center;
margin:30px auto;
display:table;
}
.pager a{
color:#4c9197;
}

a.page-numbers,
.pager .current{
font-size:10pt;
background:#fff;
border:solid 1px #ccc;
padding:3px 6px;
margin:0 2px;
}
.pager .current{
color:#fff;
background:#4c9197;
border:solid 1px #fff;
display:inline-block;
}

#pagenavi{
width:96%;
height:auto;
font-size:10pt;
margin:60px auto 0px auto;
}
#pagenavi a{
color:#4c9197;
text-decoration:underline;
}
.prev{
float:left;
}
.next{
float:right;
}
}

/*-com--------------------------*/
table.cm-tbl{
width:100%;
margin:30px auto;
border-collapse:collapse;
}
table.cm-tbl th{
width:200px;
text-align:center;
padding:30px 0;
background:rgba(0,98,107,0.1);
border:1px solid #999;
}
table.cm-tbl td{
width:680px;
padding:30px 0 30px 20px;
border:1px solid #999;
}

table.enk{
width:100%;
margin:30px auto;
border-collapse:collapse;
}
table.enk th{
width:100px;
padding:10px;
border-bottom:1px dashed #999;
}
table.enk td{
padding:10px;
border-bottom:1px dashed #999;
}

/*-arc--------------------------*/
#arc-sec{
width:100%;
padding:20px 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}
#arc-img{
width:26%;
padding:0 2%;
}
#arc-img img{
width:100%;
height:auto;
box-shadow:0px 0px 12px #bbb;
}

#arc-txt{
width:70%;
font-size:12pt;
line-height:30px;
}

table.arc-flow{
width:100%;
margin:0px auto 10px auto;
border-collapse:collapse;
}
table.arc-flow th{
width:5%;
color:#fff;
font-size:12pt;
text-align:center;
vertical-align:middle;
border-right:10px solid #fff;
}
table.arc-flow td{
}

table.arc-flow ul{
width:100%;
list-style:decimal;
display:flex;
flex-flow:wrap;
justify-content:left;
}
table.arc-flow ul li{
width:19%;
height:auto;
color:#00626b;
font-size:14pt;
font-weight:bold;
text-align:center;
padding:60px 0;
margin:0 0.5%;
display:table-cell;
border-radius:20px;
background:#efefef;
}



/* tab
-----------------------------------*/
.tpinf{
width:100%;
min-height:300px;
margin:16px auto 0 auto;
}

.tpinf-content{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

.tpinf label {
color:#fff;
width:19%;
height:auto;
font-size:13pt;
text-align:center;
padding:4px 0;
background:#338189;
transition:1s;
opacity:0.8;
}

.tpinf label:hover {
color:#ffffff;
}

.tpinf input:checked + label {
color:#fff;
opacity:1.0;
background:#a3297b;
transition:1s;
}

.tpinf input {
display: none;
}

.tpinf #tpinf-b1,
.tpinf #tpinf-b2,
.tpinf #tpinf-b3,
.tpinf #tpinf-b4,
.tpinf #tpinf-b5,
.tpinf #tpinf-b6{
display:none;
}

.tpinf #tpinf-1:checked ~ #tpinf-b1,
.tpinf #tpinf-2:checked ~ #tpinf-b2,
.tpinf #tpinf-3:checked ~ #tpinf-b3,
.tpinf #tpinf-4:checked ~ #tpinf-b4,
.tpinf #tpinf-5:checked ~ #tpinf-b5,
.tpinf #tpinf-6:checked ~ #tpinf-b6{
width:100%;
display:block;
}

table.tp-post{
width:100%;
border-collpase:collapse;
border-bottom:1px solid #ddd;
}
table.tp-post th{
color:#a3297b;
width:300px;
font-size:12pt;
text-align:center;
padding:20px 0 20px 20px;
}
table.tp-post td{
font-size:12pt;
padding:20px 0 20px 10px;
}

table.post{
width:100%;
border-collpase:collapse;
border-bottom:1px solid #ccc;
}
table.post th{
width:200px;
color:#9e005d;
font-size:12pt;
text-align:center;
padding:20px 0 20px 40px;
}
table.post td{
font-size:12pt;
padding:20px 0 20px 20px;
}

table.tp-post td a, table.post td a{
color:#00626b;
}

table.tp-post td a:hover{
opacity:1;
transition:0.5s;
color:#a3297b;
text-decoration:underline;
}

table.post td a:hover{
opacity:1;
transition:0.5s;
color:#a3297b;
text-decoration:underline;
}

/*-hm-------------------*/
#sli{
width:100%;
margin:82px 0 0 0;
}
#res-sli{
display:none;
}

.tp-tl{
margin:0 auto 4px auto;
display:block;
}

/*-ft--*/
ul.ft-men{
width:100%;
padding:0 0 20px 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
ul.ft-men li a{
width:16.66%;
color:#fff;
font-size:10pt;
}
.copy{
width:100%;
color:#85b3b8;
font-size:8pt;
font-weight:300;
text-align:center;
}

.tp-ct4{
width:100%;
margin:20px 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
.tp-ct4 a{
width:23%;
height:auto;
display:block;
box-shadow:0px 0px 12px #bbb;
margin-bottom:20px;
}

.tp-gallery{
width:23%;
margin:0 1% 20px 1%;
}
.tp-gallery table{
width:100%;
border-collpase:collapse;
}
.tp-gallery table th{
height:160px;
position:relative;
overflow:hidden;
box-shadow:0px 0px 6px #ccc;
}
.tp-gallery table th img{
width:100%;
position:absolute;
}
.tp-gallery table td{
color:#fff;
font-size:9pt;
verticalk-align:middle;
padding:8px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}
.cat-tag{
width:80px;
color:#000;
font-size:8pt;
text-align:center;
padding:2px 0;
background:#fff;
}

.tp-kikori{
width:23%;
margin:20px 1% 0 1%;
}
.tp-kikori table{
width:100%;
border-collpase:collapse;
}
.tp-kikori table th{
height:160px;
position:relative;
overflow:hidden;
box-shadow:0px 0px 6px #ccc;
}
.tp-kikori table th img{
width:100%;
position:absolute;
}
.tp-kikori table td{
color:#000;
font-size:9pt;
verticalk-align:middle;
padding:8px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}

table.tp-kikori2{
width:31.33%;
margin:0px 1% 20px 1%;
border-collpase:collapse;
}
table.tp-kikori2 th{
height:160px;
position:relative;
overflow:hidden;
box-shadow:0px 0px 6px #ccc;
}
table.tp-kikori2 th img{
width:100%;
position:absolute;
}
table.tp-kikori2 td{
color:#000;
font-size:9pt;
verticalk-align:middle;
padding:8px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:left;
}


/*-hd---------------------------*/
#hd{
width:100%;
padding:10px 0;
background:#fff;
border-bottom:10px solid #00626b;
position:fixed;
z-index:200;
box-shadow:0px 2px 14px rgba(0,0,0,0.4);
}
#hd-sec{
width:1060px;
margin:0 auto;
}

#hd-sec ul.hd-mn{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:left;
}
.hd-logo{
margin:0 132px 0 0;
display:block;
}
#hd-sec ul li{
margin:30px 0 0 0;
}
#hd-sec ul li a{
color:#000;
font-size:10.6pt;
letter-spacing:0;
padding:0 20px;
}

#shd{
width:100%;
height:120px;
margin:80px 0 0 0;
position:relative;
overflow:hidden;
}
#shd img{
width:100%;
height:120px;
position:absolute;
object-fit: cover;
filter: brightness(40%);
}
#shd-txt{
width:100%;
color:#fff;
font-size:26pt;
font-family: "Sawarabi Mincho";
font-weight:500;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
z-index:20;
}

/* lnk
------------------------------------------------------------*/
a{
opacity:1;
transition:1s;
text-decoration:none;
}

a:hover, a:active{
opacity:0.7;
transition:1s;
text-decoration:none;
}


/* layout
------------------------------------------------------------*/

#wrapper{
width:100%;
overflow:hidden;
}

#header{
text-align:center;
overflow:hidden;
}

#content{
float:none;
width:100%;
}

#sec1{
width:100%;
padding:40px 0;
background:#fff;
box-shadow:0px 2px 14px rgba(0,0,0,0.4);
}
#sec2{
width:100%;
padding:20px 0;
background:#000;
box-shadow:0px 2px 14px rgba(0,0,0,0.4);
}
#sec3{
width:100%;
padding:40px 0;
background:#00626b;
box-shadow:0px 2px 14px rgba(0,0,0,0.4);
}
#sec4{
width:100%;
padding:40px 0;
background:#c6d1c9;
box-shadow:0px 2px 14px rgba(0,0,0,0.4);
}

#inner1{
width:1060px;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:left;
}

#inner2{
width:1060px;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#w50{
width:50%;
}
#w50-txt-r{
width:500px;
padding:0 0 0 30px;
margin:auto 0;
}

#common-lnk{
color:#fff;
font-size:10pt;
padding:10px 80px;
margin:10px auto 0 auto;
display:block;
background:#00626b;
}

#tamulife-post{
width:900px;
margin:0 auto 30px auto;
display:table;
}
#tamulife-post th{
width:200px;
color:#a3297b;
fonts-size:12pt;
text-align:center;
padding:6px 0;
border-bottom:1px solid #eee;
}
#tamulife-post td{
font-size:12pt;
padding:6px 0;
border-bottom:1px solid #eee;
}
#tamulife-post td a{
color:#00626b;
transition:0.5s;
}
#tamulife-post td a:hover{
opacity:1;
color:#a3297b;
text-decoration:underline;
transition:0.5s;
}

#home-bnr{
width:800px;
margin:60px auto 0 auto;
display:table;
}