@charset "utf-8";


/* 全画面共通 標準要素 A
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html {	overflow-y:scroll; /* Firefoxで縦スクロールバーの表示／非表示によって、左右のセンタリングが微妙にずれる問題を回避 */ }
html {
	/*横向きにした際のフォントサイズ自動調整オフ */
	-webkit-text-size-adjust: 100%;
	/* ウェブフォント用設定。また、モリサワ系には指定時に別途回転をかける */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'BIZ UDPGothic', 'Yu Gothic', 'Meiryo', sans-serif;
	}

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

img {	}

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

ul { margin:0; padding:0; }
li { text-align:justify; text-justify:inter-ideograph; list-style-type: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;
}
footer {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,p {
 -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:link    { color: #2864aa;	text-decoration:none; font-weight:normal; transition: all 0.3s ease; }
a:visited { color: #2864aa;	text-decoration:none; font-weight:normal; }
a:hover   { color: #30bbfa; text-decoration:none; font-weight:normal; }
a:active  { color: #30bbfa;	text-decoration:none; font-weight:normal; }


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


/* 半調リンク
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a.han:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
@media screen and (max-width: 767px) {
a.han:hover {
 opacity:1;
 filter:alpha(opacity=100);
 -ms-filter:"alpha(opacity=100)";
 zoom:1;
}
}


/* 全画面共通 標準要素 B
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.tbold { font-weight:bold; }
.tcen { text-align:center; }
.trig { text-align:right; }
.red { color:#e84730 !important; }
.tsml { font-size:0.8em; }
.underline { border-bottom:1px solid #333; }
.int1 { padding-left:1em; text-indent:-1em; }

/* スマホ版のみ表示する要素の非表示化 */
.sponly { display:none; }



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

.w960 { width:960px; margin:0 auto; position:relative; }
.w860 { width:860px; margin:0 auto; position:relative; }



/* header */
header { width:100%; border-bottom:1px solid #004b7c; background-color:#dff1f6; padding:0; position:relative; min-height: 280px; }

.htitle { position:relative; margin:0 auto; padding-top: 2em; padding-bottom: 2em; width:890px; }

.headill { position:absolute; width: 226px; }
.headill img { width: 100%; }

.headcopy { position: relative; margin-left: 256px; padding-top: 0.9em; width: calc(100% - 256px); }

.headcopy h1 { color:#00aecd; font-size:2.1rem; text-align:left; line-height:1.5; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg); }
.headcopy h2 { font-size:3.6rem; text-align:left; line-height:1.3; font-family:Hiragino Kaku Gothic W8 JIS2004; transform:rotate(0.001deg); margin-bottom:10px; }
.headcopy h2 span { font-size:3rem; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg); }



/* main */

main .lpwk1 { position:relative; margin:0 auto; padding-top: 3em; width:800px; }

main .lpwk1 h3 { position: relative; margin: 0 0 0.9em 0; padding: 0.2em 1em; width: 100%; background-color: #00aecd; border-radius: 4px; text-align: center; font-size: 1.3rem; color:#fff; line-height:1.4; font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg); }

main .lpwk1 p { font-size: 1.5rem; line-height:1.7; }

main .lpwk1 h4 { margin-top: 0.3em; font-size: 1.5rem; line-height:1.7; color: #004b7c;  }

main .lpwk1 h4:before {
	color:#a1aac3;
	padding-right:0.2em;
 font-family: FontAwesome;
 content: '\f111';
}

main .lpwk1lst { position:relative; margin:0 auto;  }
main .lpwk1lst ul { }
main .lpwk1lst li { font-size: 1.1rem; line-height: 1.6; color:#004b7c; }


main .lpomds1 { position:relative; margin:2.5em auto 0 auto; width:960px; }
main .lpomds1 h5 { text-align:center; background-color:#a6def5; padding:8px 0; border-bottom:1px solid #00aecd; font-size:1.2rem; font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg); letter-spacing:1px; margin-bottom:1.5em; }

main .lpwk2 { position:relative; margin:2em auto 0 auto; width:860px;   }
main .lpwk2 img { width: 100%;  }

main .lpwk3 { position:relative; margin:2em auto 0 auto; width:960px;   }
main .lpwk3 h4 { position: relative; left: -0.5em; margin-top: 0.3em; font-size: 1.5rem; line-height:1.7; color: #00aecd; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg);  }
main .lpwk3 p { font-size: 1.1rem; line-height:1.7; font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg);  }



/* linkbtn1 */
.linkbtn1 { width:340px; margin:2.5em auto 0 auto;  }

.linkbtn1 .linkbtn2 a:link { display:block; background-color:#2864aa; color:#fff; border:1px solid #b3b3b3; border-radius:30px; min-height:60px; padding:0.6em 1em 0.6em 1em; line-height:1.4; text-align:center; position:relative; text-decoration:none; font-weight:bold; font-size:22px; }
.linkbtn1 .linkbtn2 a:visited { text-decoration:none; font-weight:bold; background-color:#2864aa; color:#fff; }
.linkbtn1 .linkbtn2 a:hover { text-decoration:none; font-weight:bold; background-color:#30bbfa; color:#fff; }
.linkbtn1 .linkbtn2 a:active { text-decoration:none; font-weight:bold; background-color:#30bbfa; color:#fff; }

.linkbtn1 .linkbtn2 a:before {
  content: url(../images/btnarw.png);
  display: inline-block;
  margin-right:15px;  /*画像とテキスト間の余白を調整*/
  vertical-align:-3px; /*上下位置を調整*/
}



main .renraku { position: relative; margin:3.5em auto 0 auto; width: 960px; }

main .renraku .renrakuspwk { position: relative; margin: 0 auto; width: 100%; }

main .renraku h5 { text-align:left; color:#000; font-size:1.2rem; font-weight:bold; }
main .renraku h5 i { padding-right:4px; }
main .renraku p { text-align:left; font-size:1.2rem; font-weight:normal; margin:0 0 0.2em 0 }

main .renraku p.adress { text-align:left; font-size:1rem; color:#004b7c; margin:0; }

main .renraku table { width:100%; margin:0 auto 0.3em auto; }
main .renraku th { width:40px; padding:0.2em; vertical-align:middle; }
main .renraku th img { max-width:40px; }

main .renraku td { width:auto; padding:0.2em; vertical-align:middle; font-weight:bold; }
main .renraku td p { font-size:1.2rem; font-weight:normal; line-height: 1.4; }

main .renraku td a:link    { color: #000;	text-decoration:none; font-weight:normal; }
main .renraku td a:visited { color: #000;	text-decoration:none; font-weight:normal; }
main .renraku td a:hover   { color: #000; text-decoration:underline; font-weight:bold; }
main .renraku td a:active  { color: #000;	text-decoration:underline; font-weight:bold; }

main .pmark { position: absolute; right: 0; bottom: 0;  width: 68px; }
main .pmark img { width: 100%; }



/* footer */
footer { width:960px; margin:0 auto; padding-bottom: 2em; }

footer .line90 { width:100%; border-top:1px solid #004b7c; margin:1em auto 0 auto; padding: 0; }

footer .flogobox { position: relative; margin: 1.5em auto 0 auto; width: 170px; }
footer .flogobox img { width: 100%; }





/* 標準要素 C
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.tsml70 { font-size:0.7rem !important; }
.tsml80 { font-size:0.8rem !important; }
.tsml90 { font-size:0.9rem !important; }


.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt25 { margin-top:25px !important; }
.mt35 { margin-top:35px !important; }
.mt45 { margin-top:45px !important; }
.mt55 { margin-top:55px !important; }
.mt65 { margin-top:65px !important; }
.mt75 { margin-top:75px !important; }
.mt85 { margin-top:85px !important; }
.mt95 { margin-top:95px !important; }


.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb25 { margin-bottom:25px !important; }
.mb35 { margin-bottom:35px !important; }
.mb45 { margin-bottom:45px !important; }
.mb55 { margin-bottom:55px !important; }
.mb65 { margin-bottom:65px !important; }

.pt0 { padding-top:0px !important; }
.pb0 { padding-bottom:0px !important; }
.pt25 { padding-top:25px !important; }

.pt35 { padding-top:35px !important; }
.pt45 { padding-top:45px !important; }
.pt55 { padding-top:55px !important; }








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

.sptitle { display:none; }


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


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


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

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

img { width:100%; }


body { }

.w960 { width:90%; margin:0 auto; position:relative; }
.w860 { width:100%; margin:0 auto; position:relative; }



/* header */
header { width:100%; border-bottom:1px solid #004b7c; background-color:#dff1f6; padding:0; position:relative; min-height: 100px; }

.htitle { position:relative; margin:0 auto; padding-top: 1.5em; padding-bottom: 0.5em; width:90%; }

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

.headcopy { position: relative; margin-left: 0; padding-top: 0.9em; width:100%; }

.headcopy h1 { color:#00aecd; font-size:1.4rem; text-align:left; line-height:1.5; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg); }
.headcopy h2 { font-size:2rem; text-align:left; line-height:1.3; font-family:Hiragino Kaku Gothic W8 JIS2004; transform:rotate(0.001deg); margin-bottom:10px; }
.headcopy h2 span { font-size:1.7rem; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg); }



/* main */

main .lpwk1 { position:relative; margin:0 auto; padding-top: 2em; width:90%; }

main .lpwk1 h3 { position: relative; margin: 0 0 0.9em 0; padding: 0.2em 1em; width: 100%; background-color: #00aecd; border-radius: 4px; text-align: center; font-size: 1.3rem; color:#fff; line-height:1.4; font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg); }

main .lpwk1 p { font-size: 1rem; line-height:1.7; padding-bottom: 0.6em; }

main .lpwk1 h4 { margin-top: 0.5em; font-size: 1.2rem; line-height:1.4; color: #004b7c; padding-left: 1.2em; text-indent: -1.2em;  }

main .lpwk1 h4:before {
	color:#a1aac3;
	padding-right:0.2em;
 font-family: FontAwesome;
 content: '\f111';
}

main .lpwk1lst { position:relative; margin:0 auto;  }
main .lpwk1lst ul { }
main .lpwk1lst li { font-size: 0.9rem; line-height: 1.5; color:#004b7c; padding-left: 1em; text-indent: -1em; }


main .lpomds1 { position:relative; margin:2em auto 0 auto; width:100%; }
main .lpomds1 h5 { text-align:center; background-color:#a6def5; padding:8px 0; border-bottom:1px solid #00aecd; font-size:1.2rem; font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg); letter-spacing:1px; margin-bottom:1.5em; }

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

main .lpwk3 { position:relative; margin:1.5em auto 0 auto; width:90%;   }
main .lpwk3 h4 { position: relative; left: -0.5em; margin-top: 0.3em; font-size: 1.2rem; line-height:1.7; color: #00aecd; font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg);  }
main .lpwk3 p { font-size: 1rem; line-height:1.7;  font-family:Hiragino Kaku Gothic W6 JIS2004; transform:rotate(0.001deg); }



/* linkbtn1 */
.linkbtn1 { width:80%; margin:2.5em auto 0 auto; }

.linkbtn1 .linkbtn2 a:link { display:block; background-color:#2864aa; color:#fff; border:1px solid #b3b3b3; border-radius:25px; min-height:50px; padding:0.5em 1em 0.3em 1em; line-height:1.4; text-align:center; position:relative; text-decoration:none; font-weight:bold; font-size:20px; }
.linkbtn1 .linkbtn2 a:visited { text-decoration:none; font-weight:bold; background-color:#2864aa; color:#fff; }
.linkbtn1 .linkbtn2 a:hover { text-decoration:none; font-weight:bold; background-color:#30bbfa; color:#fff; }
.linkbtn1 .linkbtn2 a:active { text-decoration:none; font-weight:bold; background-color:#30bbfa; color:#fff; }

.linkbtn1 .linkbtn2 a:before {
  content: url(../images/btnarw.png);
  display: inline-block;
  margin-right:10px;  /*画像とテキスト間の余白を調整*/
  vertical-align:-4px; /*上下位置を調整*/
}



main .renraku { position: relative; margin:2.5em auto 0 auto; width: 100%; border-top: 1px solid #666; }

main .renraku .renrakuspwk { position: relative; margin: 0 auto; width: 90%; }

main .renraku h5 { text-align:left; color:#000; font-size:1.1rem; font-weight:bold; }
main .renraku h5 i { padding-right:4px; }
main .renraku p { text-align:left; font-size:1rem; font-weight:normal; margin:0 0 0.2em 0 }

main .renraku p.adress { text-align:left; font-size:0.9rem; color:#004b7c; margin:0 0 0.2em 50px; line-height:1.4; }

main .renraku table { width:100%; margin:0 auto; }
main .renraku th { width:40px; padding:0.2em; vertical-align:top; }
main .renraku th img { max-width:40px; }

main .renraku td { width:auto; padding:0 0.2em; vertical-align:top; font-weight:bold; }
main .renraku td p { font-size:1.1rem; font-weight:normal; line-height:1.4; }

main .renraku td a:link    { color: #000;	text-decoration:none; font-weight:normal; }
main .renraku td a:visited { color: #000;	text-decoration:none; font-weight:normal; }
main .renraku td a:hover   { color: #000; text-decoration:underline; font-weight:bold; }
main .renraku td a:active  { color: #000;	text-decoration:underline; font-weight:bold; }


main .pmark { position: absolute; right: 0; bottom: 0;  width: 60px; }
main .pmark img { width: 100%; }




/* footer */
footer { width:100%; margin:0 auto; padding-bottom: 2em;  }

footer .line90 { width:90%; border-top:1px solid #004b7c; margin:1em auto 0 auto; padding:0; }

footer .flogobox { position: relative; margin: 1.5em auto 0 auto; width: 40%; max-width: 260px;  }
footer .flogobox img { width: 100%; }





/* 標準要素 C
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.tsml70 { font-size:0.7rem !important; }
.tsml80 { font-size:0.8rem !important; }
.tsml90 { font-size:0.9rem !important; }


.mt0 { margin-top:0px !important; }
.mt5 { margin-top:0.3em !important; }
.mt10 { margin-top:0.6em !important; }
.mt15 { margin-top:1em !important; }
.mt25 { margin-top:1.3em !important; }
.mt35 { margin-top:1.6em !important; }
.mt45 { margin-top:1.8em !important; }
.mt55 { margin-top:2em !important; }
.mt65 { margin-top:2.3em !important; }
.mt75 { margin-top:2.6em !important; }
.mt85 { margin-top:2.8em !important; }
.mt95 { margin-top:3em !important; }


.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:0.3em !important; }
.mb10 { margin-bottom:0.6em !important; }
.mb15 { margin-bottom:1em !important; }
.mb25 { margin-bottom:1.3em !important; }
.mb35 { margin-bottom:1.6em !important; }
.mb45 { margin-bottom:1.8em !important; }
.mb55 { margin-bottom:2em !important; }
.mb65 { margin-bottom:2.3em !important; }

.pt0 { padding-top:0px !important; }
.pb0 { padding-bottom:0px !important; }
.pt25 { padding-top:1.3em !important; }

.pt35 { padding-top:2em !important; }
.pt45 { padding-top:2.7em !important; }
.pt55 { padding-top:4em !important; }


}

















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


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

/* Morisawa ウェブフォント　PCサイトには; transform:rotate(0.001deg); をかけてエイリアスをキレイに表示すること。

font-family:Hiragino Kaku Gothic W7 JIS2004; transform:rotate(0.001deg);

ヒラギノ角ゴ
Hiragino Kaku Gothic W0 JIS2004
Hiragino Kaku Gothic W1 JIS2004
Hiragino Kaku Gothic W2 JIS2004
Hiragino Kaku Gothic W3 JIS2004
Hiragino Kaku Gothic W4 JIS2004
Hiragino Kaku Gothic W5 JIS2004
Hiragino Kaku Gothic W6 JIS2004
Hiragino Kaku Gothic W7 JIS2004
Hiragino Kaku Gothic W8 JIS2004
Hiragino Kaku Gothic W9 JIS2004

*/