@media screen and (max-width: 768px) {

body {
min-width: initial;
font-size: 1rem;
line-height: 1.8;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%; 
margin-left:auto;
margin-right:auto;
max-width: 768px;
}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {-webkit-box-sizing: border-box;box-sizing: border-box; }

.wrap{display: flex; flex-direction: column; min-height: 100vh;}

.pcOnly {display: none !important;}
.tbOnly {display: none !important;}

img {width:100%; height:auto;}

/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここから */
/* ---------------------------------------------------------------- */

/* header */


header {width: 100%; transition: 0.5s; position:fixed; top:0; z-index:10; height:70px; background-color:#fff; border-bottom:solid 1px #ccc;}
header h1 {width:260px; max-width:70%; position:absolute; left:15px; top:13px; transition: 0.5s; z-index:9;}
header h1 img {}
header a {text-decoration: none !important;}
#HeadMenuBtn {}
/* ハンバーガーボタンのデザイン調整 */
.header__trigger {
position: fixed;
right:0; top:7px;
background-color:transparent;
width: 55px;
height: 50px;
border: none;
z-index: 9; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線、デザイン調整 */
.header__trigger > span {
background-color:#212851;
position: absolute;
left: 0;
width: 38px;
height: 2px;
/* transform: translateX(-50%); */
transition: transform 0.3s ease;
}
/* ハンバーガーボタン内の線、位置調整 */
.header__trigger > span:first-child {top: 13px; }
.header__trigger > span:nth-child(2) {top: 50%; /* transform: translate(-50%, -50%); */ width:28px;}
.header__trigger > span:last-child {bottom: 11px; width:18px;}
.header__trigger p {display: block; position: absolute; bottom:-11px; font-weight: 600; color:#fff; font-size:110%;}
.header__trigger.active > span {background-color: #212851;}
.header__trigger.active > span:first-child {transform: translate(-15%, 12px) rotate(-45deg); transition: transform 0.3s ease;}
.header__trigger.active > span:nth-child(2) {transform: translate(-15%, 0) rotate(45deg); transition: transform 0.3s ease; width:38px;}
.header__trigger.active > span:last-child {opacity: 0;transition: opacity 0.3s ease;}

.headerNavArea {background-color:#2a89cb; position: fixed; top: 0; width:100%; padding:10px 0 0 0;}

/* メニューのデザイン */
.globalNavSP { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; padding: 4rem 1rem 2rem 1rem; transition: all 0.3s ease; overflow: scroll; display: none;}

.globalNavSP ul {width:90%; margin:0 auto; padding:30px 0;}
.globalNavSP ul li {width:80%; margin:0 auto;}
.globalNavSP ul li a {display: block; padding:10px; width:100%; margin:0 auto; pointer-events:none; border-bottom:solid 1px #ccc; position: relative;}
.globalNavSP ul li a::after {content:"\f105"; font-family: "FontAwesome"; color:#999; position: absolute; right:0;}

.globalNavSP ul li a i {margin:0 10px 0 0;}
.globalNavSP ul:last-child li a.linkAppicant {background-color:#212851; color:#fff; margin:10px auto; padding:8px 8px 8px 20px;}
.globalNavSP ul:last-child li a.linkClinic {background-color:#3d86bf; color:#fff; margin:10px auto; padding:8px 8px 8px 20px;}
.globalNavSP.active { left: 0; display: block;}
.globalNavSP.active  ul li a { pointer-events:auto;}

.globalNavSP ul:last-child li a.linkAppicant::after , .globalNavSP ul:last-child li a.linkClinic::after {content:none;}

.globalNavSP p.menuCorpName {position: fixed; left:7%; bottom:10px; width:86%;}


.headNavPC , .globalNav , #headContact , .headNav , .headContactTel {display: none;}

.linkAdjustment { margin-top:-100px; padding-top:100px; }

/*------------------------------------------------------------------------------------------*/
/*トップページ用ここから*/
.mainImage {width: 100%; margin: 70px auto 0 auto;}
.mainImage p {}
.mainImage p img {width:100%;}

.homeGreetingTxt {text-align: center; font-size:100%;}

.homeRecruitCatArea {}
.homeRecruitCatArea ul {}
.homeRecruitCatArea li {width:49%; border:solid 3px #dddddd; margin:0 0 2% 0; padding:10px;}
.homeRecruitCatArea li p {text-align: center; margin:0 auto 10px auto;}
.homeRecruitCatArea li p img {height:120px;}
.homeRecruitCatArea li a {background-color:#3d86bf;}

.homeRecruitAreaBlock {border:solid 10px #edf6fc; padding:20px; margin:0 auto 60px auto !important;}
.homeRecruitAreaBlock h3 {font-weight: bolder; font-size:140%;}
.homeRecruitAreaBlock h3 span {display: inline-block; width:46px; height:46px; border-radius: 50%; background-color:#3d86bf; margin:0 10px 0 0; padding:0 0 0 12px;}
.homeRecruitAreaBlock h3 span i {color:#fff; font-size:30px;}
.homeRecruitAreaBlock dl {border-bottom:dotted 2px #cccccc; padding:0 0 20px 0; margin:20px 0 0 0;}
.homeRecruitAreaBlock dl a {text-decoration:underline;}
.homeRecruitAreaBlock dl dt {font-weight: bolder;}
.homeRecruitAreaBlock dl dd {}
.homeRecruitAreaBlock dl dd ul {width:100%;}
.homeRecruitAreaBlock dl dd ul li {}
.homeRecruitAreaBlock dl dd ul li::after {content:"／";}
.homeRecruitAreaBlock dl dd ul li:last-child::after {content:none;}

.homeBnrArea li {max-width:100%; margin:0 auto 20px auto;}
.homeBnrArea li:last-child {margin-bottom:0;}
.homeBnrArea img {width:100%;}

.homeNewsArea {width:800px; margin:0 auto;}
.homeNewsArea table {width:100%;}
.homeNewsArea th , .homeNewsArea td {display: block; }
.homeNewsArea th {padding:10px 0 0 0; font-weight: bolder;}
.homeNewsArea td {padding:0 30px 10px 0;position: relative; border-bottom:solid 1px #ccc;}
.homeNewsArea p a {background-color:#284b66;}

.homeFooterImg {
height: 200px;
align-items: center;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../images/home/footerImg.jpg")
}



/*トップページ用ここまで*/
/*------------------------------------------------------------------------------------------*/

/*トップページ用ここまで*/
/*------------------------------------------------------------------------------------------*/

#pageTitle {width:100%; padding:20px 0; border-top:solid 5px #284b66; border-bottom:solid 1px #ccc; margin: 70px auto 0 auto;}
#pageTitle h2 {font-size:140%; font-weight: bolder;}

#pageTitleClinic {width:100%; padding:15px 0; background-color: var(--sub-color); color:#fff; margin: 70px auto 0 auto;}
#pageTitleClinic h2 {font-size:140%;}
#pageTitleClinic h2  span {font-size:80%; margin:0 0 0 10px;}

#pageTitleLogin {width:100%; padding:15px 0; background-color: var(--front-base); color:#fff; border-bottom:solid 1px #ccc; margin: 70px auto 0 auto;}
#pageTitleLogin h2 {font-size:140%;}
#pageTitleLogin h2 span {font-size:80%; margin:0 0 0 10px;}

.linkAdjustment {}

.pankuzu {padding:7px 0; font-size:90%; border-bottom:solid 1px #ccc; background-color:#f5f5f5; /* display:none; */}
.pankuzu ul {width:1200px; max-width:90%; margin:0 auto;}
.pankuzu ul li {}
.pankuzu ul li::after {content:"\f105"; font-family: "FontAwesome"; margin:0 10px;}
.pankuzu ul li:last-child::after {content:none;}
.pankuzu ul li a {text-decoration: underline;}
.pankuzu ul li a svg {width:20px;}

main {margin:0 auto;  display: block;}
main.lowerPage {}

.siteWidth {width:1200px; max-width:88%; margin:0 auto;}
.comPad {padding:30px 0;}
.comReadBlock {}
.comReadTxt {}
.comReadPht {margin:0 auto 20px auto;}

.linkBtnStyle01 {display: block; width:100%; height:45px; line-height:45px; border-radius: 23px; text-align: center !important; margin:0 auto; color:#fff !important;}

.linkBtnStyle02 {display: block; width:100%; padding:12px 0 10px 0; text-align: center !important; color:#fff !important; background-color:#284b66; border-radius: 5px; position: relative;}
.linkBtnStyle02::after {content:"\f101"; font-family: "FontAwesome"; color:#849bac; position: absolute; right:20px; top:10px}

.linkBtnStyle03 {display: block; width:100%; padding:12px 0 10px 0; text-align: center !important; color:#fff !important; background-color:var(--front-base); border-radius: 5px; position: relative;}
.linkBtnStyle03::after {content:"\f101"; font-family: "FontAwesome"; color:#7baf86; position: absolute; right:20px; top:10px}


/* ----------
messageArea------------------------------------------ */

.warningArea {background-color:#f2dfdf; border:solid 1px #eed5d9; padding:20px; color:#c80e0a;}
.warningArea dl {}
.warningArea dl dt {font-size:1.2rem; font-weight: bolder;}
.warningArea dl dd {}

.error-message {color:#c80e0a; font-size:0.8rem; font-weight: bolder; display: none;}

.attentionBox {border:solid 1px #e4d0d0; background-color:#fcf3f3; padding:10px;}
.attentionBox p {color:#c55a5a; text-indent: -1.3em; padding-left: 1.6em;}
.attentionBox i {margin:0 5px 0 1em; }

/* ----------
about------------------------------------------ */

.aboutBtnBlock {padding:20px 20px 0 20px; background-color:#dde8f0;}
.aboutBtnBlock li {width:100%; margin:0 auto 20px auto;}
.aboutBtnBlock li a {display: block; border:solid 3px #284b66; font-size:120%; background-color:#fff; padding:20px; position: relative;}
.aboutBtnBlock li a::after {content:"\f101"; font-family: FontAwesome; position: absolute; right:20px; color:#b0bdc8;}

.aboutFlowImg {margin: 0 auto 30px auto;}
.aboutFlowList {margin: 0 auto;}
.aboutFlowList li {position: relative; padding:0 0 0 30px; margin-bottom:10px;}
.aboutFlowList li::before {content:""; display: inline-block; width:26px; height:26px; background-repeat: no-repeat; background-size: contain; position: absolute; top:0; left:0;}
.aboutFlowList li:first-child::before {background-image: url("../../images/for-applicant/step01.svg");}
.aboutFlowList li:nth-child(2)::before {background-image: url("../../images/for-applicant/step02.svg");}
.aboutFlowList li:nth-child(3)::before {background-image: url("../../images/for-applicant/step03.svg");}
.aboutFlowList li:nth-child(4)::before {background-image: url("../../images/for-applicant/step04.svg");}
.aboutFlowList li:nth-child(5)::before {background-image: url("../../images/for-applicant/step05.svg");}
.aboutFlowList li:nth-child(6)::before {background-image: url("../../images/for-applicant/step06.svg");}
.aboutFlowList li:nth-child(7) {padding-left:60px;}
.aboutFlowList li:nth-child(7)::before {width:60px; background-image: url("../../images/for-applicant/step07.svg");}

.aboutTermsList {border-bottom:solid 1px #ccc; padding:30px 0;}
.aboutTermsList dt {font-weight: bolder; margin-bottom:10px;}
.aboutTermsList dd {}



/* ----------
clinic------------------------------------------ */

.clHomeNameBox {border:solid 7px #edf6fc; padding:20px;} 
.clHomeNameBox dl {}
.clHomeNameBox dl dt {border-bottom:solid 1px #ccc; padding:0 0 5px 0; margin:0 0 5px 0;}
.clHomeNameBox dl dd {font-size:1.2rem; font-weight:bolder;}
.clHomeNameBox dl dd span {display: block; font-weight: lighter; font-size:1.0rem; text-indent:-0.5em; padding-left:1.3em;}
.clHomeEditBox {margin:20px auto 0 auto;}
.clHomeEditBox a.typeEdit {display: block; width:100%; height:45px; line-height:45px; background-color: var(--btn-color01); color:#fff !important; text-align: center; border-radius: 8px;}
.clHomeEditBox a i {margin:0 5px 0 0;}

.clHomeManagementArea {}
.clHomeManagementArea .jobList {margin:0 0 50px 0;}
.clHomeManagementArea .jobList h3 {font-size:1.2rem; font-weight: bolder; margin:20px 0 5px 0;}
.clHomeManagementArea .jobList ul {}
.clHomeManagementArea .jobList ul li {width:100%; margin:0 0 20px 0; }
.clHomeManagementArea .jobList ul li dl {border:solid 2px #ccc;}
.clHomeManagementArea .jobList ul li dl dt {padding:7px 15px; color:#fff; font-weight: bolder; font-size:120%;}
.clHomeManagementArea .jobList ul li dl dt span:last-child {font-weight: lighter; font-size:90%; padding:2px 0 0 0;}
.clHomeManagementArea .jobList:first-child ul li dl dt {background-color:#3e9ace;}
.clHomeManagementArea .jobList:last-child ul li dl dt {background-color:#57b061;}
.clHomeManagementArea .jobList ul li dl dd {padding:5px 10px 0 10px;}
.clHomeManagementArea .jobList ul li dl dd .jobDetails {margin:0 0 5px 0;}
.clHomeManagementArea .jobList ul li dl dd .jobDetails li {margin-bottom:0; width:100%;}

.clHomeManagementArea .jobList ul li dl dd .publicStatusBox {align-items: center;}
.clHomeManagementArea .jobList ul li dl dd .publicStatusBox p.status {color:#fff; text-align: center; width:80px;}
.clHomeManagementArea .jobList ul li dl dd .publicStatusBox p.statusDate {margin:0 0 0 10px;}
.clHomeManagementArea .jobList ul li dl dd .btnBox {margin:15px 0 0 0; padding:15px 0; border-top:solid 1px #ccc;}

.clHomeManagementArea .jobList ul li dl dd .btnBox p a {display: inline-block; margin:0 auto; text-align: center; border-radius: 8px; width:120px; border: initial; cursor: pointer; height:36px ; line-height:36px;}

.clHomeManagementArea .jobList ul li dl dd .btnBox p a.typeEdit { background-color: var(--btn-color01); color: white !important; }
.clHomeManagementArea .jobList ul li dl dd .btnBox p a.typePreview { background-color: var(--manage-color); color: white !important; }
.clHomeManagementArea .jobList ul li dl dd .btnBox p a.typeDisabled { background-color: #aaa; color: #eee !important; pointer-events: none;}

.clHomeManagementArea .jobList ul li dl dd .btnBox p a i {margin:0 5px 0 0;}

/*公開*/
.clHomeManagementArea .jobList:first-child ul li dl dd .publicStatusBox .typeRelease {background-color:#3e9ace;}
.clHomeManagementArea .jobList:last-child ul li dl dd .publicStatusBox .typeRelease {background-color:#57b061;}

/*非公開*/
.clHomeManagementArea .jobList ul li dl dd .publicStatusBox .typePrivate {background-color:#bbb; color:#666;}

.openAlert{background-color:#f5f5f5; padding:10px;}

.clManualArea {}
.clManualArea .manualSidebar { margin:0 0 40px 0;}
.clManualArea .manualSidebar li {margin:10px 0 10px 20px;}
.clManualArea .manualSidebar li i {margin:0 10px 0 0;}
.clManualArea .manualSidebar {}
.clManualArea .manualSidebar {}
.clManualArea .manualContents {}
.clManualArea .manualContents img {width:100%;}
.clManualArea .manualContents ol {border:double 5px var(--front-base); padding:30px; margin:30px 0 0 0;}
.clManualArea .manualContents ol li {position: relative; padding:0 0 0 40px; margin:0 0 10px 0;}
.clManualArea .manualContents ol li::before {content:""; display: inline-block; width:30px; height:30px; background-repeat: no-repeat; background-size:contain;  position: absolute; left:0;}
.clManualArea .manualContents ol li:first-child::before {background-image: url("../../images/clinic/iconNum01.png");}
.clManualArea .manualContents ol li:nth-child(2)::before {background-image: url("../../images/clinic/iconNum02.png");}
.clManualArea .manualContents ol li:nth-child(3)::before {background-image: url("../../images/clinic/iconNum03.png");}
.clManualArea .manualContents ol li:nth-child(4)::before {background-image: url("../../images/clinic/iconNum04.png");}
.clManualArea .manualContents ol li:nth-child(5)::before {background-image: url("../../images/clinic/iconNum05.png");}
.clManualArea .manualContents ol li:nth-child(6)::before {background-image: url("../../images/clinic/iconNum06.png");}
.clManualArea .manualContents ol li:nth-child(7)::before {background-image: url("../../images/clinic/iconNum07.png");}
.clManualArea .manualContents ol li:nth-child(8)::before {background-image: url("../../images/clinic/iconNum08.png");}

.clManualArea .manualContents ol li .pointBox {background-color:#e6f1f9; padding:10px 20px;}

.clManualArea .manualContents ol li li {padding:0; margin:0;}
.clManualArea .manualContents ol li li:first-child::before {background-image:none;}
.clManualArea .manualContents ol li li:nth-child(2)::before {background-image:none;}



/* ----------
input------------------------------------------ */

button {font-size:1rem;}

.manage-flexStretch {margin:30px 0; }
.manage-flexStretch ul {width:100%; align-items: center; margin:20px auto 0 auto;}
.manage-flexStretch ul li {margin:0 10px 20px 0;}
.manage-flexStretch ul li.manageLast {margin:0 0 0 auto !important;}

.manage-identification {
min-width: 320px;
width: fit-content;
border: 2px solid #08496f;
display: flex;
align-items: center;
}

.manage-identification > p {
color: white;
background-color: #08496f;
width: 40%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.manage-identification > span {
text-align: center;
width: 60%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.manage-post__btn {
background-color: var(--btn-color01);
color: white !important;
width: 220px;
height: auto;
border-radius: 8px;
white-space: nowrap;
padding: 8px 24px;
border: initial;
z-index: 999;
cursor: pointer;
height:36px ; line-height:36px;
}

.manage-post__btn--remove {
background-color: var(--notic-text-color);
transition: 0.3s;
}

.manage-post__btn--remove:hover {
opacity: 0.7;
}

.manage-addition__log-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 6px 32px;
  background-color: #919abd;
  color: white;
  border-radius: 8px;
  transition: 0.3s;
  float: right;
}

.manage-addition__thumbnail {
aspect-ratio: 3 /2;
border: 1px solid #ccc;
/* margin-top: 32px; */
display: none;
max-width: 400px;
height: 100%;
}

.manage-addition__thumbnail.active {
display: block;
}

.manage-addition__thumbnail-box {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 100%;
width: 100%;
}

.manage-addition__thumbnail-box > img {
height: 100%;
width: 100%;
object-fit: contain;
}

/* ----------
contact------------------------------------------ */

.contactTel {background-color:#fafafa; padding:20px; width:1000px; max-width:100%; margin:0 auto;}
.contactTel dl {}
.contactTel dl dt {}
.contactTel dl dd {font-size:140%;}
.contactTel dl dd span {display: block; font-size:60%; margin:0 0 0 20px;}
.contactTel dl dd br {display: none;}
.contactTel dl dd i {margin:0 5px 0 0;}

.agreementArea {text-align:center; padding:20px; background-color:#edf6fc;}

.type-input {width:100%;}
.type-input th , .type-input td {display: block;  }
.type-input th {position: relative; padding:10px 0 5px 0; font-weight:bolder;}
.type-input th.hissu::after {content:"必須"; color:#fff; background-color:#dd0000; font-size:0.8rem; font-weight:lighter; line-height:1; padding:5px 10px; border-radius: 3px; position: absolute; right:0; top:10px;}
.type-input td {padding:0 0 10px 0; border-bottom:dotted 1px #aaa;}

.type-input .passwordDisp {margin:0 0 0 10px;}
.type-input .passwordDisp i {color:#666;}

.clinicMap iframe {width:100%; height:340px;}

.tooltip-btn {cursor: help; transition: 0.3s; color: var(--manage-color); font-weight: bold; }
.tooltip-item {display: inline;}
.tooltip--item {display: flex; align-items: center; font-weight:bolder; }
.tooltip-btn:hover {opacity: 0.7; }
.tooltip--item > .tooltip-btn {margin-left: 10px; font-size: 2.4rem; }
.tooltip {position: absolute; display: none; top: 42px; left: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; z-index: 999; max-width: 90vw; width: 90vw;}
.tooltip > h4 {padding: 5px 8px 5px 15px; color: white; background-color: #888; border-radius: 4px 4px 0 0; }
.tooltip > ul {padding: 10px; color: #333; font-weight: normal; text-align: left; }
.tooltip > ul > li:not(:first-child) {margin-top: 12px; }
.tooltip-btn:hover + .tooltip {display: block; }

/*就業時間*/
.manage-addition__hour-dl dd > input[type="text"]:first-child {display: block; margin-bottom:5px;}
.manage-addition__hour-dl {padding: 8px 0; margin: 8px 0;}
.manage-addition__hour-dl:first-child {padding: 0 0 8px; margin: 0 0 8px; }
.manage-addition__hour-dl:not(:last-child) {border-bottom: 1px dotted #bbb;}
.manage-addition__hour-dl dt {}
.manage-addition__hour-dl dd p {}
.manage-addition__hour--required.active { background-color: #fceeee !important; border: 1px solid #fd9a9a !important; }

.btnArea {padding:20px; background-color:#f5f5f5; margin:50px 0 0 0; text-align: center;}
.btnArea button:first-child {margin-bottom:10px;}
.manage-addition__submit {
background-color: var(--btn-color01);
color: white !important;
width: 220px;
border-radius: 8px;
padding: 8px 24px;
border: initial;
cursor: pointer;
}

.manage-addition__submit_sizeL {
  background-color: var(--btn-color01);
  color: white !important;
font-size:1.6rem;
  width: 80%;
  border-radius: 8px;
  padding: 15px 0;
  border: initial;
  cursor: pointer;
}

.manage-addition__back {
background-color: #777;
color: white !important;
width: 220px;
border-radius: 8px;
padding: 8px 24px;
border: initial;
cursor: pointer;
}

.manage-addition__search {
  background-color: var(--search-color);
  color: white !important;
  width: 220px;
  border-radius: 8px;
  padding: 8px 24px;
  border: initial;
  cursor: pointer;
}

/* -----------職種のラジオボタン--------------- */

.manage-occupation {display: flex; justify-content: space-between; overflow: hidden; width:100%;}
.manage-occupation__radio {position: relative; height: 100%; min-height: 36px; width: 100%; cursor: pointer; font-size:90%;}
.manage-occupation__radio input {}
.manage-occupation__radio span {position: absolute; top: 0; left: 0; color: #777; height: 100%; min-height: 30px; width: 100%; background: #fff; display: flex; align-items: center; justify-content: center; pointer-events: none; border: 1px solid #999; cursor: pointer; }
.manage-occupation__radio span {border-right: 0; }
.manage-occupation__radio:last-child span {border-right: 1px solid #999; }
.manage-occupation__radio input:checked + span {font-weight: 500; color: #fff; transition: 0.3s;}
.manage-occupation__radio:first-child input:checked + span {background-color: var(--dentist-color);}
.manage-occupation__radio:nth-child(2) input:checked + span {background-color: var(--hygienist-color);}
.manage-occupation__radio:nth-child(3) input:checked + span {background-color: var(--technician-color);}
.manage-occupation__radio:nth-child(4) input:checked + span {background-color: var(--assistant-color);}


/* -----------雇用形態のラジオボタン--------------- */
.manage-status {display: flex; overflow: hidden;}
.manage-status__radio {position: relative; height: 100%; min-height: 36px; width: 100%; cursor: pointer; }
.manage-status__radio input {}
.manage-status__radio span {position: absolute; top: 0; left: 0; color: #777; width: 100%; height: 100%; min-height: 30px; background: #fff; display: flex; align-items: center; justify-content: center; pointer-events: none; border: 1px solid #999; cursor: pointer; }
.manage-status__radio span {border-right: 0; }
.manage-status__radio:last-child span {border-right: 1px solid #999; }
.manage-status__radio input:checked + span {font-weight: 500; color: #fff; transition: 0.3s;}
.manage-status__radio:first-child input:checked + span {background-color: var(--fulltime-color);}
.manage-status__radio:nth-child(2) input:checked + span {background-color: var(--parttime-color);}

/* ----------
for-applicant------------------------------------------ */

.applicantFlow {margin:0 auto;}
.applicantFlow li {position: relative; border-bottom:solid 1px #ccc; margin:0 auto 40px auto; padding:30px 0;}
.applicantFlow li::before {content: ""; position: absolute; bottom: -55px; left: 50%; margin-left:-10px; border: 29px solid transparent; border-top: 29px solid #FFF; z-index: 2;}
.applicantFlow li::after {content: ""; position: absolute; bottom: -60px; left: 50%; margin-left:-11px; border: 30px solid transparent; border-top: 30px solid #ccc; z-index: 1;}
.applicantFlow li:last-child {border-style: none;}
.applicantFlow li:last-child::before {border-style: none;}
.applicantFlow li:last-child::after {border-style: none;}
.applicantFlow li h4 {font-size:120%; text-indent: -50px; padding-left: 50px;}
.applicantFlow li h4 span {display: inline-block; width:40px; height:40px; border-radius: 50%; background-color:#284b66; color:#fff; text-align: center; margin:0 10px 0 0; text-indent: 0;}
.applicantFlow li p {margin:0 0 0 50px;}

.applicantSearch {}
.applicantSearch li {margin:0 auto 30px auto; width:100%;}
.applicantSearch li p.stepTxt {text-indent: -2.7em; padding-left:2.7em; margin-bottom:10px;}
.applicantSearch li p.stepTxt span {display:inline-block; font-weight: bolder; width:40px; height:40px; line-height:40px; border-radius: 50%; background-color:#2a6b92; color:#fff; text-align: center; margin:0 5px 0 0; text-indent: 0em;}.applicantSearch li p img {display: block; width:90%; margin:0 auto; border:solid 1px #ccc;}

.applicantCaution {border:double 3px #ccc; padding:20px; margin:0;}
.applicantCaution li {border-style: none; padding:0; margin:0;}
.applicantCaution li::before , .applicantCaution li::after {border-style: none;}
.applicantWithdrawal {border:double 3px #ccc; padding:20px;}

/* ----------
for-clinic------------------------------------------ */

.entryStep {margin:30px 0;}
.entryStep li {position: relative; margin: 0 0 25px 0; padding:15px; width: 100%; color: #555; background: #ddd; align-items: center; font-size:1rem; border-radius:5px; text-align: center;}
.entryStep li::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -13px; border: 13px solid transparent; border-top: 13px solid #ddd; }
.entryStep li:last-child {margin-right:0;}
.entryStep li:last-child::after{border-top-style:none;}
.entryStep li.active {background: #3d86bf; color:#fff;}
.entryStep li.active::after {border-top: 13px solid #3d86bf;}

.entryFinBox {border:solid 7px #edf6fc; padding:20px; margin:60px auto;}
.entryFinBox dt {font-size:1.4rem; border-bottom: solid 1px #ccc; padding:0 0 10px 0; margin:0 0 30px 0; text-align: center;}
.entryFinBox dt i {display: block; font-size:5rem; color:#a2e581; margin:0 0 10px 0;}
.entryFinBox dd ul {background-color:#f5f5f5; padding:20px; margin:20px auto 0 auto;}

.clinicFlow {margin:0 auto;}
.clinicFlow li {position: relative; border-bottom:solid 1px #ccc; margin:0 auto 40px auto; padding:30px 0;}
.clinicFlow li::before {content: ""; position: absolute; bottom: -55px; left: 50%; margin-left:-10px; border: 29px solid transparent; border-top: 29px solid #FFF; z-index: 2;}
.clinicFlow li::after {content: ""; position: absolute; bottom: -60px; left: 50%; margin-left:-11px; border: 30px solid transparent; border-top: 30px solid #ccc; z-index: 1;}
.clinicFlow li:last-child {border-style: none;}
.clinicFlow li:last-child::before {border-style: none;}
.clinicFlow li:last-child::after {border-style: none;}
.clinicFlow li h4 {font-size:120%; color:var(--front-base); text-indent: -50px; padding-left: 50px;}
.clinicFlow li h4 span {display: inline-block; width:40px; height:40px; border-radius: 50%; background-color:var(--front-base); color:#fff; text-align: center; margin:0 10px 0 0; text-indent: 0;}
.clinicFlow li p {margin:0 0 0 50px;}

/* ----------
login------------------------------------------ */

.loginBlock {width:100%; margin:0 auto 50px auto;}
.loginBlock > div {border:solid 3px #284b66; padding:30px;}
.loginBlock h3 {font-weight: bolder; font-size:140%;}
.loginBlock dl {margin:20px 0 0 0;}
.loginBlock dl dt {font-weight: bolder;}
.loginBlock dl dt i {margin:0 10px 0 0;}
.loginBlock dl dd {margin-bottom:20px;}

.loginBlock ul {margin: 0 0 20px 0;}
.loginBlock ul li {}
.loginBlock ul li a i {margin:0 5px;}
.loginBlock p a {text-decoration: underline;}
.loginBlock p a i {margin:0 5px 0 0;}

.loginBlock button {background-color:var(--front-base); border-style: inherit; color:#fff; padding:10px; border-radius: 5px;}
.loginBlock button.typeClinic {background-color:var(--sub-color);}

.loginBlock > div.forApplicant {background-color:#dde8f0;}

.loginBlock2 {width:100%; margin:0 auto 50px auto;}
.loginBlock2 > div {border:solid 3px #3d86bf; padding:30px;color:#3d86bf;}
.loginBlock2 h3 {font-weight: bolder; font-size:140%;}
.loginBlock2 dl {margin:20px 0 0 0;}
.loginBlock2 dl dt {font-weight: bolder;}
.loginBlock2 dl dt i {margin:0 10px 0 0;}
.loginBlock2 dl dd {margin-bottom:20px;}

.loginBlock2 ul {margin: 0 0 20px 0;}
.loginBlock2 ul li {}
.loginBlock2 ul li a i {margin:0 5px;}
.loginBlock2 p a {text-decoration: underline;}
.loginBlock2 p a i {margin:0 5px 0 0;}

.loginBlock2 button {background-color:#3d86bf; border-style: inherit; color:#fff; padding:10px; border-radius: 5px;}
.loginBlock2 button.typeClinic {}

.loginBlock2 > div.forApplicant {background-color:#dde8f0;}

.loginBlock2 a {color:#3d86bf !important;}



/* ----------
news------------------------------------------ */

.newsList {margin:0 0 30px 0;}
.newsList ul li {}
.newsList ul li a {display: block; padding:10px 10px 10px 5px; border-bottom:dotted 1px #ccc;}
.newsList ul li span {margin:0 10px 0 0;}

.news-cat {display: flex; align-items:center; justify-content: center; width:90px; text-align: center; color:#fff !important; margin:0 20px 0 0; font-size:90%; border-radius: 3px;}
.typeNews {background-color:#284b66;}
.typeOther {background-color:#3d86bf;}
.typeImportant {background-color:#dd0000;}

.newsArchive {}
.newsArchive h4 {background-color:#284b66; color:#fff; padding:10px;}
.newsArchive ul {margin-bottom:40px;}
.newsArchive ul li {}
.newsArchive ul li a {display: block; padding:10px 5px; border-bottom:dotted 1px #ccc;}
.newsArchive ul li a i {margin:0 5px 0 0;}

.newsEntryBody {}
.newsEntryBody a {text-decoration:underline !important;}
.newsEntryBody img {max-width:100%;}


/* ----------
sitemap------------------------------------------ */

.sitemapList {}
.sitemapList li {border-bottom: solid 1px #ccc; padding:20px 10px;}
.sitemapList li a {text-decoration:underline;}
.sitemapList li a i {margin:0 5px 0 0; color:#ccc;}

/* ----------
search------------------------------------------ */

/*検索条件表示エリア*/


/*検索結果表示エリア*/
.searchResultList {}
.searchResultList p.resultNum {}
.searchResultList p.resultNum span {font-size:140%;}
.searchResultList ul {}
.searchResultList li {width:100%; margin:0 auto 2% auto; border:solid 2px #ccc; align-items:stretch;}
.searchResultList li a {display: block; padding:20px; }
.searchResultList li:hover {border:solid 2px #284b66; cursor: pointer}
.searchResultList li p.jobTitle {font-weight:bolder; font-size:110%; display:flex; align-items: center; margin:5px 0;}
.searchResultList li span.jobStatus {margin:0 0 0 10px; width:80px; height:30px; line-height:30px; color:#fff; text-align: center; font-size:80%; font-weight: lighter;}
.searchResultList li span.jobOccupation {color:#fff; width:150px; height:30px; line-height:30px; text-align: center;}
.searchResultList li p i {margin:0 5px 0 0;}


.pageArea {margin:50px auto 0 auto;}
.pageArea ul {}
.pageArea ul li {}
.pageArea ul li a {display: block; padding:2px 10px; border:solid 1px #999; margin:0 2px 2px 2px; border-radius: 5px; color:#666;}
.pageArea ul li a.current_page {border:solid 1px #284b66; background-color:#284b66; color:#fff;}

.restrictionArea {border:double 3px; padding:20px; }
.restrictionArea p {text-align: center;}

.re-searchArea {border:double 3px; padding:10px;}

/* ----------
privacy------------------------------------------ */

.privacyList {}
.privacyList dt {position: relative;}
.privacyList dt::before {content:"■";margin:0 5px 0 0;}
.privacyList dd {margin-bottom:30px;}

/* ----------
404------------------------------------------ */	

.box404 {width:800px; margin:50px auto 100px auto; text-align: center;}
.box404 i {font-size:100px; color:#ccc;}
.box404 h3 {font-size:40px; margin:0 auto 20px auto;}
.box404 h4 {font-size:24px;margin:0 auto 20px auto;}
.box404 p {}



/*------------------------------------------------------------------------------------------*/

.TitleType01 {font-size:30px; font-weight: bolder; line-height:1.4; margin:0 auto 30px auto; text-align: center;}
.TitleType01 i {color:#3d86bf; margin:0 5px 0 0;}

.TitleType02 {font-size: 1.1rem; font-weight: normal; height: initial; line-height: initial; background-color: #2a6b92; color: white; padding: 10px 10px 8px 35px; border-radius: 4px; position: relative; }
.TitleType02::before { content: ""; display: block; width: 4px; height: 60%; background-color: white; border-radius: 4px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }

.TitleType03 {font-size: 1.1rem; font-weight: normal; height: initial; line-height: initial; background-color: #2a6b92; color: white; padding: 10px 10px 8px 35px; border-radius: 4px; position: relative; }
.TitleType03::before { content: ""; display: block; width: 4px; height: 60%; background-color: white; border-radius: 4px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }

.TitleType04 { position: relative; border-bottom: solid 1px #ccc; font-size: 140%; padding: 0 0 20px 30px; line-height: 1.2; margin-bottom: 30px; }
.TitleType04::before,
.TitleType04::after {content: ""; display: block; width: 15px; height: 15px; position: absolute; left: 0; }
.TitleType04::before { top: -2px; background-color: #284b66; }
.TitleType04::after { top: 17px; background-color: #878787; }

.TitleType05 {font-weight: bolder;}


/* テーブル関連 */

table.TableStyle01 { width: 100%; border-top:solid 1px #212851;}
table.TableStyle01 th,
table.TableStyle01 td  {display: block; border-bottom:solid 1px 212851;}
table.TableStyle01 th  {padding:20px 0 0 0;}
table.TableStyle01 td  {padding:0 0 20px 0; border-bottom:solid 1px #212851;}

table.TableStyle02{width:100%; border:solid 3px #ddd; margin-bottom:50px;}
table.TableStyle02 th ,
table.TableStyle02 td {display: block;  border-bottom:solid 1px #ddd; padding:5px 10px;}
table.TableStyle02 th {background-color:#f5f5f5; }


table.TableStyle03 { width: 100%; border-top:solid 1px #ccc; border-right:solid 1px #ccc; background-color:#fff;}
table.TableStyle03 caption {background-color:#888; color:#fff; padding:5px 15px;}
table.TableStyle03 th,
table.TableStyle03 td  { padding:10px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
table.TableStyle03 th  {width:180px; background-color:#f5f5f5;}

table.TableStyle04 {border-top:solid 1px #ccc; border-right:solid 1px #ccc; background-color:#fff;}
table.TableStyle04 th ,
table.TableStyle04 td {padding:10px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
table.TableStyle04 th {text-align: center; background-color:#ffc000; color:#fff;}
table.TableStyle04 td {text-align: center;}

.swipeArea {width:100%; height:300px; overflow: auto; position: relative; border-top: solid 2px #ccc;  border-right: solid 2px #ccc;  border-bottom: solid 3px #ccc;  border-left: solid 2px #ccc;}
.swipeArea::before { content: ""; display: block; padding-top:100%;}
.swipeBlock {position: absolute; top:0; left:0; opacity: 0; transition: .7s; width:100%; height:100%; min-height: 100%; display: table; overflow: hidden;}
.swipeBlock.show {opacity: 1; }
.swipeBlock p {position: absolute; top:100px; left:15%; right:0; text-align: center; width:120px; height:120px; padding:20px 0 0 0; background-color:rgba(0,0,0,0.5); border-radius: 5px;}
.swipeBlock p img {display: block; width:60%; margin:0 auto; text-align: center; }
.swipeBlock p span {display: block; font-size:10px; color:#fff; margin-top:5px;}
.blink{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

.scroll-table {position: absolute; top:0; left:0;}
.scroll-table table {white-space: nowrap;}


.MagpopPhotoG a,
.MagpopPhotoG2 a,
.magpop{display:block;}

/* アコーディオン */

div.Accordion{ padding:20px 0px; width:100%;}


.googlemap {width:100%; height:450px;}
.googlemap iframe {width:100%;}

/* フッターリスト */
.pageTop {position: fixed; bottom: 30px; right: 30px; width:50px; z-index: 10; }
.pageTop a {transition: all 0.4s;}


footer {margin: auto; padding:40px 0 20px 0; border-top:solid 3px #284b66;}
footer .footerInner {}
footer .footerAddressArea {}
footer .footerAddressArea h2 {width:80%; margin:0 0 10px 0;}
footer .footerAddressArea p {margin:0; line-height:1.6;}

footer .footerCorpName {width:70%; margin:30px auto;}

footer nav.umnList {padding:20px 0;}
footer nav.umnList ul {}
footer nav.umnList ul li {}
footer nav.umnList ul li a {display: block; padding:10px 0; border-bottom:solid 1px #ccc;}

footer .fmnArea {;}
footer .fmnArea ul {margin:0 auto 20px auto;}
footer .fmnArea ul li {}
footer .fmnArea ul li::before {content:"・";}
footer .fmnArea {}

address {font-size:80%;}

/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

.SpNodisplay{ display:none !important;}

/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Sp,.ArrowRG_Sp a,.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB_Sp,.ArrowBG_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT_Sp,.ArrowTG_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Sp:after,.ArrowRG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Sp:after,.ArrowRG02_Sp a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Sp:after,.ArrowBG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Sp:after,.ArrowBG02_Sp a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Sp:after,.ArrowTG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Sp:after,.ArrowTG02_Sp a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Sp:after,.ArrowRG03_Sp a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Sp:after,.ArrowBG03_Sp a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Sp:after,.ArrowTG03_Sp a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Sp:before,.ArrowRG03_Sp a:before{ content:""; display:inline-block;}
.ArrowB03_Sp:before,.ArrowBG03_Sp a:before{ content:""; display:inline-block;}
.ArrowT03_Sp:before,.ArrowTG03_Sp a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxSp{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxSpL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxSpR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxSpC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxSpB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxSpA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxSpM{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}


/* -------------------------------------------------- */
/* - FormStyle */

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {font-size:1.6rem;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea {-webkit-appearance: none; border-radius: 0;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid50_sp {width: 50px !important;}
.wid100_sp {width: 100px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

/* -------------------------------------------------- */

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* - Font size */

.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}

/* Float setting */
.flt-L_sp {float: left !important;}
.flt-R_sp {float: right !important;}

/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important; margin: auto;}
.ali-R_sp {text-align: right !important;}


/*------------------工事中共通------------------*/

.PreparationBox {margin:30px auto 50px auto; color:#666;}
.PreparationBox h3 {font-size:180%; text-align: center; margin:0 auto 50px auto; position: relative;}
.PreparationBox h3::after {content: ""; position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 190px; height: 3px; background-color: #fff100;}
.PreparationBox p {text-align: center; margin:30px auto 0 auto;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
select,
textarea {transform: scale(1.0) !important; font-size:17px !important; border-radius:5px;}

}

@media print, screen and (min-width: 760px) and (max-width: 1180px){



}