@charset "utf-8";


/* 共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html { }

main { position:relative; overflow:hidden; }

/* 画像リサイズ自動調整 */
img.object-fit-img { object-fit:cover; font-family:'object-fit: cover;'; overflow:hidden; }



/* index.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

body { background-color: #FFFCDB; }



.lp1head { position: relative; width: 97%; margin: 1em auto; }

.lp1headlef { position: relative; float: left; width: 200px; }
.lp1headlef img { width: 100%; }

.lp1headrig { position: relative; float: right; width: 100px; }
.lp1headrig img { width: 100%; }



.lp1tit { position: relative; margin: 3em auto 0 auto; width: 90%; max-width: 840px; }
.lp1tit img { width: 100%; }

.lp1wk1 { position: relative; margin: 2em auto 0 auto; width: 90%; max-width: 980px; }
.lp1wk1 h2 { text-align: center; font-size: 1.6rem; line-height: 1.6; color: #009FE8; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk1 h3 { position: relative; margin: 1.5em auto 0 auto; padding: 0.6em 2em; width: 90%; max-width: 460px;  text-align: center; font-size: 1.2rem; line-height: 1.4; color: #fff; background-color: #F29600; border-radius: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}

.lp1wk2 { position: relative; margin: 3em auto; width: 90%; max-width: 540px; }
.lp1wk2 img { width: 100%; }



.lp1wk3 { position: relative; margin: 2em auto 0 auto; padding: 2.5em 155px; width: 90%; max-width: 980px; background-color: #fff; border-radius: 18px; }

.lp1wk3img { position: relative; margin: 0 auto 1.5em auto; width: 100%; max-width: 600px; font-size: 1.1rem; }
.lp1wk3img img { width: 100%; }


.lp1wk3 p { text-align: left; font-size: 1.1rem; line-height: 1.7; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}


/* 画面表示時のデフォルト設定 */
/* 全ての要素を一旦「画面表示時のみ」として設定 */
.pconly_noprint {
  display: block; /* 画面表示時には表示 */
}

.printonly {
  display: none;  /* 画面表示時には非表示 */
}

/* ------------------- 印刷時のみ適用するスタイル ------------------- */
@media print {
  /* 印刷時のみ表示したい要素 (p.printonly) */
  .printonly {
    display: block !important; /* 印刷時に表示 */
  }

  /* 画面表示時のみの要素 (p.pconly_noprint) */
  .pconly_noprint {
    display: none !important; /* 印刷時には非表示 */
  }
}

