@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:90px; background-color:#fff; border-bottom:solid 1px #ccc;}
.headerInner {height: 90px; margin:0 auto; position: relative;}
.headerInner::before {content:""; display:block; width:100%; height:1px; background-color:#cccccc; position:absolute; left:0; top:27px; z-index:9;}

.siteCopy {position:absolute; left:5px; top:3px; font-size:80%; z-index:9;}
header h1 {width:200px; max-width:60%; position:absolute; left:15px; top:35px; transition: 0.5s; z-index:9;}
header h1 img {}
header a {text-decoration: none !important;}
#HeadMenuBtn {}
/* ハンバーガーボタンのデザイン調整 */
.header__trigger {
position: fixed;
right:0; top:32px;
background-color:transparent;
width: 50px;
height: 50px;
border: none;
z-index: 9; /* メニューを開いている時もクリックできるよう設定 */
}
/* ハンバーガーボタン内の線、デザイン調整 */
.header__trigger > span {
background-color:#212851;
position: absolute;
left: 0;
width: 30px;
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%;}
.header__trigger > span:last-child {bottom: 11px;}
.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;}
.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: 5rem 1rem 2rem 1rem; transition: all 0.3s ease; overflow: scroll; display: none;}

.globalNavSP ul {width:100%; margin:0 auto; padding:30px 0 10px 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 {padding-top:10px;}
.globalNavSP ul:last-child li a {border-style:none; border-radius: 30px; text-align: center; color:#fff; margin:10px auto; padding:8px 8px 8px 20px;}
.globalNavSP ul:last-child li a.linkContact {background-color:var(--base-color);}
.globalNavSP ul:last-child li a.linkLogin {background-color:var(--sub-color);}
.globalNavSP ul:last-child li a.linkLogout {background-color:#999;}


.globalNavSP ul:last-child li a.linkContact::after , 
.globalNavSP ul:last-child li a.linkLogin::after ,
.globalNavSP ul:last-child li a.linkLogout::after {content:none;}
.globalNavSP.active { left: 0; display: block;}
.globalNavSP.active  ul li a { pointer-events:auto;}

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


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

.linkAdjustment {}

#news ,
#message ,
#about {}

.linkAdjustment::before {
    content: "";
    display: block;
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}
	
	

/*------------------------------------------------------------------------------------------*/
/*トップページ用ここから*/
/*------------------------------------------------------------------------------------------*/
/*トップページ用ここから*/
.mainImage {position: relative; width: 100%; height: 100%; aspect-ratio: 1/ 1; margin: 90px auto 0 auto;}
.mainImage h2 {position: absolute; top:0; width:100%;}
.mainImage h2 img {width:100%;}
.mainImage h2 span {display: block; width:80%; position: absolute; bottom:10px; right:10px;}
.mainImage h2 span img {width:100%;}

.homeAnchorArea {padding:40px 0 30px 0;}
.homeAnchorArea li {margin:0 10px 10px 0;}

.homeBnrArea li {max-width:48%; margin:0 auto 2% auto;}
.homeBnrArea img {width:100%;}

.homeNewsArea {margin:0 auto;}
.homeNewsArea table {width:100%;}
.homeNewsArea th , .homeNewsArea td {display:block;}
.homeNewsArea th {padding:10px 10px 0 10px;}
.homeNewsArea td {border-bottom:solid 1px #ccc; padding:5px 10px 10px 10px;}
.homeNewsArea td span {width:120px; display: block; margin:0 0 5px 0;}


.homeAboutArea {background-image: url("../../images/common/homeAboutarea_bg.png"); border-top:solid 1px #eee; border-bottom:solid 1px #eee;}

.homeMessageArea{background-color:#f4fafe;}
.homeMessageArea li {margin:0 5px;}
.homeMessageArea{}


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

#pageTitle {width:100%; margin:90px 0 0 0; padding:20px 0; background-color:var(--base-color);}
#pageTitle h2 {font-size:140%; font-weight: bolder; color:#fff;}


.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 {max-width:88%; margin:0 auto;}
.comPad {padding:50px 0;}
.comReadBlock {}
.comReadTxt {}
.comReadPht {margin:0 auto 20px auto;}

.linkBtnStyle01 {display: inline-block; height:60px; line-height:60px; border-radius: 30px; padding:0 20px; text-align: center !important; margin:0 auto; color:#fff !important;}
.linkBtnStyle01 i {margin:0 5px;}

.linkBtnStyle02 {display: inline-block; border-radius: 30px; padding:10px 20px; margin:0 auto; border:solid 2px var(--base-color); background-color:#fff; color:var(--base-color) !important;}
.linkBtnStyle02 i {margin:0 5px;}

.linkBtnStyle03 {display: inline-block; height:45px; line-height:45px; border-radius: 23px; padding:0 20px; text-align: center !important; margin:0 auto; color:#fff !important; background-color:var(--base-color);}
.linkBtnStyle03 i {margin:0 5px;}

.btnColor01 {background-color:var(--base-color); position: relative;}
.btnColor02 {background-color:var(--sub-color); position: relative;}
.btnColor03 {background-color:var(--btn-color01); position: relative;}
.btnColor01::before , .btnColor02::before , .btnColor03::before {position: absolute; top: 1px; left: 1px; width: calc(100% - 8px); height: calc(100% - 8px); content: ''; border: 3px solid #fff; border-radius:34px;}


/* ----------
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------------------------------------------ */

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

.aboutMeritArea {}
.aboutMeritArea ul {margin:0 auto;}
.aboutMeritArea li {margin:0 auto 50px auto;}
.aboutMeritArea li img {display: block; width:65%; margin:0 auto;}
.aboutMeritArea li p {margin:10px auto 0 auto; text-align:center; font-weight: 600;}

.aboutMeritArea .meritMessage {display: flex; align-items: center; justify-content: center; padding:10px 0; background-color:#fff; margin:40px auto 0 auto; border-radius: 35px; text-align: center; color:var(--base-color); font-weight: 600;}

.aboutStepList {margin:0 auto; padding:30px; border:double 6px var(--base-color);}
.aboutStepList li {margin:0 0 15px 0; text-indent:-3em; padding-left:3em;}
.aboutStepList li:last-child {margin-bottom:0;}
.aboutStepList li::before {text-indent: 0; display: inline-block; width:30px; height:30px; border-radius:50%; background-color:var(--base-color); color:#fff; margin:0 10px 0 0; text-align: 
center;}
.aboutStepList li:first-child::before {content:"1";}
.aboutStepList li:nth-child(2)::before {content:"2";}
.aboutStepList li:nth-child(3)::before {content:"3";}
.aboutStepList li:nth-child(4)::before {content:"4";}
.aboutStepList li:nth-child(5)::before {content:"5";}

.aboutEntryCaution {background-color:#fafafa; padding:30px; }

/* ----------
agreement------------------------------------------ */
.agreementList {}
.agreementList dt {font-weight: bolder;}
.agreementList dd {margin-bottom:50px;}


/* ----------
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;}
.agreementArea iframe {baackground-color:#fff; border:solid 1px #ccc;}

.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;}

.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: var(--base-color); color:#fff;}
.entryStep li.active::after {border-top: 13px solid var(--base-color);}

.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;}

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



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


.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;
}

/* ----------
elearning------------------------------------------ */

.elearningList {}
.elearningList li {width:100%; margin:0 auto 50px auto;}
.elearningList li .movieBox {width:100%;}
.elearningList li .movieBox iframe {width:100%; height:100%; aspect-ratio: 16 / 9; border:solid 1px #ccc;}
.elearningList li .movieTitle {}

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

.loginBlock {width:100%; margin:0 auto; border:solid 3px var(--base-color); padding:50px;}
.loginBlock h3 {font-weight: bolder; font-size:1.6rem;}
.loginBlock dl {margin:20px 0 0 0;}
.loginBlock dl dt {}
.loginBlock dl dt i {margin:0 10px 0 0; color:var(--base-color);}
.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; color:#999;}

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

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

.newsList {margin:0 auto 50px auto;}
.newsList table {width:100%;}
.newsList th , .newsList td {display:block;}
.newsList th {padding:10px 10px 0 10px;}
.newsList td {border-bottom:solid 1px #ccc; padding:5px 10px 10px 10px;}
.newsList td span {width:120px; display: block; margin:0 0 5px 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;}

.newsArchive {}
.newsArchive h4 {background-color:var(--base-color); 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; color:#ccc;}

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

.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 3px; border-radius: 5px; color:#666;}
.pageArea ul li a.current_page {border:solid 1px var(--base-color); background-color:var(--base-color); color:#fff;}

/* ----------
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;}



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

.privacyList {}
.privacyList dt {font-weight: 600;}
.privacyList dt::before {}
.privacyList dd {margin:0 0 20px 0; padding:0 0 20px 1em; border-bottom:solid 1px #ccc;}

/* ----------
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:170%; font-weight: bolder; line-height:1.4; margin:0 auto 10px auto; color:var(--base-color);}


.TitleType02 {font-size: 1.3rem; line-height:1.5; position: relative; padding:0 0 10px 30px; border-bottom:solid 1px #ccc;}
.TitleType02::before ,
.TitleType02::after {content:""; display:block; width:15px; height:15px; position: absolute; left:5px;}
.TitleType02::before {top:0px; background-color:var(--base-color);}
.TitleType02::after {top:17px; background-color:#999;}


/* テーブル関連 */

table.TableStyle01 {border:solid 3px #ddd;}
table.TableStyle01 colgroup {display: none;}
table.TableStyle01 th {display: none;}
table.TableStyle01 td {display: block; width:100%; padding:0px 10px 5px 10px;}
table.TableStyle01 td:first-child {padding-top:15px;}
table.TableStyle01 td:last-child {border-bottom:solid 1px #ddd; padding-bottom:15px;}
table.TableStyle01 td::before {content: attr(data-label); display: inline-block; font-weight: 600; display: block;}

.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 4px #2fbae0;}
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 {width:100%;}
footer nav.umnList ul li {}
footer nav.umnList ul li:first-child a {border-top:solid 1px #ccc;}
footer nav.umnList ul li a {display: block; padding:10px; border-bottom:solid 1px #ccc;}

footer nav.umnList ul:last-child {margin:20px auto 0 auto;}
footer nav.umnList ul:last-child li {width:49%;}
footer nav.umnList ul:last-child li a{border-style:none; color:#fff; text-align: center; border-radius: 30px;}

footer nav.umnList ul:last-child li a.linkContact {background-color:var(--base-color);}
footer nav.umnList ul:last-child li a.linkLogin {background-color:var(--sub-color);}
footer nav.umnList ul:last-child li a i {margin:0 5px 0 0;}
footer nav.umnList ul:last-child li a img {width:100%;}

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:90%; text-align: center; margin:0 auto;}

.bnr_kyujin {position:fixed; right:10px; bottom:10px; width:25%;}
.bnr_kyujin img {width:100%;}

/* ---------------------------------------------------------------- */
/* 初期パーツの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){



}