@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: #E7F4F9; }



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



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



.lp3wk1 { position: relative; margin: 1.5em auto 0 auto; width: 90%; }
.lp3wk1 h2 { text-align: center; font-size: 1.3rem; line-height: 1.5; color: #F69239; vertical-align: middle;  
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp3wk1img { position: relative; display: inline-block; width: 100px; margin-right: 0.7em; vertical-align: middle; }
.lp3wk1img img { width: 100%; }



.pnlinmwk { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 880px; 
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.pnlinmbox { position: relative; margin: 0; width: 30%; margin-bottom: 1.5em; 
	top:0;
}
.pnlinmbox:hover {
 top: 7px; /* マウスオーバーで要素を10px下げる */
	transition:0.3s;
}
.pnlinmbox img { width: 100%; }

.pnlinmbox_bl15 { margin: 0; width: 15%; height: 1px; }





.lp3wk2 { position: relative; margin: 3em auto 2em auto; width: 90%; max-width: 980px; background-color: #fff; border-radius: 16px; padding: 40px 80px; border: 2px solid #A50082; }

.lp3wk2num { position: absolute; top: -10px; left: 30px; width: 64px; height: 64px; }
.lp3wk2num img { width: 100%; }

.lp3wk2 h2 { text-align: center; font-size: 1.8rem; line-height: 1.4; text-align: center; margin-bottom: 0.8em;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp3wk2 h2 span { color: #A50082; }

.lp3wk2 p { font-size: 1rem; line-height: 2; }

.lp3wk2img1 { position: relative; margin: 1.5em auto; width: 580px; }
.lp3wk2img1 img { width: 100%; }

.lp3wk2img2 { position: relative; margin: 1.5em auto; width: 480px; }
.lp3wk2img2 img { width: 100%; }

.lp3wk2 ul { margin-left: 1em; }

.lp3wk2 li { position: relative; display: inline-block; margin-right: 2em; font-size: 1rem; line-height: 2;  }
.lp3wk2 li.blkys { display: block;  }



.lp3wk3 { position: relative; margin: 3em auto 2em auto; width: 90%; max-width: 980px; background-color: #fff; border-radius: 16px; padding: 40px 80px; border: 2px solid #F69239; }

.lp3wk3num { position: absolute; top: -10px; left: 30px; width: 64px; height: 64px; }
.lp3wk3num img { width: 100%; }

.lp3wk3 h2 { text-align: center; font-size: 1.8rem; line-height: 1.4; text-align: center; margin-bottom: 0.8em;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp3wk3 h2 span { color: #F69239; }

.lp3wk3 p { font-size: 1rem; line-height: 2; }

.lp3wk3img1 { position: relative; margin: 1.5em auto; width: 580px; }
.lp3wk3img1 img { width: 100%; }

.lp3wk3txt2 { position: relative; float: left; width: 400px; }

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


.lp3wk6 { position: relative; margin: 0 auto; padding: 3em 0 0 0; width: 100%; }

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

.lp3wk6box { position:relative; margin: 0 auto; width: 314px; }
.lp3wk6box img { width: 100%; }



.lp2wk7 { position: relative; margin: 0 auto; padding: 1.5em 0 0 0; width: 100%; }

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

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



.lp2crdt { position: relative; margin: 0 auto; padding: 3em 0 0.6em 0; width: 100%; }

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

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





@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: #E7F4F9; }



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



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



.lp3wk1 { position: relative; margin: 1.5em auto 0 auto; width: 90%; }
.lp3wk1 h2 { text-align: center; font-size: 1.3rem; line-height: 1.5; color: #F69239; vertical-align: middle;  
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.lp3wk1img { position: relative; display: block; width: 70px; margin: 0 auto 0 auto; vertical-align: middle; }
.lp3wk1img img { width: 100%; }



.pnlinmwk { position: relative; margin: 1.5em auto 0 auto; width: 81%; max-width: 880px; 
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.pnlinmbox { margin: 0 auto 1em auto; width: 100%; max-width: 280px; padding: 0 0.5em; 
	top:0;
}
.pnlinmbox:hover {
	top:0;
	transition:0;
}
.pnlinmbox img { width: 100%; }

.pnlinmbox_bl15 { display: none; }




.lp3wk2 { position: relative; margin: 2em auto 1em auto; width: 90%; max-width: 980px; background-color: #fff; border-radius: 10px; padding: 1.5em  1.5em  0.5em  1.5em; border: 1px solid #A50082; }

.lp3wk2num { position: absolute; top: -10px; left: -10px; width: 54px; height: 54px; }
.lp3wk2num img { width: 100%; }

.lp3wk2 h2 { text-align: center; font-size: 1.3rem; line-height: 1.4; text-align: center; margin-bottom: 0.8em; padding: 0 1em;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp3wk2 h2 span { color: #A50082; }

.lp3wk2 p { font-size: 1rem; line-height: 1.7; }

.lp3wk2img1 { position: relative; margin: 1.5em auto; width: 100%; max-width: 580px; }
.lp3wk2img1 img { width: 100%; }

.lp3wk2img2 { position: relative; margin: 1.5em auto; width: 100%; max-width: 480px; }
.lp3wk2img2 img { width: 100%; }

.lp3wk2 ul { margin-left: 0; }

.lp3wk2 li { position: relative; display: block; margin-right: 0em; font-size: 1rem; line-height: 1.7; padding-left: 1em; text-indent: -1em;  }



.lp3wk3 { position: relative; margin: 2em auto 1em auto; width: 90%; max-width: 980px; background-color: #fff; border-radius: 10px; padding: 1.5em  1.5em  0.5em  1.5em; border: 1px solid #F69239; }

.lp3wk3num { position: absolute; top: -10px; left: -10px; width: 54px; height: 54px; }
.lp3wk3num img { width: 100%; }

.lp3wk3 h2 { text-align: center; font-size: 1.3rem; line-height: 1.4; text-align: center; margin-bottom: 0.8em; padding: 0 1em;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp3wk3 h2 span { color: #F69239; }

.lp3wk3 p { font-size: 1rem; line-height: 1.7; }

.lp3wk3img1 { position: relative; margin: 1.5em auto; width: 100%; max-width: 580px; }
.lp3wk3img1 img { width: 100%; }

.lp3wk3txt2 { position: relative; float: none; width: 100%; }

.lp3wk3img2 { position: relative; float: none; width: 100%; max-width: 150px; margin: 0 auto 1em auto; }
.lp3wk3img2 img { width: 100%; }


.lp3wk6 { position: relative; margin: 0 auto; padding: 2em 0 0 0; width: 100%; }

.lp3wk6wk { position: relative; margin: 0 auto; width: 81%; max-width: 820px; 
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.lp3wk6box { position:relative; margin: 0 auto; width: 100%; max-width: 368px; margin-bottom: 1.5em;  }
.lp3wk6box img { width: 100%; }




.lp2wk7 { position: relative; margin: 0 auto; padding: 0.7em 0 0 0; width: 100%; }

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

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



.lp2crdt { position: relative; margin: 0 auto; padding: 3em 0 0.6em 0; width: 100%; }

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

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