@media print, screen and (min-width: 769px) {

html {scroll-behavior: smooth;}

body {
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
line-height: 2.0;
font-size: 18px;
overflow-x: hidden;
position: relative;
min-width: 100% !important;
background-color: #fff;
}


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

.wrap{display: flex; flex-direction: column; min-height: 100vh;}
.spOnly {display: none !important;}
.tbOnly {display: none !important;}



/* header */

header {width: 100%;}
header h1 {position:absolute; left:30px; top:90px; width:340px; max-width:25%;}
.siteCopy {position:absolute; left:30px; top:13px;}
.headerInner {height: 200px; margin:0 auto; position: relative;}
.headerInner::before {content:""; display:block; width:100%; height:1px; background-color:#cccccc; position:absolute; left:0; top:60px;}


nav.headNav {position: absolute; right:30px; top:10px;}
nav.headNav ul {}
nav.headNav li {margin:0 0 0 30px; line-height:45px;}
nav.headNav li a.linkContact {}
nav.headNav li a.linkLogin {}
nav.headNav li a i {margin:0 5px 0 0;}

nav.globalNav {position: absolute; bottom:27px; right:0; width:70%; max-width:900px;}
nav.globalNav ul {width:100%; margin:0 auto;}
nav.globalNav ul li {margin:0 auto; font-weight: bolder;}
nav.globalNav ul li a {display: block; marign:0 auto; text-align: center; line-height:80px;}
nav.globalNav ul li a i {margin:0 0 0 10px;}

p#HeadMenuBtn , .globalNavSP , #MemberMenuBtn , .headerNavArea , .headNavSP {display: none;}

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

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

.homeBnrArea li {max-width:24%;}
.homeBnrArea img {width:100%;}

.homeNewsArea {width:800px; margin:0 auto;}
.homeNewsArea table {width:100%;}
.homeNewsArea th , .homeNewsArea td {padding:15px; border-bottom:solid 1px #ccc;}
.homeNewsArea th {width:200px;}
.homeNewsArea td {position: relative; display:flex; align-items: center; justify-content: center;}
.homeNewsArea td span {width:120px;}


.homeNewsArea table td a {width:calc(100% - 120px);}

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

.homeMessageArea{background-image: url("../../images/home/homeMessageArea.jpg"); background-repeat: no-repeat; background-size:cover;}
.homeMessageArea li {margin:0 5px;}
.homeMessageArea{}


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

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

.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:90%; margin:0 auto;}
.comPad {padding:60px 0;}
.comReadBlock {}
.comReadTxt {float: left; width:53%;}
.comReadPht {float: right; width:43%;}

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

.linkBtnStyle02 {display: inline-block; height:50px; line-height:50px; border-radius: 25px; padding:0 30px; text-align: center !important; 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; text-align: center; 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 15px;}
.attentionBox p {color:#c55a5a; text-indent: -1.3em; padding-left: 1.6em;}
.attentionBox i {margin:0 5px 0 1em; }


.error-messageBox {border:solid 10px #edf6fc; padding:50px; margin:60px auto; width:1000px; max-width:100%;}
.error-messageBox dt {font-size:1.8rem; 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:6rem; color:#ff849b; margin:0 0 10px 0;}
.error-messageBox dd {text-align: center;}


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

.aboutTermsList {border-bottom:solid 1px #ccc; padding:30px 0;}
.aboutTermsList dt {width:15%;}
.aboutTermsList dd {width:85%;}

.aboutMeritArea {}
.aboutMeritArea ul {width:90%; margin:0 auto;}
.aboutMeritArea li {width:31%; max-width:320px;}
.aboutMeritArea li p {margin:10px 0 0 0; background-color:var(--base-color); color:#fff; padding:20px; border-radius: 10px; text-align:center}
.aboutMeritArea li:nth-child(2) p {padding:38px 20px;}


.aboutMeritArea .meritMessage {display: flex; align-items: center; justify-content: center; height:70px; background-color:#fff; width:80%; max-width:600px; margin:40px auto 0 auto; border-radius: 35px; text-align: center; color:var(--base-color); font-size:120%; font-weight: 600;}


.aboutStepList {width:70%; margin:0 auto; padding:30px; border:double 6px var(--base-color);}
.aboutStepList li {margin:0 0 15px 0;}
.aboutStepList li:last-child {margin-bottom:0;}
.aboutStepList li::before {display: inline-block; width:36px; height:36px; 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:20px; }

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

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

button {font-size:18px;}

.type-input {width:100%;}
.type-input th , .type-input td {padding:10px; border-bottom:dotted 1px #aaa;}
.type-input th {width:300px; position: relative;}
.type-input th.hissu::after {content:"必須"; color:#fff; background-color:#dd0000; font-size:0.8rem; line-height:1; padding:5px 10px; border-radius: 3px; position: absolute; right:0; top:18px;}
.type-input td {}
.btnArea {padding:20px; background-color:#f5f5f5; margin:50px 0 0 0; text-align: center;}

.entryFinBox {border:solid 10px #edf6fc; padding:50px; margin:60px auto; width:1000px; max-width:100%;}
.entryFinBox dt {font-size:1.8rem; 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:6rem; color:#a2e581; margin:0 0 10px 0;}
.entryFinBox dd ul {background-color:#f5f5f5; padding:20px; margin:20px auto 0 auto;}

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

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

.contactTel {background-color:#fafafa; padding:40px; max-width:100%; margin:0 auto;}
.contactTel dl {}
.contactTel dl dt {}
.contactTel dl dd {font-size:160%;}
.contactTel dl dd span {font-size:55%; margin:0 0 0 20px;}
.contactTel dl dd i {margin:0 5px 0 0;}

.agreementArea {text-align:center; padding:20px; background-color:#d4f1f9;}
.agreementArea iframe {baackground-color:#fff; border:solid 1px #ccc;}


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

.elearningList {}
.elearningList li {width:48%; margin:0 4% 50px 0;}
.elearningList li:nth-child(2n) {margin-right:0;}
.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:550px; 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 {width:70%;}
.newsList table {width:100%;}
.newsList table th, .newsList table td {padding:10px; border-bottom:dotted 1px #ccc;}
.newsList table th {width:220px;}
.newsList table td {display:flex; align-items: center; justify-content: center;}

.news-cat {display:flex; align-items: center; justify-content: center; width:120px; height:2.1rem; lilne-height:2rem; text-align: center; color:#fff !important; margin:0 20px 0 0; font-size:90%; border-radius: 3px;}

.newsList table td a {width:calc(100% - 120px);}

.newsArchive {width:25%;}
.newsArchive h4 {background-color:var(--base-color); color:#fff; padding:5px 10px 5px 20px;}
.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 15px; 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 30px 0; padding:0 0 30px 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:220%; font-weight: bolder; line-height:1.4; margin:0 auto 30px auto; text-align: center; color:var(--base-color);}

.TitleType02 {font-size: 1.6rem; 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;}


/* テーブル関連 */

.swipeArea {}
.swipeBlock {display: none;}

.scroll-table02 {}
.scroll-table02 table {}

.scroll-table {}
.scroll-table table {}

table.TableStyle01 {border:solid 3px #ddd;}
table.TableStyle01 th ,
table.TableStyle01 td {border-bottom:solid 1px #ddd; border-right:solid 1px #ccc; padding:10px;}
table.TableStyle01 th {background-color:#f5f5f5; text-align: center;}


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


/* フッターリスト */

.pageTop {position: fixed; bottom: 30px; right: 30px; width:74px; z-index: 10; }
.pageTop a {transition: all 0.4s;}


footer {margin:0 auto; height:330px; border-top: solid 4px #2fbae0;}
footer .footerInner {height:330px; position: relative;}
footer .footerAddressArea {width:550px; max-width:50%; position: absolute; top:60px;}
footer .footerAddressArea h2 {width:253px; min-width:253px; margin:0 0 20px 0;}
footer .footerAddressArea h2 img {width:100%;}
footer .footerAddressArea p {margin:0; line-height:1.8;}

footer nav.umnList {position: absolute; top:20px; right:20px; padding:20px 0; width:520px; max-width:45%;}
footer nav.umnList ul {width:49%;}
footer nav.umnList ul li {}
footer nav.umnList ul li a {text-decoration:underline;}
footer nav.umnList ul li::before {content:"・"; margin:0 5px 0 0;}

footer .fmnArea {border-top: solid 1px #ccc; position: absolute; bottom:0; padding:20px 10px; width:100%;}
footer .fmnArea ul li {font-size:80%; margin:0 20px 0 0;}
footer .fmnArea ul li::before {content:"・";}
footer .fmnArea {}

address {font-size:80%;}

.bnr_kyujin {position:fixed; right:20px; bottom:20px;}
.bnr_kyujin img {width:90%; height:auto;}

.js-fade {opacity: 0; visibility: hidden; transform: translateY(100px); transition: opacity 1s,visibility 1s, transform 1s; }
.inview {opacity: 1; visibility: visible; transform: translateY(0px); }

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

.PcNodisplay{ display:none !important;}

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

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Pc,.ArrowRG_Pc a,.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB_Pc,.ArrowBG_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT_Pc,.ArrowTG_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Pc:after,.ArrowRG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Pc:after,.ArrowRG02_Pc a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Pc:after,.ArrowBG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Pc:after,.ArrowBG02_Pc a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Pc:after,.ArrowTG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Pc:after,.ArrowTG02_Pc a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Pc:after,.ArrowRG03_Pc a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Pc:after,.ArrowBG03_Pc a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Pc:after,.ArrowTG03_Pc a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Pc:before,.ArrowRG03_Pc a:before{ content:""; display:inline-block;}
.ArrowB03_Pc:before,.ArrowBG03_Pc a:before{ content:""; display:inline-block;}
.ArrowT03_Pc:before,.ArrowTG03_Pc a:before{ content:""; display:inline-block;}

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

.FlexBoxPc{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxPcL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxPcR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxPcC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxPcB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxPcA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxPcM{ 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;}

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

.wid2Col_pc {width: calc(48%) !important;}
.wid3Col_pc {width: calc(100% / 3) !important;}
.wid4Col_pc {width: calc(100% / 4) !important;}
.wid5Col_pc {width: calc(100% / 5) !important;}

.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid46Per_pc {width: 46% !important;}
.wid47Per_pc {width: 47% !important;}
.wid48Per_pc {width: 48% !important;}
.wid49Per_pc {width: 49% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid50_pc {width: 50px !important;}
.wid60_pc {width: 60px !important;}
.wid70_pc {width: 70px !important;}
.wid80_pc {width: 80px !important;}
.wid90_pc {width: 90px !important;}
.wid100_pc {width: 100px !important;}
.wid150_pc {width: 150px !important;}
.wid180_pc {width: 180px !important;}
.wid200_pc {width: 200px !important;}
.wid250_pc {width: 250px !important;}
.wid300_pc {width: 300px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid475_pc {width: 475px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid540_pc {width: 540px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid720_pc {width: 720px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}


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

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}
.marT100_pc {margin-top: 100px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}
.marB100_pc {margin-bottom: 100px !important;}

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}

/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

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

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}

/* - Font size */

.txt10px_pc{font-size: 1.0rem !important;}
.txt11px_pc{font-size: 1.1rem !important;}
.txt12px_pc{font-size: 1.2rem !important;}
.txt13px_pc{font-size: 1.3rem !important;}
.txt14px_pc{font-size: 1.4rem !important;}
.txt15px_pc{font-size: 1.5rem !important;}
.txt16px_pc{font-size: 1.6rem !important;}
.txt17px_pc{font-size: 1.7rem !important;}
.txt18px_pc{font-size: 1.8rem !important;}
.txt19px_pc{font-size: 1.9rem !important;}
.txt20px_pc{font-size: 2.0rem !important;}
.txt21px_pc{font-size: 2.1rem !important;}
.txt22px_pc{font-size: 2.2rem !important;}
.txt23px_pc{font-size: 2.3rem !important;}
.txt24px_pc{font-size: 2.4rem !important;}
.txt25px_pc{font-size: 2.5rem !important;}
.txt26px_pc{font-size: 2.6rem !important;}
.txt27px_pc{font-size: 2.7rem !important;}
.txt28px_pc{font-size: 2.8rem !important;}
.txt29px_pc{font-size: 2.9rem !important;}
.txt30px_pc{font-size: 3.0rem !important;}


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

/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}

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

.PreparationBox {margin:100px auto; color:#666;}
.PreparationBox i {display: block; font-size:80px; margin: 0 auto 20px; text-align: center; color:#ddd;}
.PreparationBox h3 {font-size:36px; text-align: center; margin:0 auto 10px auto; position: relative; color:#999;}
.PreparationBox p {text-align: center; margin:0 auto;}


/* PCで電話番号リンクを無効に */
a[href*="tel:"] { pointer-events: none !important; cursor: default !important; text-decoration: none !important;}
main a[href*="tel:"] i {color:#999; margin:0 5px 0 0}

}