@charset "UTF-8";
/* TOP
------------------------------------------*/
.home div#mv { padding-top: 70px; box-sizing: border-box; min-height: 639px; }

div.mv-set01 { width: 1240px; margin: 0 auto; position: relative; }
div.mv-set01 .textBox { position: relative; z-index: 2; }
div.mv-set01 .textBox .text { font-size: 18px; font-weight: 700; }
div.mv-set01 .img { position: absolute; right: 0; top: 0; }

.mv-copy01 { font-size: 50px; font-weight: 700; margin-bottom: 30px; }

.mv-set02 { width: 1240px; margin: 0 auto; position: relative; margin-top: 40px; }
.mv-set02 .top-news { display: flex; flex-wrap: wrap; width: 670px; height: 50px; margin-bottom: 40px; border-radius: 50px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025), 6px 6px 30px rgba(0, 0, 0, 0.06); }
.mv-set02 .top-news h2.news-tit { width: 130px; background: #259EA7; border-radius: 50px 0 0 50px; color: #fff; box-sizing: border-box; line-height: 50px; padding-left: 30px; font-size: 18px; font-weight: 700; }
.mv-set02 .top-news .news-area { width: calc(100% - 130px); background: #fff; border-radius: 0 50px 50px 0; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding-left: 20px; padding-right: 15px; }

article.top-news-art { width: 100%; }
article.top-news-art a { text-decoration: none; align-items: center; }
article.top-news-art a .n-date { width: 85px; }
article.top-news-art a .n-tit { width: calc(100% - 125px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
article.top-news-art a span.arrow { margin-left: auto; width: 20px; height: 20px; background: #EE6318; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: solid 1px #EE6318; transition: 0.3s; }
article.top-news-art a span.arrow img { width: 10px; display: block; opacity: 1; }
article.top-news-art a:hover { text-decoration: underline; }
article.top-news-art a:hover span.arrow { background: #fff; }
article.top-news-art a:hover span.arrow img { filter: brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(2891%) hue-rotate(356deg) brightness(100%) contrast(87%); }

div.situation { width: 670px; background: #fff; border: solid 1px #EE6318; box-sizing: border-box; border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025), 6px 6px 30px rgba(0, 0, 0, 0.06); }
div.situation h2.tit { text-align: center; color: #fff; font-size: 16px; font-weight: 700; border-radius: 8px 8px 0 0; background: #EE6318; padding: 8px; }
div.situation .inner { padding: 26px 30px; display: flex; flex-wrap: wrap; align-items: center; }
div.situation .inner .mainBox.room_0 { width: 300px; }
div.situation .inner .mainBox.room_0 span.text { top: 0; }
div.situation .inner .mainBox { width: 252px; display: flex; flex-wrap: wrap; align-items: center; }
div.situation .inner .mainBox span.state { width: 52px; line-height: 26px; height: 26px; background: #EE6318; text-align: center; color: #fff; font-weight: 700; font-size: 14px; border-radius: 30px; }
div.situation .inner .mainBox span.text { width: calc(100% - 62px); margin-left: auto; line-height: 20px; position: relative; top: -3px; }
div.situation .inner .mainBox span.text .orange { font-size: 20px; font-weight: 700; }
div.situation .inner .mainBox span.text .orange .num { font-size: 30px; }
div.situation .inner .link-text { font-size: 14px; max-width: calc(100% - 245px); }
div.situation .inner .link-text a { display: flex; flex-wrap: wrap; align-items: center; }
div.situation .inner .link-text a span.arrow { margin-left: 10px; width: 20px; height: 20px; background: #EE6318; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: solid 1px #EE6318; transition: 0.3s; }
div.situation .inner .link-text a span.arrow img { width: 10px; display: block; opacity: 1; }
div.situation .inner .link-text a:hover { text-decoration: underline; }
div.situation .inner .link-text a:hover span.arrow { background: #fff; }
div.situation .inner .link-text a:hover span.arrow img { filter: brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(2891%) hue-rotate(356deg) brightness(100%) contrast(87%); }

section#about-sec { position: relative; z-index: 2; }
section#about-sec .titles01 { margin-bottom: 0; }
section#about-sec .btn01 { width: 400px; margin: 40px auto 0; }
section#about-sec .btn01 a { padding-right: 55px; }

.top-cont02.flex { flex-direction: row-reverse; justify-content: space-between; }
.top-cont02.flex .img { width: 507px; margin-top: -12px; }
.top-cont02.flex .text { width: 540px; padding-top: 80px; }

.feats-box { position: relative; margin-top: -74px; }
.feats-box .inner { background: #fff; position: relative; z-index: 2; border-radius: 10px; border: solid 1px #259EA7; padding: 50px 60px 40px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025), 6px 6px 30px rgba(0, 0, 0, 0.06); }

.feats-box:after { content: ""; background: url("../img/top/img02.png") no-repeat top right; width: 333px; height: 301px; background-size: contain; position: absolute; right: -189px; bottom: -96px; }

.sub-tit { text-align: center; font-size: 20px; font-weight: 700; position: relative; z-index: 3; margin-bottom: -22px; }
.sub-tit > span { display: inline-block; padding: 7px 40px; background: #259EA7; border-radius: 30px; color: #fff; }

.tri-list01.flex { justify-content: space-between; }
.tri-list01.flex > div.box { width: 312px; text-align: center; }
.tri-list01.flex > div.box .img { margin-bottom: 20px; }
.tri-list01.flex > div.box > h4 { font-weight: 700; font-size: 18px; margin-bottom: 20px; }
.tri-list01.flex > div.box .text { font-size: 14px; }

div.bg02-box { background: url("../img/top/bg02.png") no-repeat center top; padding: 382px 0 1px; margin-top: -268px; margin-bottom: 440px; }

section#voice-sec { padding-bottom: 100px; overflow: hidden; }

div.slider01 { margin-bottom: 0 !important; }
div.slider01 .slick-list { overflow: visible; }
div.slider01 .slick-track { display: flex; flex-wrap: wrap; }
div.slider01 article.voice-art { opacity: 0; pointer-events: none; transition: 0.3s; height: auto !important; }
div.slider01 article.voice-art.slick-active { opacity: 1; pointer-events: auto; }
div.slider01 article.voice-art.slick-active + article.voice-art { opacity: 1; pointer-events: auto; }

article.voice-art { width: 352px; margin-right: 22px; }
article.voice-art a { display: block; height: 100%; box-sizing: border-box; padding: 20px 20px 40px; text-decoration: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025), 6px 6px 30px rgba(0, 0, 0, 0.06); background: #fff; border-radius: 10px; }
article.voice-art a .img { margin-bottom: 30px; border-radius: 10px; overflow: hidden; }
article.voice-art a .img .in-img { padding-top: 64.1%; border-radius: 10px; transition: 0.3s; }
article.voice-art a .cont { padding: 0 20px; }
article.voice-art a .cont h3 { font-weight: 500; }
article.voice-art a .cont .infos.flex { margin-top: 20px; width: calc(100% + 20px); margin-left: -20px; align-items: center; }
article.voice-art a .cont .infos.flex > div { margin-left: 20px; }
article.voice-art a:hover { box-shadow: 0 0 1px rgba(0, 0, 0, 0.06); }
article.voice-art a:hover .img .in-img { transform: scale(1.1); }

.cate01, .cate02, .cate03 { padding: 0 12px; border-radius: 30px; color: #fff; font-size: 14px; font-weight: 700; text-align: center; line-height: 26px; }

.cate01 { background: #7C7C7C; }

.cate02 { background: #259EA7; }

.cate03 { background: #EE6318; }

.reki { display: flex; flex-wrap: wrap; line-height: 26px; align-items: center; }
.reki > div { margin-right: 8px; }
.reki > div.text { font-weight: 700; font-size: 16px; }
.reki > div:last-child { margin-right: 0; }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0s; width: 35px; height: 70px; box-sizing: border-box; border: none; transition: 0.3s; }

button.slick-prev.slick-arrow { background: url("../img/top/slide-arrow01.svg") no-repeat center left 15px #259EA7; left: -35px; border-radius: 35px 0 0 35px; }

button.slick-next.slick-arrow { background: url("../img/top/slide-arrow02.svg") no-repeat center right 15px #259EA7; right: -35px; border-radius: 0 35px 35px 0; }

button.slick-arrow:before { content: none; }

button.slick-prev.slick-arrow:hover { background-color: #ccc; }

button.slick-next.slick-arrow:hover { background-color: #ccc; }

section#service-sec { background: #EBF7F8; width: calc(100% - 80px); margin: 0 auto -392px; padding: 100px 0; border-radius: 10px; }

.top-cont03.flex { justify-content: space-between; flex-direction: row-reverse; }
.top-cont03.flex .img { width: 534px; margin-top: -60px; margin-left: -50px; }
.top-cont03.flex .cont { width: 540px; padding-top: 20px; }
.top-cont03.flex .cont .btn01 { margin-top: 60px; }

.copy01 { margin-bottom: 30px; font-size: 30px; font-weight: 700; }

div#linkbtn-box { margin-bottom: 53px; }
div#linkbtn-box .wrap { display: flex; flex-wrap: wrap; justify-content: center; }

.link-btn { width: 243px; margin-right: 88px; }
.link-btn a { display: block; text-align: center; text-decoration: none; }
.link-btn a .img { position: relative; margin-bottom: 20px; }
.link-btn a .img img { display: block; position: relative; z-index: 2; }
.link-btn a .link-text { text-align: center; }
.link-btn a .link-text span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: 700; font-size: 18px; }
.link-btn a span.arrow { margin-left: 10px; width: 20px; height: 20px; background: #EE6318; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: solid 1px #EE6318; transition: 0.3s; }
.link-btn a span.arrow img { width: 10px; display: block; opacity: 1; }
.link-btn a:hover span.arrow { background: #fff; }
.link-btn a:hover span.arrow img { filter: brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(2891%) hue-rotate(356deg) brightness(100%) contrast(87%); }

.link-btn:last-child { margin-right: 0; }

.link-btn.link-btn01 .img:before { content: ""; background: url("../img/top/bc01.svg") no-repeat; width: 242px; height: 246px; position: absolute; left: -34px; top: -3px; }

.link-btn.link-btn02 .img:before { content: ""; background: url("../img/top/bc02.svg") no-repeat; width: 230px; height: 234px; position: absolute; left: 34px; top: 18px; }

.link-btn.link-btn03 .img:before { content: ""; background: url("../img/top/bc03.svg") no-repeat; width: 263px; height: 238px; position: absolute; left: -17px; top: -31px; }

.bg03Box { padding-top: 93px; padding-bottom: 290px; background: url("../img/top/bg03.png") no-repeat center top; margin-bottom: -350px; }

section#access-sec { position: relative; z-index: 2; }
section#access-sec .gmap { width: calc(100% - 80px); margin: 0 auto; height: 500px; }
section#access-sec .gmap iframe { width: 100%; height: 100%; border-radius: 10px; }
section#access-sec .wrap { padding-top: 1px; }

div.access-datas { position: relative; z-index: 2; padding: 50px 40px 40px; background: #fff; border-radius: 10px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025), 6px 6px 30px rgba(0, 0, 0, 0.06); margin-top: -120px; }

.addressBox { display: flex; flex-wrap: wrap; align-items: center; }
.addressBox .line01 { margin-right: 30px; }
.addressBox .line02 { font-size: 14px; }
.addressBox .line02 a.gmap-link { display: inline-block; padding-left: 18px; background: url("../img/top/ico-pin.svg") no-repeat left center; }

.access-method { display: flex; flex-wrap: wrap; align-items: center; background: #F6F6F6; border-radius: 10px; padding: 30px 40px; box-sizing: border-box; min-height: 132px; }
.access-method .ac-tit { width: 238px; }
.access-method > .cont { width: calc(100% - 238px); }

.access-method.method01 { margin-top: 20px; }

.access-method.method02 { margin-top: 10px; }
.access-method.method02 .ac-tit { background-image: url("../img/top/ico-train.svg"); }

.ac-tit { box-sizing: border-box; font-weight: 700; font-size: 18px; padding-left: 42px; background: url("../img/top/ico-car.svg") no-repeat center left; line-height: 34px; }

section#recruit-sec .img05 { background: url("../img/top/img04.png") no-repeat; background-size: contain; width: 286px; height: 281px; position: absolute; right: -154px; top: -34px; }
section#recruit-sec .wrap { padding-top: 180px; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
section#recruit-sec .wrap .img { margin-left: -71px; width: 500px; margin-top: -86px; }
section#recruit-sec .wrap .cont { width: 550px; }
section#recruit-sec .wrap .cont .titles01 { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; background-position: left -38px bottom; }
section#recruit-sec .wrap .cont .titles01 .en { margin-left: 20px; position: relative; top: -5px; }
section#recruit-sec .wrap .cont .btn01 { margin-top: 60px; }

/* 02 グループリビング
--------------------------------*/
html.showPage body:not(.home) { background: url("../img/p02/umv-bg.png") no-repeat center top #fff; }

div#umv { height: 360px; box-sizing: border-box; padding-top: 140px; }
div#umv .mv-tit { width: 1100px; margin: 0 auto; font-weight: 700; line-height: 1; }
div#umv .mv-tit span.en { font-size: 20px; display: flex; flex-wrap: wrap; align-items: center; min-height: 30px; line-height: 30px; margin-bottom: 10px; }
div#umv .mv-tit span.en span.ico { margin-right: 4px; height: 30px; width: 30px; background: url("../img/common/nav01.svg") no-repeat center; }
div#umv .mv-tit span.jp { font-size: 48px; display: block; }

div#p02Box01 { padding: 1px 0; position: relative; z-index: 3; }
div#p02Box01 .situation { margin: -120px auto 80px; position: relative; z-index: 3; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); }

.p02-cont01.flex { justify-content: space-between; flex-direction: row-reverse; }
.p02-cont01.flex .img { width: 580px; margin-left: -58px; }
.p02-cont01.flex .cont { width: 520px; position: relative; }
.p02-cont01.flex .cont > h2, .p02-cont01.flex .cont > div { position: relative; z-index: 2; }
.p02-cont01.flex .cont h2.sub-tit { text-align: left; margin-bottom: 8px; }
.p02-cont01.flex .cont h2.sub-tit > span { padding: 5px 16px; font-size: 16px; font-weight: 700; }
.p02-cont01.flex .cont .greenBox01 { margin-top: 30px; }
.p02-cont01.flex .cont:before { content: ""; background: url("../img/p02/bg-ico01.png") no-repeat; width: 240px; height: 200px; background-size: contain; position: absolute; right: -18px; top: 242px; }

.copy02 { font-size: 28px; margin-bottom: 24px; font-weight: 700; line-height: 1.6; }
.copy02 span.green { font-size: 36px; }
.copy02 span.dot { background: url("../img/p02/dot01.svg") repeat-x left bottom; padding-bottom: 2px; }

.greenBox01 { border: solid 1px #259EA7; border-radius: 10px; background: #fff; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); }
.greenBox01 > .tit { text-align: center; background: #259EA7; color: #fff; font-weight: 700; border-radius: 8px 8px 0 0; padding: 7px; }
.greenBox01 > .inner { padding: 20px 30px; }

ul.dot-list01 > li { line-height: 20px; margin-bottom: 8px; padding-left: 15px; position: relative; font-weight: 700; }
ul.dot-list01 > li:last-child { margin-bottom: 0; }
ul.dot-list01 > li:before { content: ""; width: 10px; height: 10px; border-radius: 100%; background: #259EA7; position: absolute; left: 0; top: 6px; border-radius: 100%; }

.p02-cont02 { margin-top: 80px; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); border-radius: 10px; background: #FFF6F2; padding: 60px; }
.p02-cont02 .tit-head { margin-bottom: 60px; }
.p02-cont02 .tit-head .text { width: 600px; }

.tit-head { justify-content: space-between; align-items: flex-start; }

.sub-tit02 { line-height: 1.35; font-weight: 700; font-size: 30px; }

.TBL01 .col01 { border-left: solid 1px #EE6318; width: 204px; }
.TBL01 .col02 { width: 240px; }
.TBL01 .col03 { border-right: solid 1px #EE6318; width: 538px; }
.TBL01 table { border-collapse: separate; border-spacing: 0; }
.TBL01 th, .TBL01 td { box-sizing: border-box; padding: 20px; }
.TBL01 thead th { background: #EE6318; color: #fff; font-weight: 700; text-align: left; vertical-align: middle; }
.TBL01 thead th.col01 { border-radius: 10px 0 0 0; border-right: solid 1px #FEE8E7; }
.TBL01 thead th.col02 { border-right: solid 1px #FEE8E7; }
.TBL01 thead th.col03 { border-radius: 0 10px 0 0; }
.TBL01 tbody td.col01 { border-right: solid 1px #fff; font-weight: 700; background: #FFE9DD; border-bottom: dashed 1px #EBC2AC; }
.TBL01 tbody td.col02 { border-right: solid 1px #EEEEEE; }
.TBL01 tbody td { background: #fff; border-bottom: dashed 1px #EEEEEE; }
.TBL01 tbody tr:last-child td { border-bottom: solid 1px #EE6318; }
.TBL01 tbody tr:last-child td.col01 { border-radius: 0 0 0 10px; }
.TBL01 tbody tr:last-child td.col03 { border-radius: 0 0 10px 0; }

section#p02Box02 { padding: 230px 0 82px; background: url("../img/p02/bg01-b.png") no-repeat center bottom -1px, url("../img/p02/bg01.png") no-repeat center top; margin-top: -150px; }

.liv-list > div.box { margin-bottom: 30px; background: #fff; padding: 40px 50px 50px; border-radius: 10px; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); box-sizing: border-box; }
.liv-list > div.box:last-child { margin-bottom: 0; }
.liv-list > div.box.liv01 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.liv-list > div.box.liv01 > .cont { width: 550px; }
.liv-list > div.box.liv01 > .img { width: 410px; }
.liv-list > div.box.liv01 .liv-tit { margin-bottom: 15px; }
.liv-list > div.box.liv02 .liv-tit { margin-bottom: 30px; }
.liv-list > div.box.liv02 .liv-tit > .ico { background-image: url("../img/p02/ico02.svg"); }
.liv-list > div.box.liv03 .liv-tit { margin-bottom: 15px; }
.liv-list > div.box.liv03 .liv-tit > .ico { background-image: url("../img/p02/ico03.svg"); }
.liv-list > div.box.liv04 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.liv-list > div.box.liv04 > .cont { width: 545px; }
.liv-list > div.box.liv04 > .img { width: 410px; }
.liv-list > div.box.liv04 .liv-tit > .ico { background-image: url("../img/p02/ico04.svg"); }
.liv-list > div.box.liv05 .liv-tit > .ico { background-image: url("../img/p02/ico05.svg"); }
.liv-list > div.box.liv05 .inner { margin-top: 24px; }
.liv-list > div.box.liv05 .inner dl { margin-bottom: 24px; }
.liv-list > div.box.liv05 .inner dl dt { font-weight: 700; line-height: 1; padding-left: 15px; position: relative; margin-bottom: 10px; }
.liv-list > div.box.liv05 .inner dl dt:before { content: ""; width: 10px; height: 10px; background: #EE6318; border-radius: 100%; position: absolute; left: 0; top: 3px; }
.liv-list > div.box.liv05 .inner dl dd { line-height: 1.35; }
.liv-list > div.box.liv05 .inner dl:last-child { margin-bottom: 0; }

.liv-tit { height: 64px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; }
.liv-tit > .ico { display: block; width: 64px; height: 64px; margin-right: 16px; background: url("../img/p02/ico01.svg") no-repeat center left; }
.liv-tit > .text { font-weight: 700; font-size: 30px; line-height: 1; }

div.ex-list01.flex > div.exBox { width: 230px; margin-right: 26px; text-align: center; }
div.ex-list01.flex > div.exBox > p { font-weight: 700; font-size: 20px; line-height: 1.35; margin-top: 8px; }
div.ex-list01.flex > div.exBox:last-child { margin-right: 0; }

div.ex-list02.flex { margin-top: 24px; }
div.ex-list02.flex > div.ex-box { width: 180px; margin-right: 25px; text-align: center; box-sizing: border-box; background: #FFF6F2; border-radius: 10px; padding: 15px 3px 20px; font-weight: 700; }
div.ex-list02.flex > div.ex-box .num-text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 8px; }
div.ex-list02.flex > div.ex-box .num-text > span.left { color: #EE6318; font-size: 19px; }
div.ex-list02.flex > div.ex-box .num-text > span.num { background: #EE6318; color: #fff; width: 24px; height: 24px; line-height: 22px; text-align: center; border-radius: 100%; margin-left: 2px; font-size: 20px; }
div.ex-list02.flex > div.ex-box > .text { line-height: 1.35; font-size: 18px; }
div.ex-list02.flex > div.ex-box:last-child { margin-right: 0; }

section#p02Box03 { padding: 20px 0 80px; }

article.faq-art { background: #fff; border-radius: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); margin-bottom: 20px; background: #fff; border: solid 1px #259EA7; }

article.faq-art:has(h3.on) { box-shadow: 0 0 0 rgba(0, 0, 0, 0.08); }

article.faq-art:last-child { margin-bottom: 0; }

span.opcl-ico { width: 32px; height: 32px; box-sizing: border-box; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; right: 30px; top: 50%; z-index: 2; transform: translateY(-50%); }
span.opcl-ico > span { width: 100%; height: 100%; position: relative; }
span.opcl-ico > span:before { content: ""; width: 100%; height: 1px; background: #259EA7; transition: 0.3s; position: absolute; left: 0; top: calc(50% - 1px); }
span.opcl-ico > span:after { content: ""; width: 1px; height: 100%; background: #259EA7; transition: 0.3s; position: absolute; left: calc(50% - 1px); top: 0; }

.opcl { cursor: pointer; }

.opcl.on span.opcl-ico > span:before { background: #fff; }
.opcl.on span.opcl-ico > span:after { opacity: 0; }

.q-tit { padding: 21px 70px 21px 60px; position: relative; font-weight: 700; line-height: 1.3; color: #259EA7; font-size: 16px; }

.q-tit:before { content: "Q"; color: #259EA7; font-size: 24px; line-height: 1; position: absolute; left: 30px; top: 17px; font-weight: 700; }

.q-tit.on { background: #259EA7; color: #fff; border-radius: 8px 8px 0 0; }

.q-tit.on:before { color: #fff; }

div.a-text { padding: 24px 24px 24px 60px; border-radius: 10px; position: relative; }

div.a-text:before { content: "A"; color: #EE6318; font-size: 24px; line-height: 1; position: absolute; left: 30px; top: 22px; font-weight: 400; }

.opcl-cont { display: none; }

section#p02Box04 { padding: 120px 0 280px; background: url("../img/p02/bg02.png") no-repeat center top; margin-bottom: -280px; }

div.flow-list01.flex > .box { width: 250px; background: #fff; border-radius: 10px; position: relative; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); padding: 20px; box-sizing: border-box; text-align: center; margin-right: 32px; }
div.flow-list01.flex > .box .num { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 10px 0 10px 0; color: #fff; text-align: center; line-height: 38px; font-size: 20px; background: #EE6318; }
div.flow-list01.flex > .box .img { margin-bottom: 14px; }
div.flow-list01.flex > .box > p { font-weight: 700; font-size: 20px; }
div.flow-list01.flex > .box:last-child { margin-right: 0; }
div.flow-list01.flex > .box:after { content: ""; background: url("../img/p02/flow-arrow.svg") no-repeat; width: 8px; height: 14px; position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%); }
div.flow-list01.flex > .box:last-child:after { content: none; }

/* 03 訪問介護
--------------------------------*/
.page-homecare div#umv .mv-tit span.en span.ico { margin-right: 0; height: 30px; width: 210px; background: url("../img/p03/smile-logo.svg") no-repeat center #fff; border-radius: 30px; }

div#p03Box01 { padding: 6px 0 1px; position: relative; z-index: 3; }

.p03-cont01.flex { justify-content: space-between; }
.p03-cont01.flex .cont { width: 540px; padding-top: 60px; }
.p03-cont01.flex .img { width: 500px; }

.p03-box01 { position: relative; z-index: 2; margin-top: -50px; }
.p03-box01 .sub-tit { margin-bottom: -16px; }
.p03-box01 .sub-tit > span { background: #EE6318; font-size: 16px; padding: 4px 16px; }
.p03-box01 .inner { background: #fff; border-radius: 10px; border: solid 1px #EE6318; padding: 40px; }

section#p03Box02 { padding: 170px 0 212px; background: url("../img/p03/bg01.png") no-repeat center top; margin-bottom: -212px; margin-top: -72px; }
section#p03Box02 .greenBox01 { margin-bottom: 40px; }
section#p03Box02 .greenBox01 > .inner { padding: 30px 40px 40px; }
section#p03Box02 .greenBox01 .tit { font-size: 20px; padding-top: 13px; padding-bottom: 13px; }
section#p03Box02 .greenBox01:last-child { margin-bottom: 0; }

.greenBox01.orangeBox01 { border-color: #EE6318; }
.greenBox01.orangeBox01 .tit { background: #EE6318; }
.greenBox01.orangeBox01 .TBL-list.flex .in-tit { background: #FFF6F2; }

.TBL-list.flex { padding-bottom: 20px; margin-bottom: 20px; border-bottom: dashed 1px #EEEEEE; align-items: flex-start; justify-content: space-between; }
.TBL-list.flex .in-tit { width: 160px; font-weight: 700; text-align: center; border-radius: 30px; height: 32px; line-height: 30px; background: #EBF7F8; }
.TBL-list.flex > .cont { width: calc(100% - 180px); padding-top: 3px; }
.TBL-list.flex > .cont ul.dot-list01 { margin-top: 15px; }

.TBL-list.flex:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

/* 04 料金表
--------------------------------*/
.page-price div#umv .mv-tit span.en span.ico { background-image: url("../img/common/nav03.svg"); }

section#p04Box01 { padding: 20px 0 1px; position: relative; z-index: 3; }
section#p04Box01 h2.titles01 span.gl { background: url("../img/p04/gl.svg") no-repeat center; height: 18px; display: block; background-size: contain; }
section#p04Box01 .greenBox01 { margin-top: 60px; }
section#p04Box01 .greenBox01 > .tit { font-size: 20px; padding-top: 13px; padding-bottom: 13px; }
section#p04Box01 .greenBox01 .inner { padding: 40px; }
section#p04Box01 .greenBox01 .price-listBox > div { width: 480px; }

.bikouBox { margin-top: 40px; }
.bikouBox > h4 { font-size: 20px; line-height: 1.35; margin-bottom: 15px; }

.price-listBox { display: flex; flex-wrap: wrap; justify-content: space-between; }
.price-listBox > div { width: 500px; }

.price-TBL.flex { padding-bottom: 12px; margin-bottom: 24px; border-bottom: dashed 1px #EEEEEE; align-items: center; justify-content: space-between; }
.price-TBL.flex .tit { width: 260px; font-weight: 700; text-align: center; border-radius: 30px; height: 32px; line-height: 30px; background: #EBF7F8; }
.price-TBL.flex > .cont { max-width: calc(100% - 260px); text-align: right; font-weight: 700; }
.price-TBL.flex > .cont span.num { font-size: 24px; }
.price-TBL.flex > .cont span.tani { font-size: 16px; }

.price-TBL.flex:last-child { margin-bottom: 0; }

.price-TOTAL.flex { justify-content: space-between; align-items: center; }
.price-TOTAL.flex .tit { font-size: 24px; font-weight: 700; }
.price-TOTAL.flex .tit .small { font-size: 16px; }
.price-TOTAL.flex .cont { font-weight: 700; font-size: 32px; }
.price-TOTAL.flex .cont .tani { font-size: 16px; font-weight: 500; }

section#p04Box02 { padding: 250px 0 460px; background: url("../img/p04/bg01.png") no-repeat center top; margin-top: -90px; }
section#p04Box02 h2.titles01 span.sm { background: url("../img/p03/smile-logo.svg") no-repeat center #fff; width: 209px; height: 30px; display: inline-block; background-size: 177px; border-radius: 30px; }
section#p04Box02 h2.titles01 .jp { font-size: 44px; }
section#p04Box02 .greenBox01 { margin-top: 40px; }
section#p04Box02 .greenBox01 > .tit { font-size: 20px; padding-top: 13px; padding-bottom: 13px; }
section#p04Box02 .greenBox01 .inner { padding: 30px 40px 40px; }
section#p04Box02 .p02-cont02 { margin-top: 0; padding: 40px; text-align: center; }

div#p04Box03 { padding: 120px 0 100px; background: url("../img/p04/bg01-bottom.png") no-repeat center top; margin-top: -380px; }
div#p04Box03 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
div#p04Box03 .wrap .ptw-box { box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); box-sizing: border-box; width: 520px; border-radius: 10px; background: #EBF7F8; padding: 60px; }

ul.dot-list02 > li { line-height: 1.2; margin-bottom: 8px; padding-left: 21px; position: relative; }
ul.dot-list02 > li:before { content: "・"; position: absolute; left: 0; top: 0; }
ul.dot-list02 > li:last-child { margin-bottom: 0; }

.num-texts04 { text-align: center; line-height: 1; }
.num-texts04 .right { font-weight: 700; font-size: 40px; margin-left: 4px; }
.num-texts04 .right .small { font-size: 16px; font-weight: 500; }

.page-price aside#aside01 { padding-top: 80px; }
.page-price div#footer { background: none; padding-top: 0; }

/* 05 施設紹介
--------------------------------*/
.page-facility div#umv .mv-tit span.en span.ico { background-image: url("../img/common/nav04.svg"); }

div#p05Box01 { padding: 1px 0 35px; }

.p05-cont01.flex { justify-content: space-between; }
.p05-cont01.flex .cont { width: 550px; padding-top: 60px; }
.p05-cont01.flex .img { width: 490px; }

section#p05Box02 { padding: 104px 0 56px; background: url("../img/p05/bg01-b.png") no-repeat center bottom -1px, url("../img/p05/bg01.png") no-repeat center top; }

div.p02-cont02.p05-2 { margin-top: 0; padding-top: 40px; }

.p05-cont02.flex { justify-content: space-between; flex-direction: row-reverse; }
.p05-cont02.flex .img { width: 400px; }
.p05-cont02.flex .cont { width: 520px; }
.p05-cont02.flex .cont .sub32 { margin-bottom: 7px; }
.p05-cont02.flex .cont .size-text01 { margin-bottom: 30px; }

.sub32 { font-weight: 700; line-height: 1.35; font-size: 32px; }

.sub24 { font-weight: 700; line-height: 1; font-size: 24px; margin-bottom: 24px; }

.size-text01 { font-weight: 700; font-size: 20px; line-height: 1; }
.size-text01 .num { font-size: 30px; }

.p05-inner01.flex { margin-top: 40px; justify-content: space-between; }
.p05-inner01.flex > div.greenBox01.orangeBox01 { width: 230px; }
.p05-inner01.flex > div.greenBox01.orangeBox01 > .inner { padding: 20px; }

div.room-ex { width: calc(100% + 120px); margin-left: -60px; overflow: hidden; margin-top: 60px; }
div.room-ex h4.sub24 { text-align: center; }

.room-ex-slider { margin-bottom: 0; height: 330px; }
.room-ex-slider button.slick-prev.slick-arrow { background: url("../img/top/slide-arrow01.svg") no-repeat center left 15px #EE6318; left: calc(50% - 245px); border-radius: 35px 0 0 35px; }
.room-ex-slider button.slick-next.slick-arrow { background: url("../img/top/slide-arrow02.svg") no-repeat center right 15px #EE6318; right: calc(50% - 245px); border-radius: 0 35px 35px 0; }
.room-ex-slider button.slick-prev.slick-arrow:hover { background-color: #EE6318; opacity: 0.7; }
.room-ex-slider button.slick-next.slick-arrow:hover { background-color: #EE6318; opacity: 0.7; }

div.room-slide { width: 440px; }
div.room-slide .img .in-img { padding-top: 72.72%; border-radius: 10px; margin: 0 10px; }

div.p02-cont02.p05-3 { margin-top: 40px; background: #EBF7F8; }
div.p02-cont02.p05-3 .tit-head { margin-bottom: 40px; }

div.tri-list02.flex { margin-top: -40px; }
div.tri-list02.flex > div.box { width: 310px; margin: 40px 25px 0 0; text-align: center; }
div.tri-list02.flex > div.box .tit { text-align: center; font-size: 20px; line-height: 1.35; font-weight: 700; margin-top: 8px; }
div.tri-list02.flex > div.box .tit .komoji { font-size: 16px; }
div.tri-list02.flex > div.box:nth-child(3n) { margin-right: 0; }

div.photo-gallery { display: flex; flex-wrap: wrap; align-items: flex-start; }

div.gallery-main { width: 600px; margin-right: 50px; }
div.gallery-main button.slick-prev.slick-arrow { background: url("../img/top/slide-arrow01.svg") no-repeat center left 15px #259EA7; left: -35px; border-radius: 35px 0 0 35px; }
div.gallery-main button.slick-next.slick-arrow { background: url("../img/top/slide-arrow02.svg") no-repeat center right 15px #259EA7; right: -35px; border-radius: 0 35px 35px 0; }
div.gallery-main button.slick-prev.slick-arrow:hover { background-color: #259EA7; opacity: 0.7; }
div.gallery-main button.slick-next.slick-arrow:hover { background-color: #259EA7; opacity: 0.7; }

div.gallery-thumbs { width: 210px; margin-top: -10px; }
div.gallery-thumbs .slick-track { width: 100% !important; transform: none !important; }

.gallery-img { width: 100%; }
.gallery-img a { display: block; position: relative; text-decoration: none; }
.gallery-img a:after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 2; background: url("../img/p05/ico-lens.svg") no-repeat center, rgba(0, 0, 0, 0.5); width: 40px; height: 40px; }
.gallery-img p { text-align: center; margin-top: 10px; line-height: 1.5; }

.gallery-photo { padding-top: 66.66%; border-radius: 10px; }

.gallery-thumb { width: 100px; margin: 10px 10px 0 0; cursor: pointer; position: relative; }
.gallery-thumb .thumb-photo { padding-top: 70%; border-radius: 5px; }

.gallery-thumb:after { content: ""; background: #000; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0; opacity: 0; transition: 0.3s; border-radius: 5px; }

.gallery-thumb:hover:after, .gallery-thumb.slick-current:after { opacity: 0.6; }

.gallery-thumb:nth-child(2n) { margin-right: 0; }

section#p05Box03 { padding: 20px 0 1px; }
section#p05Box03 .wrap { width: 860px; }

/* 06 会社案内・アクセス
--------------------------------*/
.page-company div#umv .mv-tit span.en span.ico { background-image: url("../img/common/nav05.svg"); }

section#p06Box01 { padding: 10px 0 0; }

.comTBLs.flex { justify-content: space-between; }
.comTBLs.flex > div { width: 520px; }
.comTBLs.flex .TBL-list.flex .in-tit { width: 120px; background: #F8F8F8; }
.comTBLs.flex .TBL-list.flex > .cont { width: calc(100% - 140px); padding-top: 3px; }

.bgBox01 { padding: 100px 0 250px; background: url("../img/p06/bg01.png") no-repeat center top; margin-bottom: -250px; }

section#p06Box02 { margin-bottom: 100px; }

.p02-cont02.p06-2 { margin-top: 0; background: #EBF7F8; }
.p02-cont02.p06-2 .inner06.flex { justify-content: space-between; flex-direction: row-reverse; }
.p02-cont02.p06-2 .inner06.flex > .cont { width: 480px; padding-top: 40px; }
.p02-cont02.p06-2 .inner06.flex > .cont .titles01 { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; background-position: left -38px bottom; }
.p02-cont02.p06-2 .inner06.flex > .cont .titles01 .en { margin-left: 20px; position: relative; top: -5px; }
.p02-cont02.p06-2 .inner06.flex .left-map { width: 440px; height: 440px; }
.p02-cont02.p06-2 .inner06.flex .left-map iframe { width: 100%; height: 100%; }

.access-list06 > div.box { margin-bottom: 24px; }
.access-list06 > div.box:last-child { margin-bottom: 0; }
.access-list06 > div.box02 h3.ac-tit02 { background-image: url("../img/p06/ico-train.svg"); }

h3.ac-tit02 { line-height: 29px; padding-left: 38px; font-size: 18px; font-weight: 700; margin-bottom: 8px; background: url("../img/p06/ico-car.svg") no-repeat left center; }

section#p06Box03 .tit-head { margin-bottom: 50px; }
section#p06Box03 .tit-head .titles01 { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; background-position: left -38px bottom; margin-bottom: 0; }
section#p06Box03 .tit-head .titles01 .en { margin-left: 20px; position: relative; top: -5px; }
section#p06Box03 .tit-head > .text { width: 515px; }

.p06-list03.flex > div.box { width: 250px; margin-right: 33px; }
.p06-list03.flex > div.box .img { margin-bottom: 12px; }
.p06-list03.flex > div.box h3.tit { line-height: 1.2; font-size: 20px; font-weight: 700; text-align: center; white-space: nowrap; margin-bottom: 12px; }
.p06-list03.flex > div.box h3.tit .small { font-size: 16px; }
.p06-list03.flex > div.box:nth-child(4n) { margin-right: 0; }

/* 07 お知らせ
--------------------------------*/
div#umv .mv-tit span.en span.ico.news-ico { background-image: url("../img/common/nav07.svg"); }

div#p07Box01 { padding: 50px 0 1px; }

div#two-cont { display: flex; flex-wrap: wrap; justify-content: space-between; }
div#two-cont div#two-main { width: 760px; }
div#two-cont div#two-side { width: 280px; }

article.news-art01 { margin-bottom: 20px; }
article.news-art01 a { text-decoration: none; padding: 20px; border-radius: 10px; box-sizing: border-box; justify-content: space-between; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); }
article.news-art01 a .img { width: 200px; overflow: hidden; }
article.news-art01 a .img .in-img { padding-top: 80%; transition: 0.3s; }
article.news-art01 a .cont { width: calc(100% - 224px); }
article.news-art01 a .cont .tit { font-size: 18px; line-height: 1.4; height: 50px; margin-bottom: 34px; font-weight: 700; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
article.news-art01 a .cont .w-date { font-size: 15px; color: #a4a4a4; }
article.news-art01 a .infos.flex { margin: -8px 0 8px -8px; }
article.news-art01 a .infos.flex > div { margin: 8px 0 0 8px; }
article.news-art01 a:hover { box-shadow: 0px 0px 0 1px rgba(0, 0, 0, 0.06); }
article.news-art01 a:hover .img .in-img { transform: scale(1.1); }

article.news-art01:last-child { margin-bottom: 0; }

h2.side-tit.side-tit01 { text-align: center; border-radius: 30px; font-weight: 700; font-size: 18px; color: #fff; line-height: 40px; background: #259EA7; margin-bottom: 20px; }

ul.side-links { border-top: solid 1px #DFDFDF; }
ul.side-links > li { border-bottom: solid 1px #DFDFDF; }
ul.side-links > li a { display: flex; flex-wrap: wrap; background: #fff; line-height: 1.2; padding: 24px 15px; align-content: center; justify-content: space-between; text-decoration: none; }
ul.side-links > li a span.text { max-width: calc(100% - 30px); }
ul.side-links > li a:hover { background: #EBF7F8; }

/*詳細*/
.whiteBox01 { padding: 45px 40px 40px; border-radius: 10px; background: #fff; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); }
.whiteBox01 .infos.flex { margin: -8px 0 8px -8px; width: calc(100% + 8px); }
.whiteBox01 .infos.flex > div { margin: 8px 0 0 8px; }
.whiteBox01 div.w-date { font-size: 15px; color: #a4a4a4; margin-bottom: 15px; }

h1.blog-tit { font-size: 22px; font-weight: 700; line-height: 1.4; margin-bottom: 24px; }

.blog-text p:first-child { margin-top: 0; }
.blog-text p:first-child img { margin-top: 0; }
.blog-text img:first-child { margin-top: 0; }
.blog-text img[class*="wp-image-"] { margin: 20px 0; }
.blog-text iframe { max-width: 100%; }
.blog-text div { max-width: 100%; }
.blog-text a { max-width: 100%; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 60px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 4px; text-decoration: none; width: 48px; height: 48px; text-align: center; line-height: 46px; font-size: 18px; font-weight: 700; color: #EE6318; background: #fff; border: solid 1px #EE6318; box-sizing: border-box; border-radius: 100%; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #EE6318; box-shadow: none; border: none; }

.wp-pagenavi > a:hover { color: #fff; background-color: #EE6318; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p07/arrow02.svg") no-repeat center #fff; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p07/arrow03.svg") no-repeat center #fff; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background: #EE6318; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p07/arrow01.svg") no-repeat center #fff; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p07/arrow04.svg") no-repeat center #fff; }

.wp-pagenavi a.previouspostslink:hover { background-color: #EE6318; color: transparent; background-image: url("../img/p07/arrow02h.svg"); }

.wp-pagenavi a.nextpostslink:hover { background-color: #EE6318; color: transparent; background-image: url("../img/p07/arrow03h.svg"); }

.wp-pagenavi a.first:hover { background-color: #EE6318; color: transparent; background-image: url("../img/p07/arrow01h.svg"); }

.wp-pagenavi a.last:hover { background-color: #EE6318; color: transparent; background-image: url("../img/p07/arrow04h.svg"); }

.wp-pagenavi span.pages { display: none; }

.post-navigation ul { justify-content: center; align-items: center; margin-top: 60px; }

.post-navigation ul > li { margin-right: 10px; }

.post-navigation ul > li a { text-decoration: none; font-weight: 700; color: #fff; }

.post-navigation ul > li.prev, .post-navigation ul > li.next { width: 160px; height: 48px; display: table; }

.post-navigation ul > li.prev a, .post-navigation ul > li.next a { font-weight: 700; display: table-cell; position: relative; border-radius: 5px; color: #EE6318; text-align: center; vertical-align: middle; border: solid 1px #EE6318; }

.post-navigation ul > li.prev a > span { display: inline-block; padding-left: 15px; background: url("../img/p07/arrow02.svg") no-repeat center left; }

.post-navigation ul > li.next a > span { display: inline-block; padding-right: 15px; background: url("../img/p07/arrow03.svg") no-repeat center right; }

.post-navigation ul > li.prev a:hover, .post-navigation ul > li.next a:hover { background-color: #EE6318; color: #fff; }

.post-navigation ul > li.prev a:hover > span { background-image: url("../img/p07/arrow02h.svg"); }

.post-navigation ul > li.next a:hover > span { background-image: url("../img/p07/arrow03h.svg"); }

.post-navigation ul > li.blog-back { width: 160px; height: 48px; display: table; }

.post-navigation ul > li.blog-back a { display: table-cell; text-align: center; vertical-align: middle; background: #EE6318; border-radius: 5px; order: solid 1px #EE6318; }

.post-navigation ul > li.blog-back a:hover { color: #EE6318; background-color: #fff; }

.post-navigation ul > li.kara { z-index: -2; pointer-events: none; opacity: 0; }

.post-navigation ul > li:last-child { margin-right: 0; }

/* 08 採用情報
--------------------------------*/
.page-recruit div#umv .mv-tit span.en span.ico { background-image: url("../img/common/nav06.svg"); }
.page-recruit aside#aside01 { padding-top: 80px; }
.page-recruit div#footer { background: none; padding-top: 0; }

div#p08Box01 { padding: 50px 0 1px; position: relative; z-index: 3; }

.p08-text01 { text-align: center; font-weight: 700; font-size: 28px; margin-bottom: 40px; line-height: 1.6; }

.rec-info-list.flex { justify-content: space-between; }
.rec-info-list.flex .box { box-sizing: border-box; padding: 20px 25px 30px; border-radius: 10px; background: #EBF7F8; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); width: 350px; }
.rec-info-list.flex .box .img { width: 260px; margin: 0 auto 15px; }
.rec-info-list.flex .box > .tit { display: table; width: 100%; height: 60px; font-weight: 700; line-height: 1.6; margin-bottom: 10px; }
.rec-info-list.flex .box > .tit > span { display: table-cell; text-align: center; vertical-align: middle; }
.rec-info-list.flex .box > .tit .big { font-size: 22px; }
.rec-info-list.flex .box > .tit .medi { font-size: 18px; }

section#p08Box02 { background: url("../img/p08/bg01.png") no-repeat center top; padding: 224px 0 250px; margin-top: -124px; }

article.rec-art { border-radius: 10px; background: #fff; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); }
article.rec-art .rec-head { border-radius: 10px 10px 0 0; background: #FFF6F2; padding: 30px 40px; display: flex; flex-wrap: wrap; align-items: center; }
article.rec-art .rec-head .cate03 { margin-right: 16px; width: 120px; box-sizing: border-box; font-size: 16px; height: 32px; line-height: 30px; }
article.rec-art .rec-head h3 { font-size: 24px; font-weight: 700; width: calc(100% - 136px); }

.rec-inner > div { padding: 30px 40px 40px; }
.rec-inner > div .btn01 { margin: 43px auto 0; }
.rec-inner .TBL-list.flex .in-tit { background: #F8F8F8; }

section#p08Box03 { padding: 120px 0 100px; background: url("../img/p04/bg01-bottom.png") no-repeat center top; margin-top: -170px; }

div.flow-list01.flow-list02.flex > .box { padding: 40px 20px 30px; background: #EBF7F8; }
div.flow-list01.flow-list02.flex > .box .num { background: #259EA7; }
div.flow-list01.flow-list02.flex > .box .img { margin-bottom: 20px; }
div.flow-list01.flow-list02.flex > .box .komoji { font-size: 16px; }
div.flow-list01.flow-list02.flex .box:after { background-image: url("../img/p08/flow-arrow.svg"); }

/* 09 お問い合わせ
--------------------------------*/
html.showPage body.page-contact { background-color: #F9F9F9; }

body.page-contact div#footer { padding-top: 0; background: none; }

div#umv .mv-tit span.en span.ico.ico-mail-mv { background-image: url("../img/p09/ico-mail-mv.svg"); }

div#p09Box01 { padding: 110px 0 100px; }
div#p09Box01 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

div.contactBoxs { box-sizing: border-box; box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.06); padding: 40px 40px 50px; background: #fff; border-radius: 10px; width: 530px; }
div.contactBoxs .tel-set { text-align: center; }
div.contactBoxs .tel-set .tel-num span.fax-in, div.contactBoxs .tel-set .tel-num a { padding-left: 0; background: none; font-size: 50px; line-height: 1; display: inline-block; font-weight: 700; }
div.contactBoxs .tel-set .bh { font-size: 16px; margin-top: 12px; }

div.contactBoxs.contactBoxs02 .con-tit { background-image: url("../img/p09/ico-fax.svg"); }

div.contactBoxs.contactBoxs03 { margin-top: 40px; width: 100%; padding: 40px 60px 50px; }
div.contactBoxs.contactBoxs03 .con-tit { background-image: url("../img/p09/ico-mail.svg"); margin-bottom: 35px; }

.con-tit { font-size: 24px; text-align: center; line-height: 1; padding-top: 70px; background: url("../img/p09/ico-tel.svg") no-repeat center top; margin-bottom: 8px; }

.contact-text01 > p { padding-left: 20px; position: relative; }
.contact-text01 > p:before { content: "※"; position: absolute; left: 0; top: 0; }

/*フォーム*/
.file-bikou { font-size: 14px; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 10px; }

ul.contact-state > li { display: table; width: 309px; height: 48px; position: relative; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: middle; background: #D4D4D4; color: #737373; font-size: 16px; font-weight: 700; }

ul.contact-state > li.state01 { margin-left: 0; }

ul.contact-state > li.state01 > span { background: #259EA7; color: #fff; }

ul.contact-state > li > span span.num { margin-right: 10px; }

ul.contact-state > li.state01:after { border-left-color: #259EA7; }

ul.contact-state > li:after { content: ""; width: 0; height: 0; position: absolute; top: 0; bottom: 0; left: 100%; margin: auto 0; top: 0; bottom: 0; border-left: solid 8px #D4D4D4; border-top: solid 4px transparent; border-bottom: solid 4px transparent; }

ul.contact-state > li:last-child:after { content: none; }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.contact-state.contact-state02 > li.state02 > span { background: #259EA7; color: #fff; }

ul.contact-state.contact-state02 > li.state02:after { border-left-color: #259EA7; }

span.num-circle { margin-right: 7px; }

a.green { text-decoration: underline; color: #259EA7; }

a.green:hover { text-decoration: none; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 16px; padding: 30px 0; color: #000000; line-height: 1.66; }
.contactTBL th { padding-bottom: 15px; }
.contactTBL td { padding-top: 0; }
.contactTBL .wpcf7-list-item { margin-left: 0; display: block; margin-bottom: 10px; }
.contactTBL input[type="checkbox"], .contactTBL input[type="radio"] { transform-origin: left center; transform: scale(1.5); margin-right: 8px; }

span.hissu { display: inline-block; color: #fff; padding: 0px 7px; background: #EE1818; margin-right: 8px; box-sizing: border-box; font-size: 14px; font-weight: 700; border-radius: 5px; }

span.nini { display: inline-block; padding: 0px 6px; margin-right: 8px; font-size: 14px; font-weight: 700; border-radius: 5px; background: #DEDEDE; }

input.wpcf7-number, input.wpcf7-date, input.wpcf7-text { box-sizing: border-box; height: 40px; border: solid 1px #D4D4D4; padding: 5px 20px; font-size: 16px; background: #fff; width: 100%; }

input.wpcf7-date { padding: 5px 10px; }

select.wpcf7-select { box-sizing: border-box; height: 40px; border: solid 1px #D4D4D4; padding: 5px 20px; font-size: 16px; background: #fff; width: auto; }

select { background: #fff; border-radius: 0; }

textarea.wpcf7-textarea { box-sizing: border-box; height: 160px; border: solid 1px #D4D4D4; padding: 5px 10px; font-size: 16px; background: #fff; width: 100%; }

input#com-name, input#busho { width: 500px; }

.okomari-list span.wpcf7-list-item { display: block; }

.radio-list span.wpcf7-list-item { display: block; }

.pop-btn.opcl-btn { margin-bottom: 0; width: 320px; height: 60px; border-radius: 30px; padding: 14px 20px; }
.pop-btn.opcl-btn .inner { justify-content: center; }
.pop-btn.opcl-btn .inner .text { width: calc(100% - 32px); font-size: 16px; padding-left: 32px; box-sizing: border-box; text-align: center; }
.pop-btn.opcl-btn .inner .plus:after { content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; opacity: 0; }

.pop-btn.opcl-btn.on:hover .plus:after { background: #004798; }

.pop-btn.opcl-btn.on { margin-bottom: 40px; }
.pop-btn.opcl-btn.on .plus img { opacity: 0; }
.pop-btn.opcl-btn.on .plus:after { opacity: 1; }

.opcl-wrap { display: none; }

div.opcl-inBox { background: #F8F8F8; padding: 1px 40px 40px; }

.hyo-de { margin-top: 10px; }
.hyo-de .tit { margin-bottom: 5px; }

.contactTBL .select-con .wpcf7-list-item { display: inline-block; margin-right: 10px !important; }

.select-con { margin-bottom: 15px; }

input#your-name, input#your-kana { width: 400px; }

.cours-area { margin-top: 5px; }

input.wpcf7-text.tel01, input#zip01 { width: 180px; }

select#pref3 { width: auto; }

span.form-bikou { display: block; }

ul.address-list > li { margin-bottom: 30px; }
ul.address-list > li:last-child { margin-bottom: 0; }
ul.address-list .th { font-size: 14px; margin-bottom: 5px; }

.contactArea .codedropz-upload-container { padding: 0; }

.contactArea .codedropz-upload-handler { border: solid 1px #D4D4D4; border-radius: 0; background: url("../img/p09/ico-file.svg") no-repeat center top 56px #fff; padding: 84px 30px 56px; }

.contactArea .codedropz-upload-inner { color: #1C1C1C; line-height: 1.5; font-size: 16px; font-weight: 500; }

.contactArea .codedropz-upload-inner h3 { font-size: 16px; font-weight: 500; margin: 0; }

a.cd-upload-btn { width: 140px; height: 40px; display: inline-block; line-height: 35px; background: #E3E3E3; border: solid 1px #707070; border-radius: 0; padding-top: 3px; font-size: 16px; margin-top: 8px; color: #000000; }

.contact-submit.flex { margin-top: 60px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }

.inb { display: inline-block; }

.form-btn { width: 300px; position: relative; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 1px #EE6318; color: #fff; width: 100%; height: 70px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: url("../img/p09/arrow01.svg") no-repeat center right 25px #EE6318; border-radius: 38px; padding-left: 40px; text-align: left; }

.form-btn.form-btn02 { margin-right: 10px; }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background-color: #fff; color: #EE6318; text-align: right; padding-right: 40px; background-image: url("../img/p09/arrow02.svg"); background-position: left 25px center; }

.form-btn input { transition: 0.3s; cursor: pointer; }

.form-btn input:hover { background-image: url("../img/p09/arrow01h.svg"); color: #EE6318; background-color: #fff; }

.form-btn.form-btn02 input:hover { opacity: 0.7; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 120px; margin-top: -120px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }

::placeholder { font-size: 16px; color: #B2B2B2; line-height: 1.5; }

/*確認画面*/
.contactArea.che { background: #eee; padding: 30px; }
.contactArea.che .pop-btn.opcl-btn.on { pointer-events: none; }
.contactArea.che .opcl-wrap { display: block !important; }
.contactArea.che div.opcl-inBox { padding-top: 20px; }

.contactArea.che .contactTBL tr { border-bottom: solid 1px #000; }

.contactArea.che .contactTBL th, .contactArea.che .contactTBL td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }

.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .bikou-text01, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox] { display: none; }

.contactArea.che input[type=checkbox]:checked { display: inline-block; }

.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label { display: none; }

.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che input[type=radio] { display: none; }

.contactArea.che input[type=radio]:checked { display: inline-block; }

.contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }

.contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }

/* thanksページ等
----------------------------------*/
div#p100Box01 { padding: 50px 0 100px; }
div#p100Box01 .btn01 { margin: 50px auto 0; }

.page-thanks aside#aside01, .error404 aside#aside01, .page-privacy aside#aside01, .page-sitepolicy aside#aside01 { padding-top: 80px; }
.page-thanks div#footer, .error404 div#footer, .page-privacy div#footer, .page-sitepolicy div#footer { background: none; padding-top: 0; }

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02:first-child { margin-top: 0; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #259EA7; margin-top: 50px; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #259EA7; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*ブラウザごと
----------------------------------*/
.tokushu { min-width: 1200px !important; }
.tokushu div.ft-inner .wrap { width: 1000px !important; min-width: 0 !important; }
.tokushu section#recruit-sec .img05 { right: -10px !important; }
.tokushu .feats-box:after { right: -10px !important; }

/*デバイス幅
----------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1500px) { .feats-box:after { right: -100px; } }
@media screen and (min-width: 0px) and (max-width: 1450px) { section#recruit-sec .img05 { right: -50px; }
  .feats-box:after { right: -50px; } }
@media screen and (min-width: 0px) and (max-width: 1350px) { div.mv-set01, div.mv-set02 { width: 1100px; } }
@media screen and (min-width: 0px) and (max-width: 1280px) { html.showPage body.home { padding-top: 10.15vw; background-size: 100%; }
  #header { padding-top: 2.34vw; }
  div#header .logo { width: 22.65vw; }
  div#gnav ul.flex > li { margin-left: 0.78vw; width: 7.8125vw; height: 7.968vw; display: table; }
  div#gnav ul.flex > li a .ico { margin-bottom: 0.46vw; height: 1.5625vw; }
  div#gnav ul.flex > li a .ico img { width: auto; height: 1.5625vw; }
  div#gnav ul.flex > li a .text { font-size: 1.093vw; }
  div.mv-set02, div.mv-set01 { width: 64.58vw; }
  div.mv-set01 .textBox .text { font-size: 1.1vw; }
  div.mv-set01 .img { width: 41.93%; }
  .mv-copy01 { font-size: 2.6vw; margin-bottom: 1.56vw; }
  .mv-set02 { margin-top: 2.08vw; }
  .mv-set02 .top-news { width: 36.39vw; height: 2.6vw; margin-bottom: 2.08vw; border-radius: 2.6vw; box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.025), 0.31vw 0.31vw 1.56vw rgba(0, 0, 0, 0.06); }
  .mv-set02 .top-news h2.news-tit { width: 6.77vw; border-radius: 2.6vw 0 0 2.6vw; color: #fff; line-height: 2.6vw; padding-left: 1.56vw; font-size: 1.0375vw; }
  .mv-set02 .top-news .news-area { width: calc(100% - 6.77vw); border-radius: 0 2.6vw 2.6vw 0; padding-left: 1.04vw; padding-right: 0.78vw; }
  article.top-news-art a { font-size: 1.03vw; }
  article.top-news-art a .n-date { width: 5.42vw; }
  article.top-news-art a .n-tit { width: calc(100% - 7.51vw); }
  article.top-news-art a span.arrow { width: 1.04vw; height: 1.04vw; }
  article.top-news-art a span.arrow img { width: 0.52vw; display: block; opacity: 1; }
  .home div#mv { padding-top: 3.64vw; min-height: 33.28vw; }
  .home div.situation { width: 36.39vw; border-radius: 0.52vw; box-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.025), 0.31vw 0.31vw 1.56vw rgba(0, 0, 0, 0.06); font-size: 1.0vw; }
  .home div.situation h2.tit { font-size: 1.2vw; border-radius: 0.41vw 0.41vw 0 0; background: #EE6318; padding: 0.41vw; }
  .home div.situation .inner { padding: 1.35vw 1.06vw; justify-content: center; }
  .home div.situation .inner .mainBox.room_0 { width: 18.625vw; }
  .home div.situation .inner .mainBox.room_0 span.text { top: 0; }
  .home div.situation .inner .mainBox { width: 15.625vw; }
  .home div.situation .inner .mainBox span.state { width: 2.7vw; line-height: 1.35vw; height: 1.35vw; font-size: 0.9vw; border-radius: 1.5625vw; }
  .home div.situation .inner .mainBox span.text { width: calc(100% - 3.22vw); line-height: 1.04vw; position: relative; top: -0.15vw; }
  .home div.situation .inner .mainBox span.text .orange { font-size: 1.25vw; }
  .home div.situation .inner .mainBox span.text .orange .num { font-size: 1.7vw; }
  .home div.situation .inner .link-text { font-size: 0.9vw; max-width: 100%; margin: 0.5vw; }
  .home div.situation .inner .link-text a span.arrow { margin-left: 0.52vw; width: 1.04vw; height: 1.04vw; }
  .home div.situation .inner .link-text a span.arrow img { width: 0.52vw; }
  div#scr { right: -20px; } }
@media screen and (min-height: 0px) and (max-height: 700px) { html.showPage body.home { padding-top: 6.77vw; }
  #header { padding-top: 1.5625vw; }
  div#header .logo { width: 15.1vw; }
  div#gnav ul.flex > li { margin-left: 0.52vw; width: 5.2vw; height: 5.31vw; display: table; }
  div#gnav ul.flex > li a .ico { margin-bottom: 0.31vw; height: 1.041vw; }
  div#gnav ul.flex > li a .ico img { width: auto; height: 1.0141vw; }
  div#gnav ul.flex > li a .text { font-size: 0.729vw; } }