@charset "UTF-8";
/* CSS Document */

/*STYLE*/
.imgover {}
.spChange{}
.mar_t10{ margin-top:10px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t50 {margin-top:50px !important;}
.mar_b0 { margin-bottom:0px !important; }
.mar_b10 { margin-bottom:10px !important; }
.mar_b20 { margin-bottom:20px !important; }
.mar_b30 { margin-bottom:30px !important; }
.mar_b40 { margin-bottom:40px !important; }
.mar_b50 { margin-bottom:50px !important; }
.caption10 { font-size: 1rem; line-height: 1.5; }
.caption12 { font-size: 1.2rem; line-height: 1.5; }
.txt_bold { font-weight: 600; }
.center { text-align:center;}
.lBox{ float: left;}
.rBox{ float: right;}
.pc{ display: block;}
.sp{ display: none;}
.pcTxt{ display: inline-block;}
.spTxt{ display: none;}
.pcTxt640{ display: inline-block;}
.spTxt640{ display: none;}
.pcTxt480{ display: inline-block;}
.spTxt480{ display: none;}
a.hover60{}
a.hover60:hover{ opacity: 0.6; }
.txt_80{ font-size: 80%;}
.txt_120{ font-size: 120%;}
.txt_150{ font-size: 150%; line-height: 1.8;}
.indent1em{ text-indent: -1em; padding: 0 0 0 1em;}
.txt12 { font-size: 1.2rem; }
.txt_red { color: #C00; }
.txt_underline{ text-decoration: underline;}
.webp{ display: inline-block;}
.ib{ display: inline-block;}

.flexBox{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

.borderBox{ border: 1px solid #ccc; padding: 20px; margin: 0 auto 20px; max-width: 900px; width: calc( 100% - 40px);}

.link_blank:after{ content: ''; margin: 0 0.2em; width: 1em; height: 1em; background-image: url("../../common/img/icon_link_blue.svg"); background-size: 100%; background-position: center; background-repeat: no-repeat; display: inline-block;}
.link_site:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; margin: 0 0.2em; speak: none; }
.link_pdf:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c1"; margin: 0 0.2em; speak: none;  }
.link_blank:hover,.link_site:hover,.link_pdf:hover,.link_arrow:hover,.link_download:hover{ text-decoration: underline;}
.link_arrow:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; margin: 0 0.2em; font-size: 80%; speak: none; }
.link_download:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56d"; margin: 0 0.2em; speak: none; }

ol { counter-reset: list-count;}
ol > li{ padding-left: 1.5em;}
ol > li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
	margin-left: -1.5em; margin-right: 0.5em;
}

ul.discTxt li{ padding: 0 0 0 1.2em; position: relative; }
ul.discTxt li:before{ content: '●'; position: absolute; top: 0; left: 0; color: #caa867;}

ul.dotTxt li{ padding: 0 0 0 1.2em; position: relative; }
ul.dotTxt li:before{ content: '・'; position: absolute; top: 0; left: 0;}

.youtube { width: 100%; aspect-ratio: 16 / 9; position: relative; }
.youtube iframe { width: 100%; height: 100%;}
.youtube iframe.none{ background-color: #ccc;}

/* .oubo_btn a{ border: 3px solid #0a3e6f; background-color: #0a3e6f; color: #fff; width: 70%; padding: 1em; border-radius: 10px; font-size: 2.4rem; font-weight: 600; display: block; max-width: 660px; margin: 0 auto; text-decoration: none;} */
.oubo_btn a{ width: 70%;display: block; max-width: 660px; margin: 0 auto;}

.concact_btn a{ border: 3px solid #0a3e6f; background-color: #fff; width: 70%; padding: 1em; border-radius: 10px; font-size: 2.4rem; font-weight: 600; color: #333; display: block; max-width: 660px; margin: 0 auto; text-decoration: none;}
.concact_btn a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0"; margin: 0 0.4em; speak: none;  }

.btn a{ border: 3px solid #0a3e6f; background-color: #0a3e6f; color: #fff; width: 70%; padding: 1em; border-radius: 10px; font-size: 2rem; font-weight: 600; display: block; max-width: 660px; margin: 0 auto; text-decoration: none; text-align: center;}
.btn a:hover{ text-decoration: none;}

.btn.yellow a{ border: 3px solid #f5e0a7; background-color: #f5e0a7; color:#0a3e6f }




/* ANCHOR LINK ADJUST */
* { scroll-margin-top: 100px; }
#pagetop { scroll-margin-top:0; position: absolute; left: 0; top:0;}

@media screen and (max-width:770px) {
.pc{ display: none;}
.sp{ display: block;}
.pcTxt{ display: none;}
.spTxt{ display: inline-block;}
}

@media screen and (max-width:640px) {
.pc640{ display: none;}
.sp640{ display: block;}
.pcTxt640{ display: none;}
.spTxt640{ display: inline-block;}

/* .oubo_btn a{font-size: 2rem; padding:0.5em 1em; width: 80%; } */
.oubo_btn a{width: 80%; }
.concact_btn a{font-size: 2rem; padding:0.5em 1em; width: 80%; }
.btn a{font-size: 2rem; padding:0.5em 1em; width: 80%;}

}

@media screen and (max-width:480px) {
.pcTxt480{ display: none;}
.spTxt480{ display: inline-block;}


}