@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Montserrat:700"); body {
background-image: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/body_bg.png);
background-repeat: repeat;
overflow-x: hidden;
font-family: "Montserrat","Kosugi Maru","YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media print, screen and (max-width: 640px) {
body {
font-size: 80%;
}
}
a {
color: #f3696a;
} #MESY_FTMFM_footer_bar-wrapper ul#MESY_FTMFM_footer_bar {
font-weight: normal;
} #header {
background: #fff url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/border_coloful.png) repeat-x center top;
}
#header .logo img {
max-height: 71px;
}
#header .contact #headerInfo{
display: flex;
align-items: center;
justify-content: flex-end;
}
#header .contact .tel, #header .contact .mail {
vertical-align: middle;
}
#header .contact .telArea::before {
content: "保育園に関するお問い合わせ";
display: block;
width: 100%;
text-align: left;
font-size: 12px;
font-weight: normal;
line-height: 1;
}
#header .contact .float.contact02 {
clear: both;
margin-top: 10px;
}
#header .contact .tel {
font-family: "Montserrat", "Kosugi Maru", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Times New Roman", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
font-size: 170%;
line-height: 1.2;
}
#header .contact .tel p {
min-width: 8em;
text-align: left;
} #header .contact .contact02 .tel p::before {
content: "採用に関するお問い合わせ";
}
#header .contact .tel img {
padding: 0;
width: 26px;
height: 21px;
margin-right: 5px;
margin-top: -2px;
}
#header .contact .mail a {
display: block;
line-height: 1;
margin-top: 2px;
}
#header .contact .mail img {
max-width: 210px;
height: auto;
}
#header .inner{
width: 100%;
}
#header-layout{
width: inherit;
max-width: 1240px;
}
#footer {
padding: 20px 0;
position: relative;
margin-top: 198px;
}
#footer::before {
content: "";
display: block;
width: 100%;
height: 198px;
bottom: 100%;
left: 0;
position: absolute;
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/footer_illust.png) no-repeat center bottom;
z-index: 1;
}
#footer ul li {
margin: 0 15px;
}
#footer ul li::before {
display: none;
}
#footer ul li a {
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/footernav_icon.png) no-repeat left 4px;
padding-left: 16px;
}
#copyright {
font-size: 85%;
}
.mobile #copyright {
margin-bottom: 65px;
}
#breadcrumb {
margin-bottom: 10px;
}
#breadcrumb ul li {
font-size: 80%;
}
#breadcrumb ul li b {
font-weight: normal;
margin-left: 0.5em;
}
@media only screen and (max-width: 1023px) {
#header {
background-size: 75px;
}
.mobile #header {
padding-top: 3px;
}
.mobile #header .logo img {
max-width: 50%;
}
.spmenu #menu p {
width: 30px;
text-align: center;
letter-spacing: -0.05em;
}
}
@media only screen and (max-width: 750px) {
#header .contact, #header .contact p {
padding-right: 15px;
}
}
@media print, screen and (max-width: 640px) {
#footer {
margin-top: 20%;
}
#footer::before {
background-size: contain;
height: 120px;
}
} #header .contact #headerInfo{
display: flex;
align-items: center;
justify-content: flex-end;
}
#header .contact .telArea::before,
#header .contact .mailArea::before{
display: block;
width: 100%;
text-align: left;
font-size: 12px;
font-weight: normal;
line-height: 1;
color:#ba8f72;
}
#header .contact .telArea::before {
content: "保育園に関するお問い合わせ";
}
#header .contact .mailArea::before{
content: "採用に関するお問い合わせ";
}
#header .contact #headerInfo .telArea .telbox,
#header .contact #headerInfo .mailArea .mailbox{
display: flex;
}
#header .contact #headerInfo .telArea .telbox .mail img,
#header .contact #headerInfo .mailArea .mailbox .mail img{
width: 30px;
margin-right: 5px;
}
#header .contact #headerInfo .mailArea .mailbox{
}
#header .contact #headerInfo .telArea .telbox .mail{
display: inline-block;
margin-left: unset;
} nav#mainNav ul li a b {
font-weight: bold;
}
nav#mainNav ul li a, 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, nav#mainNav ul li.current-menu-ancestor a {
background-image: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/gnav_icon.png);
background-repeat: no-repeat;
background-position: left center;
}
@media print, screen and (min-width: 1024px) {
nav#mainNav {
margin-bottom: 10px;
}
nav#mainNav::after {
display: block;
content: "";
width: 100%;
position: absolute;
height: 20px;
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/header_bg_bottom.png) repeat-x center top;
top: 100%;
left: 0;
}
nav div.panel {
float: none;
}
nav#mainNav ul li {
padding: 0 5px 10px;
}
nav#mainNav ul li a {
padding: 8px 23px 4px;
color: #754c31; }
}
@media only screen and (max-width: 1023px) {
nav#mainNav ul li a, 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, nav#mainNav ul li.current-menu-ancestor a {
padding-left: 25px;
background-position: 5px center;
}
} .sticky-header #header{
box-shadow: 0 0 6px rgb(0 0 0 / .2);
position: fixed !important;
width: 100%;
z-index: 9999;
top: -125px;
transform: translateY(125px);
transition: all 0.8s ease-in-out;
} #mainImg {
overflow: hidden;
padding-top: 0 !important;
}
#thumbImg {
margin-bottom: 30px;
}
#thumbImg img {
border-radius: 10px;
border: 4px solid #fffefb;
box-sizing: border-box;
} @media only screen and (max-width: 1023px) {
.mobile #mainImg {
margin-top: 60px;
}
} section.widget li {
border-bottom: 1px dashed #ded8cd;
margin-bottom: 10px;
}
section.widget li a {
background: none;
padding: 0;
border: none;
}
.menu-school-list-container > ul > li {
border-bottom: none;
} .wide .c3thumbWrap {
position: relative;
overflow: visible;
background: #faede9;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-bottom: 70px;
}  .home #content{
padding:0 0 10px;
}
#mainImg {
position: relative;
width: 100%;
} #mainImg::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px; z-index: 1;
pointer-events: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,30 C150,130 450,-50 600,60 C750,170 1050,-10 1200,90 L1200,120 L0,120 Z" fill="%23FAEDE9"></path></svg>');
background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
} @media (max-width: 768px) {
#mainImg::after {
height: 30px;
background-image: none;
}
}
#mainNav {
position: relative;
z-index: 999; overflow: visible !important;
}
#mainNav .inner,
#mainNav .panel {
overflow: visible !important;
}
#mainNav ul li {
position: relative;
}
#mainNav ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none; }
#mainNav ul li:hover > .sub-menu {
display: block;
}
#mainImg,
.n2-section-smartslider {
position: relative;
z-index: 1;
}
.wide .c3thumbWrap ul {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 20px 0 0;
display: flex;
justify-content: space-between;
}
.wide .c3thumbWrap ul.thumb li { margin-bottom: -20px;
float: none;
padding: 0;
width: 32.1%;
} @media print, screen and (max-width: 640px) {
.wide .c3thumbWrap {
margin-bottom: 45px;
margin-top: 45px;
}
.wide .c3thumbWrap ul.thumb li {
width: 46%;
}
.wide .c3thumbWrap ul {
flex-wrap: wrap;
padding-top: 0;
}
.wide .c3thumbWrap ul.thumb li:nth-child(1) {
margin: -30px 27% -5px;
}
.wide .c3thumbWrap ul.thumb li:nth-child(2), .wide .c3thumbWrap ul.thumb li:nth-child(3) {
margin: 0 auto -20px;
}
} h1.title, .post h1, .post h2, section.widget h2, h2.bottom-loop, h2.top-loop, .post h3, .post h4 {
-webkit-font-smoothing: antialiased;
line-height: 1.25;
}
h1.title, .post h1 {
display: table;
margin: 0 auto 45px;
background-image: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/h1_bg_top.png), url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/h1_bg_left.png), url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/h1_bg_right.png);
background-repeat: no-repeat;
background-position: center top, left bottom, right bottom;
padding: 75px 95px 0 75px;
font-size: 170%;
min-width: 15%;
}
h1.title b, .post h1 b {
display: block;
font-size: 73%;
color: #c18b6e;
margin-top: 10px;
}
.post h2 {
color: #806d4f;
font-size: 150%;
margin: 0 auto 30px;
padding: 0 0 15px;
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/border_coloful.png) repeat-x center bottom;
}
section.widget h2 {
}
.post_text h2, h2.bottom-loop, h2.top-loop, .post2b h2, .post4b h2 {
text-align: left;
font-size: 105%;
font-weight: normal; color: #754c31;
padding: 0;
margin: 10px 0 !important;
}
.post_text h2 a, h2.bottom-loop a, h2.top-loop a, .post2b h2 a, .post4b h2 a {
font-size: inherit; color: #754c31;
font-weight: normal;
}
.post_text h2 {
margin-bottom: 15px;
}
* + h2 {
margin-top: 45px !important;
}
.post h3 {
margin: 0 auto 10px;
padding: 0;
font-size: 115%;
}
* + h3 {
margin-top: 30px !important;
}
.post h4 {
}
.post .time, .postlist .time, .post2b .time, .post4b .time{
background-color: #f78f76;
}
.post_link a{
color:#f3696a;
}
.post_link a:hover{
color:inherit;
}
@media print, screen and (max-width: 640px) {
h1.title, .post h1 {
font-size: 140%;
background-size: 100px, 10%, 10%;
padding: 50px 12% 0;
margin-bottom: 30px;
}
.post h2 {
font-size: 125%;
margin-bottom: 20px;
}
} .postlist .date, .postlist .ttls, .post2b li, .post2b_link, .post4b li, .post4b_link {
font-size: 100%;
}
.postlist .time {
border-radius: 20px;
padding: 3px 15px;
}
.postlist .date {
font-weight: bold;
}
.postlist li {
border-bottom: 4px dotted #ded8cd;
margin: 20px 0;
}
.postlist .ttls a {
color: #665950;
}
.postlist .ttls a:hover, .postlist .ttls a:active {
text-decoration: underline;
}
.post4b li, .post2b li {
border: none !important;
}
.post2b .time, .post4b .time {
font-size: 85%;
padding: 4px 10px;
line-height: 1.3;
background: none;
color: #845942;
}
.post2b .time a, .post4b .time a {
color: #845942;
}
.post2b_link, .post4b_link {
float: none;
text-align: center;
font-size: 95%;
margin-top: 20px;
}
.post2b_link a, .post4b_link a {
border: 1px solid;
display: block;
border-radius: 30px;
}
li .post4b_contents, li .post2b_contents {
font-size: 95%;
line-height: 1.4;
} h1.title.bottom-loop, h1.title.top-loop {
position: relative;
background: none;
padding: 0;
}
h1.title.bottom-loop::before, h1.title.top-loop::before {
content: "";
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/border_coloful.png) repeat-x center bottom;
width: 100vw;
height: 6px;
display: block;
position: absolute;
left: 0;
top: 100%;
padding-bottom: 15px;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
.home .postlist {
background: url(//www.ssss.co.jp/wp-content/uploads/illust_baloon.png) no-repeat right bottom;
background-size: 15%;
padding-right: 18%;
}
.front_alinkBtn {
margin-bottom: 45px;
}
.front_alinkBtn a {
display: block;
}
.front_alinkBtn a:hover, .front_alinkBtn a:active {
color: #fff;
}
@media print, screen and (max-width: 640px) {
.home .postlist {
padding: 0;
background-size: 30%;
}
.postlist .ttls {
display: block;
margin-top: 6px;
}
h1.title.bottom-loop, h1.title.top-loop {
margin-bottom: 45px;
}
}  .post .job_outline {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.post .job_outline li {
background: #f3e4c4;
color: #665950;
margin-right: 10px;
border-radius: 30px;
padding: 4px 20px;
font-weight: bold;
font-size: 95%;
line-height: 1.3;
margin-bottom: 8px;
}
.post .job_gallery {
margin: 30px auto 0;
display: flex;
flex-wrap: wrap;
}
.post .job_gallery li {
width: 33.3%;
box-sizing: border-box;
padding: 0 10px;
text-align: center;
}
.post .job_details_table th {
width: 20%;
vertical-align: middle;
}
.post .job_details_table td p {
margin-bottom: 0;
line-height: 1.4;
}
.post .job_link {
margin: 45px auto 0;
}
.post .job_link li {
line-height: 1.25;
margin-bottom: 20px;
}
.post .job_link li a {
display: block;
text-align: center;
border-radius: 30px;
transition: all .3s;
}
.post .job_link li.btn_entry a {
background: #f18586;
padding: 15px 10px;
color: #fff;
}
.post .job_link li.btn_entry a:hover, .post .job_link li.btn_entry a:active {
background: #ba8f72;
}
.post .job_link li.btn_list {
max-width: 500px;
margin: 0 auto;
}
.post .job_link li.btn_list a {
border: 2px solid;
padding: 6px 10px;
}
@media only screen and (max-width: 640px) {
.post .job_gallery {
display: block;
margin-top: 10px;
}
.post .job_gallery li {
width: 100%;
text-align: center;
}
} ul.post3b {
margin: 0 auto 20px;
}
ul.post3b li {
display: inline-block;
width: 33%;
padding: 0 1%;
box-sizing: border-box;
vertical-align: top;
line-height: 1.4;
}
ul.post3b h3 {
font-size: 100%;
margin-bottom: 8px;
padding-bottom: 6px;
font-weight: normal;
border-bottom: 1px dashed #9c7357;
}
ul.post3b h3 a {
color: #9c7357;
}
.post .list_job_area, .post .list_job_jobtype {
margin: 0;
line-height: 1.2;
padding: 3px 0 3px;
font-size: 95%;
}
.post .list_job_area span, .post .list_job_jobtype span {
display: inline-block;
font-size: 90%;
padding: 1px 4px;
border-radius: 10px;
width: 60px;
text-align: center;
box-sizing: border-box;
margin-right: 4px;
color: #665950;
background: #f3e4c4;
}
@media print, screen and (max-width: 640px) {
ul.post3b li {
width: 49.2%;
}
} .searchBlock {
background: #fffbf3;
padding: 10px 10px 20px;
border: 2px solid #ece6d7;
}
.searchBlock h2 {
font-size: 130%;
font-weight: bold;
padding: 5px 10px 10px;
margin-bottom: 10px;
background: none;
border-bottom: 2px dotted #d2c7ac;
}
.searchBlock h2::after {
display: none;
}
#feas-searchform-0 {
font-size: 90%;
font-weight: bold;
width: 100%;
}
.post .search_item.column2_50 {
padding: 0 15px;
box-sizing: border-box;
margin: 10px 0;
text-align: left;
}
#feas-searchform-0 .btn_search_submit {
width: 100%;
display: block;
padding: 0 15px;
position: relative;
box-sizing: border-box;
margin-top: 10px;
}
#feas-searchform-0 .btn_search_submit::before {
font-family: FontAwesome;
content: '\f002';
display: inline-block;
position: absolute;
top: 15px;
left: 50%;
z-index: 1;
color: #fff;
margin-left: -14px;
font-size: 30px;
font-weight: normal;
transition: all 0.1s ease 0s;
}
#feas-searchform-0 .btn_search_submit:hover::before, #feas-searchform-0 .btn_search_submit:active::before {
top: 19px;
}
#feas-searchform-0 .search_item .search_label, #feas-searchform-0 .search_item select, #feas-searchform-0 .search_item input[type="text"] {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
#feas-searchform-0 .search_item .search_label.label_word {
padding-left: 0;
}
#feas-searchform-0 input[type="text"], #feas-searchform-0 input[type="tel"], #feas-searchform-0 input[type="email"], #feas-searchform-0 input[type="date"], #feas-searchform-0 input[type="url"], #feas-searchform-0 input[type="number"], #feas-searchform-0 select, #feas-searchform-0 textarea {
line-height: 40px;
height: 40px;
}
#feas-searchform-0 .btn_search_submit input[type="submit"] {
width: 100%;
font-size: 110%;
font-weight: bold;
cursor: pointer;
padding: 45px 10px 10px;
box-shadow: rgb(123, 92, 70) 0px 4px 0px;
position: relative;
top: 0px;
transition: all 0.1s ease 0s;
}
#feas-searchform-0 .btn_search_submit input[type="submit"]:hover, #feas-searchform-0 .btn_search_submit input[type="submit"]:active {
box-shadow: none;
top: 4px;
}
@media print, screen and (max-width: 959px) {
#feas-searchform-0 {
flex-direction: column;
}
#feas-searchform-0 .search_wrapper {
width: 100%;
}
#feas-searchform-0 .btn_search_submit {
width: 100%;
box-sizing: border-box;
margin-top: 20px;
display: block;
padding: 0;
}
#feas-searchform-0 .btn_search_submit input[type="submit"] {
padding-top: 45px;
padding-bottom: 10px;
}
}
@media print, screen and (max-width: 640px) {
.post .search_item.column2_50 {
padding: 0;
}
} .post img, .post_img img, .post2b_img img, .post4b_img img {
border: none !important;
padding: 0;
}
.post img.aligncenter, .post img.alignright, .post img.alignleft, .post img.alignnone {
background: none;
border: none !important;
padding: 0;
}
.post img.aligncenter {
margin: 0 auto 15px;
}
.post img.alignright {
margin: 0 0 20px 15px;
}
.post img.alignleft {
margin: 0 20px 15px 0;
}
.post img.max30 {
max-width: 30%;
}
.post img.max40 {
max-width: 40%;
}
.post img.max50 {
max-width: 50%;
}
@media only screen and (max-width: 640px) {
.post img.alignright, .post img.alignleft {
margin: 0 auto 15px;
}
.post img.max30.sp100, .post img.max40.sp100, .post img.max50.sp100 {
max-width: 100%;
}
} #wrapper {
overflow: visible;
}
#wrapper::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#content.wide {
float: none;
}
.post {
padding-top: 0;
margin-bottom: 45px;
}
.post p {
padding-bottom: 0;
margin-bottom: 15px;
}
.post table, .post table.clear {
width: 100%;
font-size: 100%;
}
.post table.responsive th, .post table.responsive td {
line-height: 1.5;
}
.post table th, .post table td {
padding: 15px;
}
.linkBtn, .post .linkBtn {
box-sizing: border-box;
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 10px;
background: #a3795d;
}
.page-recruit .linkBtn, .post .linkBtn{
width: 98% !important;
}
.linkBtn:hover, .post .linkBtn:hover {
background: #ba8f72;
}
.linkBtn.block, .post .linkBtn.block {
display: block;
font-size: 120%;
line-height: 1.3;
}
.linkBtn .small, .post .linkBtn .small {
font-size: 80%;
}
.linkBtn.style02, .post .linkBtn.style02 {
background: #fff6e3;
border: 2px solid #ffbdbd;
color: #f18586;
}
.linkBtn.style02::after, .post .linkBtn.style02::after {
border-right-color: #f18586;
border-bottom-color: #f18586;
}
.post .linkBtn.style02:hover, .post .linkBtn.style02:active,
.linkBtn.style02:hover, .linkBtn.style02:active {
background: #f7a1a1;
color: #fff;
}
.post .linkBtn.style02:hover::after, .post .linkBtn.style02:active::after,
.linkBtn.style02:hover::after, .linkBtn.style02:active::after {
border-right-color: #fff;
border-bottom-color: #fff;
}
.linkBtn.front_alinkBtn {
display: block;
}
.post .columnFloat {
margin-bottom: 20px;
}
.post .columnFloat.text {
width: 48%;
}
.post .columnFloat.img {
width: 50%;
}
.post .columnFloat.left {
float: left;
}
.post .columnFloat.right {
float: right;
}
.post .columnFloat.clear {
clear: both;
}
.post .content_tel {
font-size: 180%;
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/telicon00.png) no-repeat left center;
background-size: 26px;
padding: 5px 0 0 30px;
color: #ba8f72;
}
.post ul.disc {
margin: 0 auto;
}
.post ul.disc li {
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/list_icon.png) no-repeat left 4px;
background-size: 12px;
padding: 0 0 0 15px;
line-height: 1.4;
margin-bottom: 10px;
}
.post .fontSmall {
font-size: 95%;
line-height: 1.3;
color: #987d69;
}
@media print, screen and (min-width: 641px) {
.post .pcCeter {
text-align: center;
}
}
@media print, screen and (max-width: 640px) {
.post {
margin-bottom: 30px;
}
.post .columnFloat.text, .post .columnFloat.img {
width: 100%;
}
.post .columnFloat.left, .post .columnFloat.right {
float: none;
}
.post .content_tel {
background-size: 20px;
font-size: 160%;
padding: 0 0 0 25px;
}
} h1.title.front-post b {
font-weight: normal;
}
.post .column2_50.front_message_text {
margin-right: -6%;
width: 55.5%;
vertical-align: top;
text-align: left;
}
.post .column2_50.front_message_photo {
vertical-align: bottom;
}
.post .column2_50.front_message_text h2 {
text-align: left;
margin-bottom: -30px;
background: none;
}
.post .front_message_list {
margin: 0 auto;
background: #fff;
border-radius: 20px;
border: 2px solid #ded8cd;
padding: 35px 30px 20px;
}
.post .front_message_list li {
line-height: 1.4;
}
.post .front_message_list li h3 {
color: #9c7357;
font-size: 130%;
border-bottom: 2px solid #ded8cd;
margin: 0 auto 5px;
padding-left: 25px;
background: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/list_icon_leaf.png) no-repeat left center;
}
@media print, screen and (max-width: 640px) {
.post .column2_50.front_message_text {
margin: 0 auto -30px;
width: 100%;
}
.post .column2_50.front_message_text h2 {
max-width: 70%;
}
.post .front_message_list li h3 {
font-size: 115%;
}
} .post table.companyTable th {
vertical-align: middle;
}
.post .company_message {
background-image: url(//www.ssss.co.jp/wp-content/uploads/bg_logo_icon.png), linear-gradient(to bottom, #fbf7f0 0%, #fbf4e5 100%);
background-repeat: no-repeat;
background-size: 30%, auto;
background-position: right center;
margin-bottom: 30px;
text-align: center;
padding: 45px 30px 30px;
border-radius: 10px;
box-shadow: 0 0 10px #e2dccd;
border: 3px solid #e4ddce;
}
.post .company_message p {
margin-bottom: 30px;
}
.post .company_message p b {
font-size: 140%;
display: block;
margin-bottom: -20px;
color: #d47979;
letter-spacing: 0.1em;
} .post .philosophy_goal {
margin: 45px 0;
background: #f9f6f1 url(//www.ssss.co.jp/wp-content/uploads/philosophy_img03.png) no-repeat right bottom;
background-size: 60%;
border-radius: 10px;
padding: 45px 60% 45px 30px;
color: #675052;
border: 4px solid #fff;
box-shadow: 0 0 10px #e4dfd4;
box-sizing: border-box;
clear: both;
}
.post .philosophy_goal h2 {
background: none;
padding: 0;
}
.post .philosophy_goal ol {
margin: 0 auto;
counter-reset: number;
}
.post .philosophy_goal ol li {
list-style: none;
font-size: 115%;
position: relative;
padding-left: 25px;
border-bottom: 4px dotted #ccc;
padding-bottom: 5px;
line-height: 1.4;
margin-bottom: 20px;
}
.post .philosophy_goal ol li::before {
counter-increment: number;
content: counter(number);
font-size: 150%;
position: absolute;
left: 0;
top: -7px;
color: #b79c9f;
}
.post .philosophy_policy {
background-color: #f7f2e7;
padding: 30px 30px;
border: 20px solid #f1eadb;
background-image: url(//www.ssss.co.jp/wp-content/themes/mrp04-child/images/bg_cross.png);
background-repeat: repeat;
}
.post .philosophy_policy h2 {
padding: 10px 20px;
background: #806d4f;
color: #fff;
font-weight: normal;
margin-top: -50px;
border-radius: 0 0 10px 10px;
display: table;
min-width: 30%;
}
@media print, screen and (max-width: 1099px) {
.post .philosophy_goal {
padding: 30px 40% 30px 20px;
background-size: auto 100%;
}
}
@media print, screen and (max-width: 640px) {
.post .philosophy_goal {
position: relative;
padding: 30px;
}
.post .philosophy_goal * {
position: relative;
}
.post .philosophy_goal::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
background: #f9f6f1c4;
top: 0;
left: 0;
}
.post .philosophy_goal ol li {
font-size: 110%;
}
.post .philosophy_policy {
padding: 20px;
border-width: 15px;
}
.post .philosophy_policy h2 {
margin-top: -35px;
}
} .post .school_block {
background: #ffe8de;
padding: 30px 15px 10px;
border-radius: 10px;
}
.post .schoolTable th {
width: 18%;
vertical-align: middle;
}
.post .scheduleTable th, .post .scheduleTable td {
padding: 5px 10px;
line-height: 1.4;
}
.post .scheduleTable th {
text-align: center;
vertical-align: middle;
width: 10%;
white-space: nowrap;
background: #f7eed9;
}
.post .scheduleTable thead th {
background: #f9e1ab;
font-size: 110%;
line-height: 1.2;
color: #826e40;
width: auto;
white-space: normal;
}
.post .scheduleTable td {
font-size: 90%;
}
.post .scheduleTable td b, .post .scheduleTable td strong {
font-size: 110%;
color: #88786f;
}
.wc-shortcodes-row {
text-align: center;
}
.wc-shortcodes-row .wc-shortcodes-one-third a {
display: block;
background: #fff6e3;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 10px;
border: 2px solid #ffbdbd;
box-shadow: 0 2px 8px #d2cfc7;
line-height: 1.2;
transition: all .3s;
}
.wc-shortcodes-row .wc-shortcodes-one-third a:hover, .wc-shortcodes-row .wc-shortcodes-one-third a:active {
background: #f7a1a1;
color: #fff;
} .post .link_entry {
display: table;
margin: 30px auto 0;
max-width: 100%;
min-width: 60%;
padding: 20px 15px 1px;
border: 4px dotted #d0cbbf;
border-radius: 20px;
}
.post .link_entry p {
font-size: 105%;
color: #8a7048;
}
.post .link_entry p b, .post .link_entry p strong {
color: #60999e;
font-size: 110%;
}
.post .link_entry .linkBtn {
background: #7eafb4;
}
.post .link_entry .linkBtn:hover, .post .link_entry .linkBtn:active {
background: #a4cace;
} a.linkBtn.private {
background: #80C69C;
}
a:hover.linkBtn.private {
background: #80e4a8;
}
.post .staff_voice p:empty {
display: none;
}
.staff_voice .wc-shortcodes-three-fourth {
text-align: left;
background: #fff;
box-sizing: border-box;
padding: 30px 20px 5px;
border-radius: 8px;
position: relative;
border: 2px solid #f7eeda;
}
.staff_voice .wc-shortcodes-three-fourth::before, .staff_voice .wc-shortcodes-three-fourth::after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.staff_voice .wc-shortcodes-three-fourth::before {
border-color: rgba(247, 238, 218, 0);
border-right-color: #f7eeda;
border-width: 11px;
margin-top: -11px;
}
.staff_voice .wc-shortcodes-three-fourth::after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 8px;
margin-top: -8px;
}
.staff_voice .wc-shortcodes-item {
margin: 0;
}
.staff_voice .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
border: none;
margin: 0;
}
.staff_voice .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
border: none;
padding: 10px 15px 30px;
font-size: 120%;
letter-spacing: 0.05em;
margin: 0 auto;
color: #665950;
font-weight: bold;
background: #f3e4c4;
text-align: center;
border-radius: 10px;
line-height: 1.25;
}
.post .staff_voice .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a::before {
position: absolute;
bottom: 10px;
top: auto;
left: 50%;
margin: 0 0 0 -8px;
content: "";
vertical-align: middle;
width: 16px;
height: 16px;
border-bottom: 2px solid #ad9f95;
border-right: 2px solid #ad9f95;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
padding: 0;
}
.post .staff_voice .wc-shortcodes-accordion .wc-shortcodes-accordion-content {
border: none;
padding-bottom: 0;
}
.staff_voice .wc-shortcodes-content img {
border-radius: 50%;
border: 2px dashed #EEE0CB !important;
box-shadow: 0 4px 10px #dcd4c2;
}
.post .staff_voice h3 {
font-size: 120%;
border-radius: 30px;
padding: 0;
box-sizing: border-box;
color: #827EBB;
text-align: center;
margin-top: 0 !important;
margin-bottom: -10px;
}
.post .link_column2,
.post .link_column3{
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.post .link_column2 li {
width: 31%;
display: flex;
}
.post .link_column3 li{
width: 31%;
display: flex;
justify-content: center;
}
.post .link_column2 li a {
display: flex;
width: 100% !important;
text-align: center;
justify-content: center;
align-items: center;
line-height: 1.2;
margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
.post .link_column2{
justify-content: space-between;
flex-wrap: wrap;
}
.post .link_column3 li{
width: 100%;
}
.post .link_column2 li{
width: 48%;
}
.post .link_column2 li:last-child {
width: 100%;
}
.staff_voice .wc-shortcodes-one-fourth, .staff_voice .wc-shortcodes-three-fourth {
margin-bottom: 0;
}
.staff_voice .wc-shortcodes-content img {
max-width: 60%;
}
.staff_voice .wc-shortcodes-three-fourth::before, .staff_voice .wc-shortcodes-three-fourth::after {
right: auto;
bottom: 100%;
left: 50%;
top: auto;
}
.staff_voice .wc-shortcodes-three-fourth::before {
border-right-color: transparent;
border-bottom-color: #f7eeda;
margin-top: 0;
margin-left: -11px;
}
.staff_voice .wc-shortcodes-three-fourth::after {
border-right-color: transparent;
border-bottom-color: #fff;
margin-top: 0;
margin-left: -8px;
}
} .post ul#sitemap_list li {
margin-bottom: 15px;
}
.post ul#sitemap_list ul {
margin-top: 10px;
}
.post ul#sitemap_list ul li {
margin-bottom: 5px;
}
.post ul#sitemap_list ul li:before {
content: "-";
display: inline-block;
margin-right: 0.5em;
}
.post ul#sitemap_list li b {
font-weight: normal;
margin-left: 0.5em;
display: inline-block;
}
.post ul#sitemap_list a {
color: #665950;
}
.post ul#sitemap_list a:hover {
color: #f18586;
} .post .formBlock {
background: #faf8f5;
margin-bottom: 30px;
border: 1px solid #d9d6d1;
padding: 30px;
}
.post .formBlock p b {
display: inline-block;
margin-bottom: 5px;
}
.wpcf7-form .must, .wpcf7-form .option {
color: #fff;
margin-left: 0.5em;
font-size: 85%;
padding: 3px 10px;
display: inline-block;
float: none;
font-weight: normal;
line-height: 1;
border-radius: 4px;
}
.wpcf7-form .must {
background: #dc757e;
}
.wpcf7-form .option {
background: #ababab;
}
.wpcf7-form .notice {
font-size: 90%;
}
.wpcf7-form input.wpcf7-free-text {
display: inline-block;
width: 65%;
}
.wpcf7-form .submit {
text-align: center;
}
.wpcf7-form input[type=submit] {
font-size: 110%;
padding: 6px 40px;
}
.wpcf7-form input[type=submit]:hover {
cursor: pointer;
}
.wpcf7-form span.wpcf7-not-valid-tip {
color: #d0636c;
}
.wpcf7-form div.wpcf7-validation-errors {
background: #fffde0;
}
.wpcf7-form label:hover {
cursor: pointer;
}
textarea {
resize: vertical;
}
.post .captcha {
text-align: center;
background: #fbfbfb;
padding: 10px;
}
span.wpcf7-list-item {
margin-left: 0;
margin-right: 1em;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="date"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form select, .wpcf7-form textarea {
margin-bottom: 5px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="date"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form select {
line-height: 50px;
height: 50px;
}
@media only screen and (max-width: 640px) {
.wpcf7-form {
padding: 0;
}
.post .formBlock {
padding: 20px;
}
input[type="checkbox"] {
width: 18px;
height: 18px;
vertical-align: middle;
}
.wpcf7-form .wpcf7-list-item {
display: inline-block;
}
span.wpcf7-list-item-label {
vertical-align: middle;
}
input[type="text"].wpcf7-captchar {
width: 70%;
}
} section.widget, .widgetInfo{
z-index: 2;
position: relative;
}
section#widget_sp_image-2{
background: none;
}
aside .captions {
margin: 4%;
background: cornsilk;
padding: 5%;
font-size: small;
box-sizing: border-box;
border-radius: 5px;
} @media only screen and (max-width: 640px) {
.mobile .page-id-66 #breadcrumb {
margin-top: 60px;
}
} .languageBox {
text-align: right;
height: 40px;
}
#flags {
display: inline-block;
padding-top: 5px;
float: none !important;
vertical-align: middle;
}
#google_language_translator {
display: inline-block;
padding: 0;
vertical-align: middle;
}
@media only screen and (max-width: 959px) {
#header ul {
padding: 10px 0px 10px;
}
}
@media only screen and (max-width: 640px) {
.languageBox {
text-align: center;
padding: 10px;
}
}
@media only screen and (max-width: 370px) {
#flags {
margin-left: -10px;		
}
#google_language_translator {
margin-left: -20px !important;		
}
.languageBox {
padding-bottom: 0;
padding-top: 5px;
}
} div.wpcf7 .wpcf7-spinner {
display: block;
margin: 0 auto;
}
.post .link_entry .linkBtn {
margin-bottom: 10px;
} #scrollUp {
bottom: 90px !important;
} .fa, .far, .fas {
　　　　font-family: "Font Awesome 6 Brands" , "Font Awesome 6 Free";
　　　　font-weight: normal;
} body.headlogo-nonfix #header .logo img {
max-width: 350px;
}
headert #flags{width: auto !important;}
#header-layout{position: relative;}
.languageBox{
display: flex;
} #flags {
width: 100% !important;
}
@media only screen and (max-width: 640px){
body.headlogo-nonfix #header .logo img {
max-width: 200px;
}
} :root{
--color-recruit:#EF86A4;
--color-newstar:#87C35F;
--color-contact:#FFA955;
}
#side-banner-area{display:block;}
@media screen and (max-width: 767px) {
#side-banner-area{display:none;}
}
.side-banner {
position: fixed;
left: 0;
width: 150px;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
border-radius: 0 10px 10px 0;
transition: transform 0.4s ease;
z-index: 9999;
cursor: pointer;
padding-left: 10px;
  }
