@charset "UTF-8";

html {
	/*横向きにした際のフォントサイズ自動調整オフ */
	-webkit-text-size-adjust: 100%;
	/* ウェブフォント用設定。また、モリサワ系には指定時に別途回転をかける */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* 全画面共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html { }
body { }


body {
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
 /* font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position:relative; */
}

p { text-align:justify; text-justify:inter-ideograph; line-height:1.7; }

h2 { text-align:justify; text-justify:inter-ideograph; line-height:1.4; }
h3 { text-align:justify; text-justify:inter-ideograph; line-height:1.4; }
h4 { text-align:justify; text-justify:inter-ideograph; line-height:1.4; }
h5 { text-align:justify; text-justify:inter-ideograph; line-height:1.4; }

table { width:100%; margin:0; padding:0; border-collapse:collapse; }
th { text-align:center; font-weight:bold; }
td { text-align:justify; text-justify:inter-ideograph; }

img {	vertical-align:bottom; width:auto;	}

ul { margin:0; padding:0; }
li { text-align:justify; text-justify:inter-ideograph; list-style-type:none; }

hr { border-top: 2px dotted #333; border-right: none; border-bottom: none; border-left: none; }

div {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
li {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
a {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
input {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
th { 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
td { 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}


/* 全画面共通 標準要素 B
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a {	color: #e60012; font-weight:normal;	text-decoration:none; }

.cb { clear:both; }
.tbold { font-weight:bold; }
.tcen { text-align:center; }
.trig { text-align:right; }
.red { color:#f00; }
.tsml { font-size:0.8em; }

.fl { float:left; }
.fr { float:right; }

.wrap { overflow:hidden; }

.w100 { width:100%; margin:0 auto; }
.w90 { width:90%; margin:0 auto; }


/* テキストリンク
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a:link    { color: #a50082;	text-decoration:none; font-weight:bold; transition: all 0.3s ease; }
a:visited { color: #a50082;	text-decoration:none; font-weight:bold; }
a:hover   { color: #000;	text-decoration:none; font-weight:bold; }
a:active  { color: #000;	text-decoration:none; font-weight:bold; }


/* 画像リンク
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* 画像半調リンク
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a:hover img { transition: all 0.3s ease;
 opacity:0.5;
 filter:alpha(opacity=50);
 -ms-filter:"alpha(opacity=50)";
 zoom:1;
}

.w830 { width:830px; margin:0 auto; position:relative; }



/* index.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
header { position: relative; background-color:#f4e7f2; text-align:center; width:100%; height:auto; }
header .hlogo { position:absolute; top:20px; right:80px; width: 180px; z-index:2; }
header .hlogo img { width: 100%; }
header .title { position: relative; margin: 0 auto; padding:2em 0; width: 652px; }
header .title img { width: 100%; }





.mck25lead { position: relative; margin: 2em auto 0 auto; width: 900px; }

.mck25lead p { text-align: center; line-height: 1.8; }



.mck24menuwk { position: relative; margin: 2em auto 0 auto; padding: 0; width: 650px; }

.mck24menuwk {
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.mck24menubox { position:relative; width: calc(100% / 3); border-right: 1px solid #333; text-align: center; }

.mck24menubox a { display: inline-block; width: 100%; padding: 1em; }

.mck24menubox a:link    { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox a:visited { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox a:hover   { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #f4e7f2; }
.mck24menubox a:active  { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #f4e7f2; }

.mck24menubox img { position:relative; top: -3px; padding-left: 0.4em; width: 15px; }



.mck24menuwk4 { position: relative; margin: 2em auto 0 auto; padding: 0.8em 0; width: 900px; background-color: #ebebeb; }

.mck24menuwk4 {
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.mck24menubox4 { position:relative; width: auto; border-right: 1px solid #333; text-align: center; }

.mck24menubox4 a { display: block; width: 100%; padding: 0.5em 2.4em; }

.mck24menubox4 a:link    { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:visited { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:hover   { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:active  { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }

.mck24menubox4 img { position:relative; top: -3px; padding-left: 0.4em; width: 15px; }



.mc2mbr { border-right: none; }

.mc2mbr4 { border-right: none; }


.mck24wk0 { position: relative; margin: 4em auto 0 auto; padding: 0; width: 900px; }

.mck24wk1omds { position: relative; margin: 2em auto 0 auto; padding: 0 0 0.2em 0; width: 100%; border-bottom: 2px solid #00913e; }

.mck24omdsnum { position: absolute; width: 34px; height: 34px; background-color: #00913e; border-radius: 6px; }

.mck24omdsnum p { text-align: center; color: #fff; font-size: 1.7rem; line-height: 1.2; font-weight: bold; }

.mck24wk1omds h2 { position: relative; top: -3px; margin: 0 0 0 50px; text-align: left; font-size: 1.7rem; line-height: 1.5; }

.mck24wk1wk { position: relative; margin: 2em auto 0 auto; padding: 40px 50px; width: 100%; background-color: #f3f8d9;  }

.mck24wk1wk p { font-size: 0.95rem; }

.mt1em { margin-top: 1em; }



.mck24fuki1 {
	position: relative;
 display:block;
	background: #fff;
	border: 1px solid #009844;
	margin:0 auto 2em auto;
	padding:0.7em 3em;
}
.mck24fuki1:after, .mck24fuki1:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mck24fuki1:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.mck24fuki1:before {
	border-color: rgba(0, 152, 68, 0);
	border-top-color: #009844;
	border-width: 16px;
	margin-left: -16px;
}
.mck24fuki1 h3 { text-align:center; font-size:1.4rem; color:#009844; font-weight:bold; line-height:1.5; }

.mck24fuki1 h3 img { position: relative; top: -5px; padding-left: 8px; width: 64px; }



.mck24int1 { padding-left: 1em; text-indent: -1em; }



.mck24kjg1 { position: relative; margin: 1em auto 0 auto; }

.mck24kjg1 p { padding-left: 1.7em; text-indent: -1.7em; }

.mck24kjg1 p::before { 
 content: '●';
 color: #199c51;
	padding-right: 0.7em;
}



.mck24wk2wk { position: relative; margin: 3em auto 0 auto; padding: 1em 0; width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333; }

.mck24wk2wk p { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.7; }

.mck24wk2wk p::before { position: relative; top: 4px; font-size: 1.5rem; line-height: 1;
 content: '・';
	font-weight: bold;
 color: #199c51;
}



.mck24wk3 { position: relative; margin: 4em auto 0 auto; padding: 0 0 4em 0 ; width: 900px; }

.mck24wk3tit { position: relative; width: 100%; }

.mck24w3step { position: absolute; top: 0; left: 0; width: 250px; }
.mck24w3step img { width: 100%; }

.mck24w3lead { position: relative; margin: 0 0 0 270px; padding-top: 65px; width: calc(100% - 270px); }
.mck24w3lead p { font-size: 1.05rem; line-height: 1.6; }

.mck24w3zu1 { position: relative; margin: 2.5em auto 0 auto; width: 100%; }
.mck24w3zu1 img { width: 100%; }

.mck24w3zu1btn { position: absolute; top: 790px; right: 280px; width: 194px; height: 190px; }
.mck24w3zu1btn img { width: 100%; }



.flinkbox { background-color:#f2f2f2; padding:2em; margin-top:55px; }
.flinkbox img { margin-top:5px; margin-bottom:5px; }
.flinkl { float:left; width:380px; }
.flinkl img { width: 100%; }
.flinkr { float:right; width:380px; }
.flinkr img { width: 100%; }

footer { margin-top:30px; text-align: center; }
footer img { width: 227px; }
footer p { text-align:center; font-size:0.8rem; margin-top:15px; }



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

.x-scroll { position: relative; padding:0; margin: 0 auto 0 auto; width: 100%; }

.x-scroll .commap5 { position: relative; width:100%; margin:0 auto; }

.onh13img { position: relative; margin: 2em auto 0 auto; width: 100%; }
.onh13img img { width: 100%; }

.onh524img { position: relative; margin: 2em auto 0 auto; width: 524px; }
.onh524img img { width: 100%; }

.onh548img { position: relative; margin: 2em auto 0 auto; width: 548px; }
.onh548img img { width: 100%; }

.onh646img { position: relative; margin: 2em auto 0 auto; width: 646px; }
.onh646img img { width: 100%; }

.onhz10img { position: relative; margin: 2em auto 0 auto; width: 400px; }
.onhz10img img { width: 100%; }





















/* PC版のみ表示する。スマホ版では削除 */
main .pconly { display:block !important; }


/* スマホ版のみ表示する。PC版では削除 */
main .sponly { display:none !important; }




/* START 899px以下のサイズの時に適用させる。スマートフォン */
 @media print, screen and (max-width: 899px) { 



/* PC版のみ表示する。スマホ版では削除 */
main .pconly { display:none !important; }

/* スマホ版のみ表示する。PC版では削除 */
main .sponly { display:block !important; }



/* 画像半調リンクの削除
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a:hover img {
 opacity:1;
 filter:alpha(opacity=100);
 -ms-filter:"alpha(opacity=100)";
 zoom:1;
}

img { width:100%; }

.w830 { width:90%; margin:0 auto; }



/* index.html
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
header { position: relative; background-color:#f4e7f2; text-align:center; width:100%; height:auto; }
header .hlogo { position:absolute; top:15px; right:15px; width: 25%; max-width: 160px; z-index:2; }
header .hlogo img { width: 100%; }
header .title { position: relative; margin: 0 auto; padding:2em 0; width: 90%; max-width: 652px; }
header .title img { width: 100%; }



.mck25lead { position: relative; margin: 2em auto 0 auto; width: 90%; }

.mck25lead p { text-align: center; line-height: 1.8; }



.mck24menuwk { position: relative; margin: 2em auto 0 auto; padding: 0; width: 90%; }

.mck24menuwk {
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}


.mck24menubox { position:relative; width: calc(100% / 3); border-right: 1px solid #333; text-align: center; }

.mck24menubox a { display: inline-block; width: 100%; height: 100%; padding: 0.6em 0.6em 1.3em 0.6em; line-height: 1.3; }

.mck24menubox a:link    { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox a:visited { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox a:hover   { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #f4e7f2; }
.mck24menubox a:active  { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #f4e7f2; }

.mck24menubox img { display: block; position: absolute; top: auto; bottom: 5px; left: 0; right: 0; margin: 0 auto; padding: 0; width: 15px; }



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

.mck24menuwk4 {
 display: flex;
	flex-wrap: wrap;
 justify-content: space-between;
}

.mck24menubox4 { position:relative; width: calc(100% / 2); border: 4px solid #fff; text-align: center; }

.mck24menubox4 a { display: inline-block; width: 100%; height: 100%; padding: 0.6em 0.6em 1.3em 0.6em; line-height: 1.3; }

.mck24menubox4 a:link    { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:visited { color: #000;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:hover   { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }
.mck24menubox4 a:active  { color: #00913e;	text-decoration:none; font-weight:bold; background-color: #ebebeb; }

.mck24menubox4 img { display: block; position: absolute; top: auto; bottom: 6px; left: 0; right: 0; margin: 0 auto; padding: 0; width: 15px; }



.mc2mbr { border-right: none; }

.mc2mbr4 { border-right: 4px solid #fff; }



.mck24wk0 { position: relative; margin: 2.5em auto 0 auto; padding: 0; width: 90%; }

.mck24wk0 { font-size: 0.9rem; }

.mck24wk1omds { position: relative; margin: 2em auto 0 auto; padding: 0 0 0.2em 0; width: 100%; border-bottom: 1px solid #00913e; }

.mck24omdsnum { position: absolute; width: 26px; height: 26px; background-color: #00913e; border-radius: 6px; }

.mck24omdsnum p { text-align: center; color: #fff; font-size: 1.4rem; line-height: 1.1; font-weight: bold; }

.mck24wk1omds h2 { position: relative; top: -3px; margin: 0 0 0 36px; text-align: left; font-size: 1.3rem; line-height: 1.5; }

.mck24wk1wk { position: relative; margin: 2em auto 0 auto; padding: 20px 20px; width: 100%; background-color: #f3f8d9;  }

.mck24wk1wk p { font-size: 0.9rem; }

.mt1em { margin-top: 1em; }



.mck24fuki1 {
	position: relative;
 display:block;
	background: #fff;
	border: 1px solid #009844;
	margin:0 auto 2em auto;
	padding:0.7em 1em;
}
.mck24fuki1:after, .mck24fuki1:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mck24fuki1:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.mck24fuki1:before {
	border-color: rgba(0, 152, 68, 0);
	border-top-color: #009844;
	border-width: 16px;
	margin-left: -16px;
}
.mck24fuki1 h3 { text-align:center; font-size:1.1rem; color:#009844; font-weight:bold; line-height:1.5; }

.mck24fuki1 h3 img { position: relative; top: -4px; padding-left: 6px; width: 48px; }



.mck24int1 { padding-left: 1em; text-indent: -1em; }



.mck24kjg1 { position: relative; margin: 1em auto 0 auto; }

.mck24kjg1 p { padding-left: 1.3em; text-indent: -1.3em; }

.mck24kjg1 p::before { 
 content: '●';
 color: #199c51;
	padding-right: 0.3em;
}



.mck24wk2wk { position: relative; margin: 1.5em auto 0 auto; padding: 1em 0; width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333; }

.mck24wk2wk p { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.7; font-size: 0.9rem; }

.mck24wk2wk p::before { position: relative; top: 4px; font-size: 1.5rem; line-height: 1;
 content: '・';
	font-weight: bold;
 color: #199c51;
}



.mck24wk3 { position: relative; margin: 2em auto 0 auto; padding: 0 0 2em 0 ; width: 90%; }

.mck24wk3tit { position: relative; width: 100%; }

.mck24w3step { position: relative; top: auto; left: auto; margin: 0 auto; width: 50%; max-width: 250px; }
.mck24w3step img { width: 100%; }

.mck24w3lead { position: relative; margin: 0 0 0 0; padding-top: 1em; width: 100%; }
.mck24w3lead p { font-size: 0.9rem; line-height: 1.6; }

.mck24w3zu1 { position: relative; margin: 2.5em auto 0 auto; width: 100%; }
.mck24w3zu1 img { width: 100%; }

.mck24w3zu1btn { position: absolute; top: 51%; right: 31.5%; width: 21%; height: auto; }
.mck24w3zu1btn img { width: 100%; }



.flinkbox { background-color:#f2f2f2; padding:2em; margin-top:2em; }
.flinkbox img { width:380px; }
.flinkl { float:none; width:100%; }
.flinkl img { width: 100%; }
.flinkr { float:none; width:100%; }
.flinkr img { width: 100%; }

footer { margin:1.6em auto 0.5em auto; width:80%; text-align:center; }
footer img { max-width:227px; }
footer p { text-align:center; font-size:0.7rem; margin-top:15px; line-height:1.4; }



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

.x-scroll { position: relative; padding:0; margin: 0 auto 0 auto; width: 100%; }

.x-scroll .commap5 { position: relative; width:100%; margin:0 auto; }

.onh13img { position: relative; margin: 2em auto 0 auto; width: 100%; }
.onh13img img { width: 100%; }

.onh524img { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 524px; }
.onh524img img { width: 100%; }

.onh548img { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 548px; }
.onh548img img { width: 100%; }

.onh646img { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 646px; }
.onh646img img { width: 100%; }

.onhz10img { position: relative; margin: 2em auto 0 auto; width: 100%; max-width: 400px; }
.onhz10img img { width: 100%; }


/* スクロール版
.x-scroll { padding:0; margin: 0 auto 0 auto;
overflow: auto;
}
.x-scroll::-webkit-scrollbar{
height: 5px;
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1;
}
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6;
}

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

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

.onh524img { position: relative; margin: 1em auto 0 auto; width: 524px; }
.onh524img img { width: 100%; }

.onh548img { position: relative; margin: 1em auto 0 auto; width: 548px; }
.onh548img img { width: 100%; }

.onh646img { position: relative; margin: 1em auto 0 auto; width: 646px; }
.onh646img img { width: 100%; }
*/





}
/* END 899px以下のサイズの時に適用させる。スマートフォン */









/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, nav, article, figure, main {
	display: block;
}