/* ===============================
	base
 =============================== */
html, body {
  font-family:"Noto Sans JP", serif;
  font-size: 18px;
  font-size: 1em;
  line-height: 1.8em;
  color: #000;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
.day{
display: inline-block;
background-color: #e7341b;
color: #fff;
margin-right: 20px;
padding:5px 20px 5px 20px;
line-height: 1.2em;
}
.subject{
display: inline-block;
background-color: #36924f;
color: #fff;
margin-right: 20px;
padding:5px 20px 5px 20px;
}
.kyoka p{
line-height: 1.2em;
margin-bottom: 5px;
}
.bold{
font-weight: bold;
}
.project{
margin-bottom: 0px;
font-weight: 600;
}
.sub-tit{
position: absolute;
display: inline-block;
font-size: 0.6em;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 5px;
}
.kikan{
position: absolute;
display: inline-block;
margin-left: 20px;
color: #fff;	
background-color: #f7b52c;
padding: 5px 25px;
border-radius: 20px;
font-size: 0.6em;
margin-top: 5px;
}
.toku-m{
margin-top: 4%;
margin-bottom: 4%;
}
.bg-b{
background-color: #f5f3ed;
padding: 25px;
margin-top: 10px;
}
.markar{
background: linear-gradient(180deg, #f5f3ed 0%, #f5f3ed 50%, #ffd68d 50%, #ffd68d 100%);
}

.price{
color: #fff;	
background-color: #f7b52c;
padding:5px 20px 5px 20px;
margin-right: 20px;
}
.w90{
width: 94%;
margin-left: 3%;
}
.mt-10{
margin-top: 5%;
}
.price-pro{
font-size: 1.8rem;
color: #ff0000;
}
.tyu3-bg{
width: 100%;
background-image: url("../lp-img/tyu3-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 2%;
}
.tyu3-nitei{
margin-top: -50px;
}
.tyu2-bg{
width: 100%;
background-image: url("../lp-img/tyu2-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 2%;
}
.lp-10{
padding-left: 10%;
}
.maru-icn1{
width: 150px;
margin-top: -100px;
margin-left: -50px;
margin-bottom: 20px
}
.maru-icn2{
width: 150px;
margin-top: -100px;
margin-left: -50px;
margin-bottom: 20px;
margin-right: 20px;
float: left;
}
.hojyo-txt{
position: absolute;
margin-left: 120px;
margin-top: -60px;
}
.clier{
clear: both;
}
.fs30{
font-size: 2.8rem;
}
.fs20{
font-size: 1.8rem;	
}
.syo5-bg{
width: 100%;
background-image: url("../lp-img/syo5-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 2%;
}
.lp-tit {
    margin-top: -120px;
    margin-left: -25%;
    width: 60vw;
}
.eisu{
background-color: #e1fcff;
padding: 30px;
}
.maru-icn3{
width: 150px;
margin-top: -50px;
margin-left: -50px;
margin-bottom: 20px;
margin-right: 20px;
float: left;
}
.hojyo-txt2{
position: absolute;
margin-left: 120px;
margin-top: 0px;
}
a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}
ul.list03{
padding-left: 0px!important;
}
@media screen and (min-width: 1201px) {
.sp120{
display: none!important;
}
}
@media screen and (max-width: 1200px) {
.pc120{
display: none!important;
	}
.tyu3-bg{
width: 100%;
background-image: none;
background-repeat: no-repeat;
background-size: cover;
padding: 2%;
}
.maru-icn1 {

margin-top: -100px;
margin-left: -10px;
margin-bottom: 20px;
}
.tyu3-nitei {
    margin-top: 0px;
}
.maru-icn2 {
position: relative;
    margin-top: -100px;
    margin-left: -10px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: none;
	z-index: 10;
}
.lp-10{
padding-left:0px;
}
.hojyo-txt {
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
}
.syo5-bg{
background-image: none;
}
}

@media screen and (max-width: 991px) {
.project{
margin-top: 25px
	}}
@media screen and (max-width: 768px) {
.lp-tit {
    margin-top: -100px;
    margin-left: -25%;
    width: 60vw;
}
	
.lp-table td{
	width: 100%;
	display: block;
}
.maru-icn3 {
    margin-top: -50px;
    margin-left: -20px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

.hojyo-txt2 {
    position: absolute;
    margin-left: 150px;
    margin-top: 0px;
}
	.spmt-5{
	margin-top: 30px;
	}
}
@media screen and (min-width: 568px) {
	.sp56{
	display: none;
	}
}
@media screen and (max-width: 567px) {
.lp-tit {
    margin-top: -60px;
    margin-left: -20%;
    width: 80vw;
}
.mt-5 {
    margin-top: 1rem !important;
}
.fs30 {
    font-size: 2.0rem;
}	
.fs20 {
    font-size: 1.2rem;
	line-height: 1.4em;
}
.sub-tit {
    position: relative;
}
.kyoka p {
    line-height: 1.6em;
}
.day {
    line-height: 1.6em;
}
.price {
    line-height: 1.6em;
}

.kikan {
    font-size: 0.4em;
    margin-top: 9px;
}
.list03 li{
line-height: 1.4em;
margin-bottom: 15px;
}
.pc56{
display: none;
}
}