.banner-content a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.side-banner:hover {
transform: translateX(0);
}
.pos-1{
top: 250px;
}
.pos-2 {
top: 320px;
}
.pos-3 {
top: 390px;
}
.pos-1,#MESY_FTMFM_footer_bar li:nth-child(1)  {
background:var(--color-contact);
}
.pos-2,#MESY_FTMFM_footer_bar li:nth-child(2)  {
background:var(--color-newstar);
}
.pos-3,#MESY_FTMFM_footer_bar li:nth-child(3)  {
background:var(--color-recruit);
}
.banner-label {
width: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
flex-shrink: 0;
}
.banner-content a {
color: #fff;
text-decoration: none;
font-weight: 700;
white-space: nowrap;
} @media screen and (max-width: 1023px) {
.mobile #header .logo .spmenu {
height: 50px;
position: relative;
}
.spmenu #menu{
left: 50%;
}
}  .fa.fa-handshake-o {
font-weight: 900 !important;
}
.fa.fa-handshake-o:before {
content: "\f549" !important;
} .fa-male:before, .fa-person:before {
content: "\f0c0" !important;
} .recruit-btn_area{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:10px;
margin: 0 0 2rem;
}
.post .recruit-btn{
display: flex;
width: auto;
align-items: center;
justify-content: center;
position: relative;
transition: all 0.1s ease 0s;
top: 0px;
flex-direction: column;
overflow: hidden;
}
.page-recruit .post .recruit-btn{
background: var(--color-recruit);
box-shadow: rgb(176, 86, 94) 0px 4px 0px;
}
.post .recruit-btn a{
color: #fff;
text-decoration: none;
text-align: center;
width: 100%; display: block;
}
.post .recruit-btn a::before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.post .recruit-btn:hover{
box-shadow: none;
top: 4px;
}
.recruit-btn_area .recruit-btn{
padding: 1.25rem;
font-size: 150%;
border-radius: 10px;
}
.recruit-btn_area .recruit-btn a span{
font-size: 70%;
}
.bnr_line_recruit_area{
margin: 0 0 3rem !important;
text-align: center;
}
.sns_icon_area{
display: flex;
gap: 20px;
justify-content: flex-end;
}
.sns_icon_area p{
margin:0 !important;
}
.sns_icon_area img{
width:100%;
max-width:50px;
}
.page-recruit .linkBtn{
background: var(--color-recruit);
}
.bg_newstar{
background: var(--color-newstar) !important;
}
@media screen and (max-width: 1023px) {
.recruit-btn_area .recruit-btn a span{
display:block;
}
}
@media screen and (max-width: 769px) {
.recruit-btn_area {
grid-template-columns: 1fr;
}
}  header#header,
#mainNav,
#mainNav .inner,
#mainNav .panel {
overflow: visible !important;
clip-path: none !important;
} header#header {
position: relative !important;
z-index: 99999 !important;
}
#mainNav {
position: relative !important;
z-index: 99999 !important;
}
#mainNav ul li.menu-item-has-children {
position: relative !important;
} #mainNav ul li .sub-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 999999 !important;
background-color: #ffffff !important; min-width: 180px !important;
} #mainNav ul li.menu-item-has-children:hover > .sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} #mainImg,
.n2-section-smartslider {
position: relative !important;
z-index: 1 !important;
}