@charset "UTF-8";
/**************************************************
  mixins
***************************************************/
/**************************************************
 constants 定数やフォントを定義
***************************************************/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700");
/*
Custom easing functions.
http://easings.net/ja
http://webdesign-dackel.com/2015/04/04/sass-easing-variables/
*/
/**************************************************/
/* ママスクエア */
/**************************************************/
p { margin-bottom: 0; }

.pg-mamasquare .page-footer { padding: 16px 10px; background-color: #0394a9; color: #fff; font-size: 87.5%; font-weight: bold; text-align: center; letter-spacing: 0.1em; }

@media screen and (max-width: 600px) { .pg-mamasquare .page-footer { padding: 8px 10px; } }

.pg-mamasquare .section-inner { position: relative; max-width: 1080px; margin-right: auto; margin-left: auto; padding: 0 20px; }

@media screen and (max-width: 600px) { .pg-mamasquare .section-inner { padding: 0 10px; } }

.pg-mamasquare .heading-mms1 { display: flex; flex-flow: row wrap; justify-content: flex-start; list-style: none; padding-left: 0; max-width: 598px; margin: 0 auto 30px; color: #fff; font-size: 150%; line-height: 60px; text-indent: 0.1em; letter-spacing: 0.1em; }

.pg-mamasquare .heading-mms1 .ribbon-m, .pg-mamasquare .heading-mms1 .ribbon-l, .pg-mamasquare .heading-mms1 .ribbon-r { display: inline-block; height: 71px; vertical-align: middle; }

.pg-mamasquare .heading-mms1 .ribbon-m { width: calc(100% - 160px); background: url("../images/ribbon-main.png") no-repeat center 0; }

.pg-mamasquare .heading-mms1 .ribbon-l { width: 80px; background: url("../images/ribbon-left.png") no-repeat 0 0; }

.pg-mamasquare .heading-mms1 .ribbon-r { width: 80px; background: url("../images/ribbon-right.png") no-repeat 0 0; }

@media screen and (max-width: 600px) { .pg-mamasquare .heading-mms1 { max-width: 360px; margin-bottom: 20px; font-size: 125%; text-indent: 0.05em; letter-spacing: 0.05em; }
  .pg-mamasquare .heading-mms1 .ribbon-m { width: calc(100% - 100px); }
  .pg-mamasquare .heading-mms1 .ribbon-l { width: 50px; background-image: url("../images/ribbon-left-s.png"); }
  .pg-mamasquare .heading-mms1 .ribbon-r { width: 50px; background-image: url("../images/ribbon-right-s.png"); } }

.pg-mamasquare .heading-mms2 { font-size: 150%; text-indent: 0.08em; letter-spacing: 0.08em; }

@media screen and (max-width: 960px) { .pg-mamasquare .heading-mms2 { font-size: 133.33333%; text-indent: 0.04em; letter-spacing: 0.04em; } }

.pg-mamasquare .heading-mms3 { font-size: 125%; text-indent: 0.1em; letter-spacing: 0.1em; }

@media screen and (max-width: 960px) { .pg-mamasquare .heading-mms3 { font-size: 120%; } }

.pg-mamasquare .line-colors { width: 100%; max-width: 460px; margin: 0 auto; }

.pg-mamasquare .line-colors span { display: inline-block; width: 20%; padding-top: 2px; }

.pg-mamasquare .line-colors .color1 { background-color: #32c3d9; }

.pg-mamasquare .line-colors .color2 { background-color: #fbb520; }

.pg-mamasquare .line-colors .color3 { background-color: #f19ec2; }

.pg-mamasquare .line-colors + .lead-text { margin: 20px 0 45px; }

@media screen and (max-width: 960px) { .pg-mamasquare .line-colors { max-width: 400px; }
  .pg-mamasquare .line-colors + .lead-text { margin: 15px 0 30px; } }

.pg-mamasquare .box-content { background-color: rgba(255, 255, 255, 0.8); }

.pg-mamasquare .em { color: #ec6941; }

.mamasquare-main { height: 575px; background: url("../images/bg-mainvisual.jpg") no-repeat center; background-size: cover; }

.mamasquare-main .title { padding: 110px 0 150px; text-align: right; }

.mamasquare-main.-open202010 { background-image: url("../images/bg-mainvisual-02.jpg"); }

.mamasquare-main.-open202010 .title { padding: 55px 0 205px; text-align: left; }

.mamasquare-main.-open202010 .boshu { position: absolute; top: 3.30357%; right: 0; width: 28.92857%; }

.mamasquare-main.-open202010 .open { position: absolute; top: 3.30357%; right: 10px; width: 28.92857%; }

@media screen and (min-width: 1400px) { .mamasquare-main.-open202010 { position: relative; background-color: #dfe2e1; background-size: contain; } }

@media screen and (max-width: 1080px) { .mamasquare-main.-open202010 .boshu-icon { font-size: 66.66667%; margin-left: -10px; padding: 25px 5px; } }

@media screen and (max-width: 960px) { .mamasquare-main { height: 360px; }
  .mamasquare-main .title { width: 26.08696%; min-width: 160px; margin-left: auto; padding: 20px 1% 0 0; }
  .mamasquare-main.-open202010 { height: auto; }
  .mamasquare-main.-open202010 .title { margin-left: 0; margin-right: auto; padding: 20px 0 7.6087%; } }

@media screen and (max-width: 480px) { .mamasquare-main.-open202010 .title { min-width: 85px; }
  .mamasquare-main.-open202010 .open { right: 5px; min-width: 95px; } }

.mamasquare-about { padding: 80px 0 135px; background: url("../images/bg-screen.png") center 0; text-align: center; }

.mamasquare-about .about-block { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; padding-left: 0; margin: 80px -45px 0; }

.mamasquare-about .about-block > li { width: 33.33333%; padding: 0 45px; box-sizing: border-box; }

.mamasquare-about .about-block .txt { margin-top: 20px; line-height: 1.5; }

@media screen and (max-width: 960px) { .mamasquare-about { padding: 8.69565% 0 14.67391%; }
  .mamasquare-about .about-block { margin: 8.69565% -15px 0; }
  .mamasquare-about .about-block > li { padding: 0 15px; }
  .mamasquare-about .about-block .txt { margin-top: 15px; } }

@media screen and (max-width: 600px) { .mamasquare-about { padding-bottom: 20px; }
  .mamasquare-about .about-block { display: block; width: 230px; margin-right: auto; margin-left: auto; }
  .mamasquare-about .about-block > li { width: auto; margin: 0 0 30px; padding: 0; } }

.mamasquare-point { height: 800px; padding: 110px 0 225px; background: url("../images/bg-point.jpg") no-repeat center; background-size: cover; box-sizing: border-box; }

.mamasquare-point .box-content { max-width: 600px; padding: 45px 70px 60px; margin-left: auto; box-sizing: border-box; }

.mamasquare-point .heading { position: relative; margin-bottom: 40px; padding-bottom: 25px; font-size: 160%; text-align: center; }

.mamasquare-point .heading::before, .mamasquare-point .heading::after { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #c6c6bd; content: ""; }

.mamasquare-point .heading::after { bottom: 4px; }

.mamasquare-point .heading .txt { display: inline-block; text-indent: 0.25em; letter-spacing: 0.25em; }

.mamasquare-point .heading .img { display: inline-block; padding: 0 2px; }

.mamasquare-point .check-point { list-style-type: none; padding-left: 0; }

.mamasquare-point .check-point > li { margin-top: 20px; padding-left: 38px; background: url("../images/icon-checkmark.png") no-repeat 0 0.2em; font-size: 112.5%; }

.mamasquare-point .check-point .em { font-weight: bold; }

@media screen and (max-width: 960px) { .mamasquare-point { height: auto; padding: 6.52174% 0; }
  .mamasquare-point .box-content { width: 70%; max-width: 500px; padding: 3.80435% 4.8913% 4.34783%; }
  .mamasquare-point .heading { margin-bottom: 30px; padding-bottom: 15px; font-size: 120%; }
  .mamasquare-point .heading::after { bottom: 2px; }
  .mamasquare-point .heading .txt { text-indent: 0.15em; letter-spacing: 0.15em; }
  .mamasquare-point .heading .img { width: 30px; }
  .mamasquare-point .check-point > li { margin-top: 10px; padding-left: 30px; font-size: 100%; } }

@media screen and (max-width: 600px) { .mamasquare-point { padding: 20px 0 57.14286%; background-position: center bottom; background-size: 100%; }
  .mamasquare-point .box-content { width: auto; max-width: 330px; margin-right: auto; padding: 10px 10px 30px; }
  .mamasquare-point .check-point > li { padding-left: 22px; background-size: 16px 13px; } }

.mamasquare-content { padding: 90px 0 40px; background: url("../images/bg-multiplication.jpg") center 0; text-align: center; }

.mamasquare-content .contents-work { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; padding-left: 0; list-style-type: none; margin-top: -80px; padding-left: 0; }

.mamasquare-content .contents-work > li { flex: 1 0 0%; }

.mamasquare-content .contents-work .down-l { padding: 10.18519% 16px 0 5px; }

.mamasquare-content .contents-work .down-r { padding: 10.18519% 5px 0 16px; }

.mamasquare-content .contents-work .txt { margin-top: 20px; line-height: 1.5; }

@media screen and (max-width: 960px) { .mamasquare-content { padding: 9.78261% 0 4.34783%; }
  .mamasquare-content .contents-work { margin-top: -8.69565%; }
  .mamasquare-content .contents-work .down-l { padding-right: 10px; }
  .mamasquare-content .contents-work .down-r { padding-left: 10px; }
  .mamasquare-content .contents-work .txt { margin-top: 15px; } }

@media screen and (max-width: 600px) { .mamasquare-content .contents-work { flex-wrap: wrap; max-width: 400px; margin: -10px auto 0; }
  .mamasquare-content .contents-work > li { flex: 1 1 auto; width: 50%; padding: 0 10px 30px !important; box-sizing: border-box; } }

.mamasquare-structure { height: 820px; padding: 60px 0; background: url("../images/bg-structure.jpg") no-repeat center; background-size: cover; text-align: center; box-sizing: border-box; }

.mamasquare-structure .box-content { max-width: 760px; padding: 65px 45px 80px; box-sizing: border-box; }

@media screen and (max-width: 960px) { .mamasquare-structure { height: auto; padding: 20px 0; }
  .mamasquare-structure .box-content { width: 70%; padding: 5.43478% 3.26087% 5.43478% 1.08696%; } }

@media screen and (max-width: 600px) { .mamasquare-structure { padding: 20px 0 58.57143%; background-position: center bottom; background-size: 100%; }
  .mamasquare-structure .box-content { width: auto; padding: 10px 10px 30px; } }

.mamasquare-place { padding: 80px 0 110px; background: url("../images/bg-screen.png") center 0; text-align: center; }

.mamasquare-place .l-place-map { display: flex; flex-flow: row wrap; justify-content: center; list-style: none; padding-left: 0; max-width: 1060px; margin: 30px auto 100px; }

.mamasquare-place .l-place-map .item { width: 46.22642%; margin-top: 50px; padding: 0 1.88679%; }

.mamasquare-place .l-place-map .name { margin: 0 0 6px; font-size: 131.25%; letter-spacing: 0.1em; }

.mamasquare-place .l-place-map .name .label { display: inline-block; width: 140px; margin: 0 15px; padding: 2px 0; border-radius: 4px; background-color: #ec6941; color: #fff; font-size: 76.19048%; text-align: center; }

.mamasquare-place .l-place-map .addr { margin: 6px 0 25px; font-size: 93.75%; }

.mamasquare-place .l-place-map .mapwrap { position: relative; width: 100%; height: 0; padding-top: 57.14286%; }

.mamasquare-place .l-place-map .mapwrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mamasquare-place .l-place-map .map-link { margin-top: 20px; text-align: right; }

.mamasquare-place .l-place-map .map-link a { display: inline-block; width: 200px; padding: 4px 0; border-radius: 50px; background-color: #0394a9; color: #fff; font-size: 87.5%; text-align: center; text-decoration: none; }

.mamasquare-place .l-place-map .map-link a::after { padding-left: 15px; font-size: 114.28571%; line-height: 1; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; }

.mamasquare-place .l-space { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; padding-left: 0; max-width: 880px; margin: 70px auto 0; text-align: left; }

.mamasquare-place .l-space .img { position: relative; max-width: 400px; }

.mamasquare-place .l-space .photo { position: relative; }

.mamasquare-place .l-space .photo::after { position: absolute; bottom: -5%; left: 0; width: 100%; padding-top: 3.75%; background: url("../images/bg-photoshadow.png") no-repeat center 0; background-size: 100%; content: ""; }

.mamasquare-place .l-space .photo img { border: 8px solid #fff; }

.mamasquare-place .l-space .name, .mamasquare-place .l-space .illust { position: absolute; }

.mamasquare-place .l-space .text { width: 320px; }

.mamasquare-place .l-space .heading { position: relative; margin-bottom: 15px; padding: 30px 0 10px; border-bottom: 2px solid; font-size: 125%; font-weight: bold; }

.mamasquare-place .l-space.-img-text .img { order: 1; }

.mamasquare-place .l-space.-img-text .text { order: 2; padding-right: 40px; }

.mamasquare-place .l-space.-text-img .img { order: 2; }

.mamasquare-place .l-space.-text-img .text { order: 1; padding-left: 40px; }

.mamasquare-place .l-space.-workingspace .img { padding: 0 0 0 65px; }

.mamasquare-place .l-space.-workingspace .name { top: -30px; left: 0; }

.mamasquare-place .l-space.-workingspace .illust { bottom: -15px; left: 15px; }

.mamasquare-place .l-space.-workingspace .heading { border-bottom-color: #fbb520; }

.mamasquare-place .l-space.-kidsspace .img { padding: 0 40px 0 0; }

.mamasquare-place .l-space.-kidsspace .name { position: absolute; top: -42px; right: 0; }

.mamasquare-place .l-space.-kidsspace .illust { bottom: -16px; right: 20px; }

.mamasquare-place .l-space.-kidsspace .heading { border-bottom-color: #f19ec2; }

.mamasquare-place .space-info { list-style-type: none; padding: 0 10px; }

.mamasquare-place .space-info > li { padding: 9px 12px; border-bottom: 2px dotted #d2d2d2; font-size: 100%; font-weight: bold; }

.mamasquare-place .space-info .list1 { display: inline-block; width: 70%; }

.mamasquare-place .space-info .list2 { display: inline-block; font-weight: normal; }

@media screen and (max-width: 960px) { .mamasquare-place { padding: 3.26087% 0 11.95652%; }
  .mamasquare-place .l-place-map { display: block; }
  .mamasquare-place .l-place-map .item { width: auto; max-width: 600px; margin-right: auto; margin-left: auto; padding: 0; } }

@media screen and (max-width: 920px) { .mamasquare-place .l-place-map { margin-top: 40px; }
  .mamasquare-place .l-space { display: block; }
  .mamasquare-place .l-space .img, .mamasquare-place .l-space .text { margin: 0 auto; }
  .mamasquare-place .l-space.-img-text .text { padding-right: 0; }
  .mamasquare-place .l-space.-text-img .img { order: 1; }
  .mamasquare-place .l-space.-text-img .text { order: 2; padding-left: 0; }
  .mamasquare-place .l-space.-workingspace .img { padding-right: 65px; }
  .mamasquare-place .l-space.-kidsspace .img { padding-left: 40px; } }

@media screen and (max-width: 600px) { .mamasquare-place .l-place-map { margin-bottom: 70px; }
  .mamasquare-place .l-place-map .item + .item { margin-top: 40px; }
  .mamasquare-place .l-place-map .name { font-size: 120%; }
  .mamasquare-place .l-space .photo img { border-width: 4px; box-sizing: border-box; }
  .mamasquare-place .l-space .text { width: 100%; max-width: 320px; padding: 0 10px !important; box-sizing: border-box; }
  .mamasquare-place .l-space.-workingspace { margin-top: 50px; }
  .mamasquare-place .l-space.-workingspace .img { padding: 0 10.34483%; }
  .mamasquare-place .l-space.-workingspace .name { top: -10%; width: 23.4375%; }
  .mamasquare-place .l-space.-workingspace .illust { left: 2.92969%; width: 19.14063%; }
  .mamasquare-place .l-space.-kidsspace .img { padding: 0 10.34483%; }
  .mamasquare-place .l-space.-kidsspace .name { top: -14%; width: 23.4375%; }
  .mamasquare-place .l-space.-kidsspace .illust { right: 3.90625%; width: 27.34375%; } }

.mamasquare-recruit { padding: 30px; background: url("../images/bg-stripe.png") center 0; }

.mamasquare-recruit > .bg { border-radius: 10px; background-color: #fff; }

.mamasquare-recruit .section-inner { position: relative; }

.mamasquare-recruit .textarea { max-width: 924px; min-height: 166px; margin: 0 auto; padding: 50px 0 40px; }

.mamasquare-recruit .heading { margin-bottom: 20px; font-size: 175%; font-weight: bold; letter-spacing: 0.1em; }

.mamasquare-recruit .recruit-boshu { display: flex; justify-content: space-between; flex-wrap: wrap; width: 71.42857%; text-align: center; }

.mamasquare-recruit .recruit-boshu .item { width: 45.45455%; margin-top: 20px; }

.mamasquare-recruit .recruit-boshu .name { font-size: 112.5%; font-weight: bold; }

.mamasquare-recruit .btn-boshu { max-width: 500px; margin: 10px auto 0; font-size: 125%; line-height: 1.5; }

.mamasquare-recruit .btn-boshu .btn { display: block; padding: 15px 20px; border-radius: 100px; background-color: #fbb520; color: #fff; text-align: center; text-decoration: none; }

.mamasquare-recruit .btn-boshu .btn.-close { background-color: #ccc; }

.mamasquare-recruit .img { position: absolute; right: 25px; bottom: -30px; }

@media screen and (max-width: 960px) { .mamasquare-recruit { padding: 15px; }
  .mamasquare-recruit .textarea { padding-top: 4.34783%; }
  .mamasquare-recruit .heading { margin-bottom: 15px; font-size: 146.66667%; letter-spacing: 0.05em; }
  .mamasquare-recruit .recruit-boshu { display: block; }
  .mamasquare-recruit .recruit-boshu .item { width: auto; }
  .mamasquare-recruit .btn-boshu { max-width: 300px; font-size: 120%; }
  .mamasquare-recruit .img { right: 5px; bottom: -15px; width: 20.65217%; min-width: 140px; } }

@media screen and (max-width: 600px) { .mamasquare-recruit { padding: 10px; }
  .mamasquare-recruit .section-inner { padding-right: 15px; padding-left: 15px; }
  .mamasquare-recruit .textarea { padding-bottom: 30px; }
  .mamasquare-recruit .heading { font-size: 133.33333%; }
  .mamasquare-recruit .recruit-boshu .name { font-size: 106.66667%; }
  .mamasquare-recruit .btn-boshu { margin-top: 2px; font-size: 106.66667%; }
  .mamasquare-recruit .img { right: -5px; bottom: -10px; min-width: 100px; } }

.mamasquare-contact { padding: 40px 0; background: url("../images/bg-multiplication.jpg") center 0; }

@media screen and (max-width: 960px) { .mamasquare-contact { padding: 30px 0; } }

.conversion-a { padding: 26px 0; border: 2px solid #0394a9; border-radius: 10px; background-color: #fff; }

.conversion-a .contact-block { display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; padding-left: 0; align-items: center; height: 60px; }

.conversion-a .contact-block dt, .conversion-a .contact-block dd { margin: 0; padding: 0 30px; text-align: center; box-sizing: border-box; }

.conversion-a .contact-block dt { width: 19.07407%; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #0394a9; font-size: 112.5%; font-weight: bold; }

.conversion-a .contact-block .phone { text-align: left; line-height: 1.45; }

.conversion-a .contact-block .phone .txt { display: block; font-size: 87.5%; }

.conversion-a .contact-block .phone a { display: inline-block; color: #0394a9; font-size: 175%; letter-spacing: 0.1em; }

.conversion-a .contact-block .phone a::before { display: inline-block; margin-bottom: 3px; font-size: 78.57143%; vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; }

.conversion-a .contact-block .form { width: 37.03704%; padding-left: 20px; font-size: 93.75%; }

.conversion-a .contact-block .form a { display: block; padding: 20px 10px; border-radius: 100px; background-color: #32c3d9; color: #fff; font-weight: bold; text-align: center; text-decoration: none; text-indent: 0.15em; letter-spacing: 0.15em; }

@media screen and (min-width: 768px) { .conversion-a .contact-block .form { box-sizing: content-box; } }

@media screen and (max-width: 960px) { .conversion-a .contact-block dt, .conversion-a .contact-block dd { padding-right: 20px; padding-left: 20px; font-size: 93.33333%; }
  .conversion-a .contact-block .phone a { font-size: 160%; }
  .conversion-a .contact-block .phone a::before { font-size: 75%; } }

@media screen and (max-width: 767px) { .conversion-a .contact-block:not(.-ir) { flex-wrap: wrap; height: auto; margin: 0 20px; }
  .conversion-a .contact-block:not(.-ir) dt { width: 100%; padding: 0 0 15px; border-right: 0; border-bottom: 1px solid #afd1e3; }
  .conversion-a .contact-block:not(.-ir) dd { width: 50%; padding-top: 15px; }
  .conversion-a .contact-block .form { width: 50%; padding-right: 0; }
  .conversion-a .contact-block .form a { padding: 15px; text-indent: 0.05em; letter-spacing: 0.05em; } }

@media screen and (max-width: 600px) { .conversion-a { padding: 5px 10px; }
  .conversion-a .contact-block { display: block; height: auto; margin: 0 !important; text-align: center; }
  .conversion-a .contact-block dt, .conversion-a .contact-block dd { width: auto !important; padding: 10px 0 !important; }
  .conversion-a .contact-block .phone { display: inline-block; margin: 0 auto; padding: 15px 0 0 !important; }
  .conversion-a .contact-block .phone .txt { display: block; font-size: 100%; }
  .conversion-a .contact-block .form { font-size: 100%; } }
/*# sourceMappingURL=mamasquare.css.map */