@media print {

.lp1wk3 { position: relative; margin: 2em auto 0 auto; padding: 2.5em 100px; width: 90%; max-width: 980px; background-color: #fff; border-radius: 18px; }

}



.lp1wk3txt1 { }
.lp1wk3txt1 h3 { text-align: left; margin: 1em 0 0 0; width: 100%; font-size: 1.3rem; line-height: 1.4; color: #00A5E3; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk3txt1 h3 span { font-size: 1rem; color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.lp1wk3txt2 { }
.lp1wk3txt2 h3 { text-align: left; margin: 0.5em 0 0 0; width: 100%; font-size: 1.3rem; line-height: 1.4; color: #E36B1E; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}



.lp1wk4 { position: relative; margin: 3em auto 0 auto; padding: 2.5em 2.3em 2em 2.3em; width: 90%; max-width: 980px; background-color: #fff; border-radius: 18px; border: 12px solid #F6AC19; }

.lp1wk4img { position: relative; margin: 0 auto 0 auto; width: 100%; max-width: 600px; }
.lp1wk4img img { width: 100%; }

.lp1wk4 h3 { text-align: center; margin: 0.5em 0 0.5em 0; width: 100%; font-size: 1.8rem; line-height: 1.4; color: #717071; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk4 h3 span { color: #E86F6F; }


.lp1wk4 p { text-align: justify; font-size: 1.1rem; line-height: 1.8; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}



.lp1wk5 { position: relative; margin: 4em auto 0 auto; padding: 4em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk5wk { position: relative; margin: 0 auto; width: 90%; max-width: 980px; }

.lp1wk5 h3 { text-align: center; width: 100%; font-size: 1.9rem; line-height: 1.5; color: #717071; 
  font-family: 'Mochiy Pop One', sans-serif;
  font-weight: 400;
}
.lp1wk5 h3 .lp1w5col1 { color: #00A5E3; }
.lp1wk5 h3 .lp1w5col2 { color: #E36B1E; }



.lp1wk6 { position: relative; margin: 0 auto; padding: 3em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk6wk { position: relative; margin: 0 auto; width: 90%; max-width: 580px; 
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.lp1wk6box { position:relative; margin: 0 auto; width: 260px; }
.lp1wk6box img { width: 100%; }



.lp1wk7 { position: relative; margin: 0 auto; padding: 1.5em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk7wk { position: relative; margin: 0 auto; width: 90%; max-width: 980px; }

.lp1wk7 p { text-align: center; font-size: 0.9rem; line-height: 1.7; }



.lp1crdt { position: relative; margin: 0 auto; padding: 3em 0 0.6em 0; width: 100%; background-color: #fff; }

.lp1crdtwk { position: relative; margin: 0 auto; width: 90%; max-width: 980px; padding-top: 0.7em; border-top: 1px solid #ccc; }

.lp1crdt p { text-align: center; font-size: 0.8rem; line-height: 1.7; }





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



.lp1wk3 { position: relative; margin: 2em auto 0 auto; padding: 2.5em; width: 80%; max-width: 980px; background-color: #fff; border-radius: 18px; }

.lp1wk3img { position: relative; margin: 0 auto 1.5em auto; width: 100%; max-width: 600px; font-size: 1.1rem; }
.lp1wk3img img { width: 100%; }

.lp1wk3 p { text-align: left; font-size: 1.1rem; line-height: 1.7; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.lp1wk3txt1 { }
.lp1wk3txt1 h3 { text-align: left; margin: 1em 0 0 0; width: 100%; font-size: 1.3rem; line-height: 1.4; color: #00A5E3; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk3txt1 h3 span { font-size: 1rem; color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.lp1wk3txt2 { }
.lp1wk3txt2 h3 { text-align: left; margin: 0.5em 0 0 0; width: 100%; font-size: 1.3rem; line-height: 1.4; color: #E36B1E; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}


}




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


/* 共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html { }

main { position:relative; margin-top:0; padding-top:0; overflow:hidden; }

/* 画像リサイズ自動調整 */
img.object-fit-img {
	/*トリミング処理*/
 object-fit: cover;
 object-position: 50% 50%;
 /*IE用トリミング処理*/
 font-family: 'object-fit: cover; object-position: 50% 50%;';
 }



/* index.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

body { background-color: #FFFCDB; }



.lp1head { position: relative; width: 93%; margin: 1em auto; }

.lp1headlef { position: relative; float: left; width: 60%; max-width: 200px; }
.lp1headlef img { width: 100%; }

.lp1headrig { position: relative; float: right; width: 34%; max-width: 100px; }
.lp1headrig img { width: 100%; }



.lp1tit { position: relative; margin: 1.5em auto 0 auto; width: 90%; }
.lp1tit img { width: 100%; }

.lp1wk1 { position: relative; margin: 1.5em auto 0 auto; width: 90%; }
.lp1wk1 h2 { text-align: center; font-size: 1.3rem; line-height: 1.5; color: #009FE8; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk1 h3 { position: relative; margin: 1.5em auto 0 auto; padding: 0.6em 1em 0.7em 1em; width: 90%; max-width: 460px;  text-align: center; font-size: 1rem; line-height: 1.4; color: #fff; background-color: #F29600; border-radius: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}

.lp1wk2 { position: relative; margin: 2em auto 0 auto; width: 80%; max-width: 540px; }
.lp1wk2 img { width: 100%; }



.lp1wk3 { position: relative; margin: 2em auto 0 auto; padding: 1.5em; width: 90%; background-color: #fff; border-radius: 18px; }

.lp1wk3img { position: relative; margin: 0 auto 1em auto; width: 90%; }
.lp1wk3img img { width: 100%; }

.lp1wk3 p { text-align: justify; font-size: 1rem; line-height: 1.7; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.lp1wk3txt1 { }
.lp1wk3txt1 h3 { text-align: left; margin: 1em 0 0 0; width: 100%; font-size: 1.15rem; line-height: 1.5; color: #00A5E3; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk3txt1 h3 span { font-size: 0.9rem; color: #000; display: inline-block; margin-top: 0.3em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.lp1wk3txt2 { }
.lp1wk3txt2 h3 { text-align: left; margin: 0.5em 0 0 0; width: 100%; font-size: 1.15rem; line-height: 1.5; color: #E36B1E; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}



.lp1wk4 { position: relative; margin: 1.5em auto 0 auto; padding: 1.5em 1.5em 1.5em 1.5em; width: 90%; background-color: #fff; border-radius: 18px; border: 6px solid #F6AC19; }

.lp1wk4img { position: relative; margin: 0 auto 0 auto; width: 90%; }
.lp1wk4img img { width: 100%; }

.lp1wk4 h3 { text-align: center; margin: 0.5em 0 0.5em 0; width: 100%; font-size: 1.3rem; line-height: 1.4; color: #717071; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp1wk4 h3 span { color: #E86F6F; }


.lp1wk4 p { text-align: justify; font-size: 1rem; line-height: 1.8; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}



.lp1wk5 { position: relative; margin: 2em auto 0 auto; padding: 1.5em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk5wk { position: relative; margin: 0 auto; width: 90%; }

.lp1wk5 h3 { text-align: center; width: 100%; font-size: 1.3rem; line-height: 1.6; color: #717071; 
  font-family: 'Mochiy Pop One', sans-serif;
  font-weight: 400;
}
.lp1wk5 h3 .lp1w5col1 { color: #00A5E3; }
.lp1wk5 h3 .lp1w5col2 { color: #E36B1E; }



.lp1wk6 { position: relative; margin: 0 auto; padding: 2em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk6wk { position: relative; margin: 0 auto; width: 90%; 
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
}

.lp1wk6box { position:relative; margin: 0 auto 1em auto; width: 300px; text-align: center; }
.lp1wk6box img { width: 90%; max-width: 260px; }



.lp1wk7 { position: relative; margin: 0 auto; padding: 0.7em 0 0 0; width: 100%; background-color: #fff; }

.lp1wk7wk { position: relative; margin: 0 auto; width: 90%; }

.lp1wk7 p { text-align: justify; font-size: 0.8rem; line-height: 1.6; }



.lp1crdt { position: relative; margin: 0 auto; padding: 3em 0 0.6em 0; width: 100%; background-color: #fff; }

.lp1crdtwk { position: relative; margin: 0 auto; width: 90%; max-width: 980px; padding-top: 0.7em; border-top: 1px solid #ccc; }

.lp1crdt p { text-align: center; font-size: 0.8rem; line-height: 1.7; }






}
/* END max-width: 768px */








































































































































































































































/* 部品
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/*  源ノ角ゴシック */
/* Thin (100) */
.noto-thin {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}

/* ExtraLight (200) */
.noto-extralight {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200;
}

/* Light (300) */
.noto-light {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
}

/* Regular (400) */
.noto-regular {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

/* Medium (500) */
.noto-medium {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

/* SemiBold (600) */
.noto-semibold {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}

/* Bold (700) */
.noto-bold {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

/* ExtraBold (800) */
.noto-extrabold {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
}

/* Black (900) */
.noto-black {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}



/*  ZEN丸ゴシック */
/* Light (300) */
.zen-light {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 300;
}

/* Regular (400) */
.zen-regular {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 400;
}

/* Medium (500) */
.zen-medium {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
}

/* Bold (700) */
.zen-bold {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 700;
}

/* Black (900) */
.zen-black {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}



/* モッチーポップ */
/* Regular (400) */
.mochiy-pop-one {
  font-family: 'Mochiy Pop One', sans-serif;
  font-weight: 400;
}