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



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

.lp2wk1 { position: relative; margin: 2em auto 0 auto; width: 90%; max-width: 980px; }
.lp2wk1 h2 { text-align: center; font-size: 1.6rem; line-height: 1.6; color: #009086; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}



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

.pnlinmbox { margin: 0; width: 22%; background-color: #fff; border-radius: 8px; border: 2px solid #009086; 
	top:0;
}
.pnlinmbox:hover {
 top: 7px; /* マウスオーバーで要素を10px下げる */
	transition:0.3s;
}

.pnlinmbox a { display: inline-block; padding: 1.2em; cursor: pointer; width: 100%; height: 100%; }


.pnlinmbox a:link { text-decoration:none; border:none; color:#000; }
.pnlinmbox a:visited { text-decoration:none; border:none; color:#000;  }
.pnlinmbox a:hover { text-decoration:none; border:none; color:#000; }
.pnlinmbox a:active { text-decoration:none; border:none; color:#000; }

.pnlinmbox p { font-size: 1.3rem; line-height: 1.4; text-align: center; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}
.pnlinmbox p span {  color: #009086; }




.lp2wk2 { position: relative; margin: 3em auto 0 auto; width: 90%; max-width: 980px; background-color: #fff; border-radius: 16px; padding: 40px;
}

.lp2wk2tit { margin: 0 auto 3.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2tit1 { margin: 0 auto; width: 294px; top: -8px;
}
.lp2wk2tit1 p { padding: 0 1em; text-align: right; font-size: 1.7rem; line-height: 1; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2tit2 { margin: 0 auto; width: 310px; 
}
.lp2wk2tit2 img { width: 100%; }

.lp2wk2tit3 { margin: 0 auto; width: 294px;  top: -8px;
}
.lp2wk2tit3 p { padding: 0 1em; text-align: left; font-size: 1.7rem; line-height: 1;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}




.lp2wk2titb { margin: 0 auto 3.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2titb1 { margin: 0 auto; width: 210px; top: -8px;
}
.lp2wk2titb1 p { padding: 0 0.2em 0 0; text-align: right; font-size: 1.7rem; line-height: 1; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2titb2 { margin: 0 auto; width: 310px; padding: 0 10px; 
}
.lp2wk2titb2 img { width: 100%; }

.lp2wk2titb3 { margin: 0 auto; width: 70px;  top: -8px;
}
.lp2wk2titb3 p { padding: 0 0 0 0.2em; text-align: left; font-size: 1.7rem; line-height: 1;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}




.lp2wk2omds { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 900px; }

.lp2wk2omds1 { position: absolute; top: 0; left: 0; padding: 0.6em; width: 160px; background-color: #009086; border-radius: 8px; }
.lp2wk2omds1 p { font-size: 1.3rem; line-height: 1.3; text-align: center; color: #fff; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

.lp2wk2omds2 { position: relative; margin: 0 0 0 180px; padding: 0.2em 0 0 0;  width: calc(100% - 180px); }
.lp2wk2omds2 p {  font-size: 1.5rem; line-height: 1.4; text-align: left; padding-bottom: 0.3em; border-bottom: 1px solid #009086;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}


.lp2wk2txt { position: relative; margin: 1em auto 0 auto; width: 100%; max-width: 900px;  }

.lp2wk2txt1 { position: relative; float: left; width: calc(100% - 290px); }
.lp2wk2txt1 p { font-size: 1rem; line-height: 2; }

.lp2wk2txt2 { position: relative; float: none; width: 100%; }
.lp2wk2txt2 p { font-size: 1rem; line-height: 2; }

.lp2wk2img1 { position: relative; float: right; width: 260px; margin-top: 0.3em; }
.lp2wk2img1 img { width: 100%; }





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

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

.lp2wk6box { position:relative; margin: 0 auto; width: 332px; }
.lp2wk6box 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; }



.lp2wk3 { display: block; position: relative; margin: 3em auto 0 auto; width: 90%; max-width: 840px; background-color: #fff; border: 6px solid #fff; border-radius: 16px; overflow: hidden; }
.lp2wk3 img { width: 100%; }


.spscrabt { display: none; }



.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: 1100px) {


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


.lp2wk2tit { margin: 0 auto 1.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2tit1 { margin: 0 auto; width: 100%; top: 0px; margin-bottom: 0.5em;
}
.lp2wk2tit1 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2tit2 { margin: 0 auto; width: 100%; max-width: 375px; margin-bottom: 0.4em;
}
.lp2wk2tit2 img { width: 100%; }

.lp2wk2tit3 { margin: 0 auto; width: 100%;  top: 0px;
}
.lp2wk2tit3 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}


.lp2wk2titb { margin: 0 auto 1.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2titb1 { margin: 0 auto; width: 100%; top: 0px; margin-bottom: 0.5em;
}
.lp2wk2titb1 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2titb2 { margin: 0 auto; width: 100%; max-width: 375px; margin-bottom: 0.4em;
}
.lp2wk2titb2 img { width: 100%; }

.lp2wk2titb3 { margin: 0 auto; width: 100%;  top: 0px;
}
.lp2wk2titb3 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3;
  font-family: 'Zen Maru Gothic', 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: #EDF4D2; }



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

.lp2wk1 { position: relative; margin: 1.5em auto 0 auto; width: 90%; }
.lp2wk1 h2 { text-align: center; font-size: 1.3rem; line-height: 1.5; color: #009086; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}



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

.pnlinmbox { margin: 0; width: 100%; background-color: #fff; border-radius: 8px; border: 2px solid #009086; margin-bottom: 1.2em; 
	top:0;
}
.pnlinmbox:hover {
	top:0;
	transition:0;
}

.pnlinmbox a { display: inline-block; padding: 0.8em; cursor: pointer; width: 100%; height: 100%; }


.pnlinmbox a:link { text-decoration:none; border:none; color:#000; }
.pnlinmbox a:visited { text-decoration:none; border:none; color:#000;  }
.pnlinmbox a:hover { text-decoration:none; border:none; color:#000; }
.pnlinmbox a:active { text-decoration:none; border:none; color:#000; }

.pnlinmbox p { font-size: 1.1rem; line-height: 1.4; text-align: center; color: #000; 
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}
.pnlinmbox p span {  color: #009086; }




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

.lp2wk2tit { margin: 0 auto 1.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2tit1 { margin: 0 auto; width: 100%; top: 0px; margin-bottom: 0.5em;
}
.lp2wk2tit1 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2tit2 { margin: 0 auto; width: 100%; max-width: 375px; margin-bottom: 0.4em;
}
.lp2wk2tit2 img { width: 100%; }

.lp2wk2tit3 { margin: 0 auto; width: 100%;  top: 0px;
}
.lp2wk2tit3 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}


.lp2wk2titb { margin: 0 auto 1.5em auto; width: 100%;
 display: flex;
	flex-wrap: wrap;
 justify-content: center;
 align-items: center;
	}

.lp2wk2titb1 { margin: 0 auto; width: 100%; top: 0px; margin-bottom: 0.5em;
}
.lp2wk2titb1 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3; 
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}

.lp2wk2titb2 { margin: 0 auto; width: 100%; max-width: 375px; margin-bottom: 0.4em;
}
.lp2wk2titb2 img { width: 100%; }

.lp2wk2titb3 { margin: 0 auto; width: 100%;  top: 0px;
}
.lp2wk2titb3 p { padding: 0 1em; text-align: center; font-size: 1.3rem; line-height: 1.3;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 900;
}


.lp2wk2omds { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 900px; }

.lp2wk2omds1 { position: absolute; top: 0; left: 0; padding: 0.6em; width: 60px; height: 60px; background-color: #009086; border-radius: 40px; }
.lp2wk2omds1 p { font-size: 0.8rem; line-height: 1.3; text-align: center; color: #fff;  padding-top: 0.1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

.lp2wk2omds2 { position: relative; margin: 0 0 0 70px; padding: 0.2em 0 0 0;  width: calc(100% - 70px); min-height: 60px; }
.lp2wk2omds2 p {  font-size: 1.3rem; line-height: 1.4; text-align: left; padding-bottom: 0.3em; border-bottom: 1px solid #009086;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}


.lp2wk2txt { position: relative; margin: 1em auto 0 auto; width: 100%; max-width: 900px;  }

.lp2wk2txt1 { position: relative; float: none; width: 100%; }
.lp2wk2txt1 p { font-size: 1rem; line-height: 1.7; }

.lp2wk2txt2 { position: relative; float: none; width: 100%; }
.lp2wk2txt2 p { font-size: 1rem; line-height: 2; }

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





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

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

.lp2wk6box { position:relative; margin: 0 auto 1em auto; width: 90%; max-width: 366px; text-align: center; }
.lp2wk6box img { width: 100%; max-width: 366px; }



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



.lp2wk3 { display: none; }


.spscrabt { display: block; position: relative; margin: 3em auto 0 auto; width: 90%; background-color: #fff; border: 6px solid #fff; border-radius: 16px; overflow: hidden; }

/* SP 横スクロール文字折り返しあり */

.x-scroll { padding:0;
overflow: auto;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}

.x-scroll .commap { width:740px; margin:0 auto 0 auto; background-color: #fff; }

.x-scroll .commap2 { width:800px; margin:0 auto 0 auto; background-color: #fff; }

.x-scroll .commap3 { width:700px; margin:0 auto 0 auto; background-color: #fff; }

.x-scroll .commap4 { width:600px; margin:1em auto 1em auto; }

.x-scroll .commap5 { width:800px; margin:1em auto 1em auto; }

/*
main .x-scroll td, .x-scroll th{
white-space: nowrap;　 文字の折返しを禁止 
}
*/



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