@charset "utf-8";
/* CSS Document */

body,td,th {
  color: #595959;
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  font-size: 16px;
  text-align: left;
  margin: 0px;
  line-height: 1.231em;
}

header {
  background-color: #25346D;
  height: 44px;
  width: 100%;
  position: fixed;
  z-index: 80;
  left: 0px;
  top: 0px;
  display: block;
}

#pagetop-button {
  /* ▼表示位置を画面の右下に固定 */
  position: fixed; /* ←表示場所を固定 */
  bottom: 10px;   /* ←下端からの距離 */
  right: 10px;    /* ←右端からの距離 */
  width: 2em;     /* ←横幅 */
  /* ▼最初は非表示にしておく */
  display: none; /* ←背景色 */
  opacity: 0.75;             /* ←透明度 */
  border-radius: 0em;       /* ←角丸の半径 */
  text-align: center;    /* ←文字の位置 */
  font-size: 150%;       /* ←文字サイズ */
  font-weight: bold;     /* ←文字の太さ */
  margin: 0px;  /* ←内側の余白 */
  height: 2em;
  vertical-align: central;
  background-repeat: repeat;
  line-height: 16px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#pagetop-button a {
  /* ▼リンクの装飾 */
  color: white;          /* ←文字色 */
  text-decoration: none; /* ←下線なし */
}

#pagetop-button a:hover {
  /* ▼マウスが載ったときの装飾 */
  color: yellow;              /* ←文字色 */
  text-decoration: none; /* ←下線あり */
}


/*トップページの白スケボタン４個*/

.top-button {
  color: #FFFFFF;
  font-size: 17px;
  text-align: center;
  display: block;
  border-radius: 20px;
  height: 40px;
  font-weight: bold;
  width: 160px;
  line-height: 2.4em;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
  background: rgba(255,255,255,0.5);
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
}

.top-button:hover {
  background-color: #FFFFFF;
}

.top-button2 {
  color: #FFFFFF;
  font-size: 17px;
  border: 2px solid #F3C400;
  text-align: center;
  display: block;
  border-radius: 20px;
  height: 40px;
  font-weight: bold;
  width: 240px;
  line-height: 2.4em;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  background: rgba(255,255,255,0.5);
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
}

.top-button2:hover {
  background-color:  #FEFAA3;
}

.top-link {
  font-size: 17px;
  color: #FFFFFF;
}

a.top-link:link {      /*もと　紺*/
  color: #25346D;
}

a.top-link:visited {
  color: #25346D;      /*もと　紺*/
}

a.top-link:hover {      /*黄色オレンジ*/
  color: #F3C400;
}

a.top-link:active {      /*もと　紺*/
  color: #25346D;
}


/*トップページ*/


#LayoutDiv1 {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}


.sns-icon {
  text-align: center;
  display: block;
  margin-bottom: 40px;
  margin-right: 30px;
  margin-left: 30px;
  width: 50px;
}
.sengen {
  font-size: 20px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
  padding-bottom: 20px;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  text-align: center;
  color: #25346D;
  line-height: 1.5em;
}
.suisen {
  font-size: 15px;
  line-height: 24px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 600px;
  border: thin solid #2976B4;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #FFF;
}


.photoBoxL {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin-right: 0px;
  margin-left: auto;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 50px;
}

.photoBoxR {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-end;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-right: 50px;
}

.PhHakkoda-wrap {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}



.wide-center {
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width: 80%;
}

.imagebox-S {
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}


.captionA {                     /*八甲田写真のキャプション*/
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  bottom: 100px;
  width: 80%;
}

.captionB {                     /*小さい写真のキャプション*/
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  bottom: 100px;
  width: 80%;
}



.caution{
  font-size: 13px;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  text-align: right;
  display: block;
}



.haikei-shirakaba {
  background-attachment: fixed;
  background-position: left bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(images/bgpicture-shirakaba.jpg);
}



.Photo-report {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 3px 3px 3px #787878;
  border: thin solid #000;
  margin-bottom: 10px;
  text-align: center;
}


.Photo-Shomei {
  width: 220px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 3px 3px 3px #787878;
  border: thin solid #000;
  margin-bottom: 10px;
  text-align: center;
  height:auto;
}


.Photo-shitsumon {
  margin-right: auto;
  margin-left: auto;
  box-shadow: 3px 3px 3px #787878;
  border: thin solid #000;
  margin-bottom: 10px;
  text-align: center;
  width: 280px;
}
.Photo-hakushi {
  margin-right: auto;
  margin-left: auto;
  box-shadow: 3px 3px 3px #787878;
  border: thin solid #000;
  margin-bottom: 10px;
  text-align: center;
  width: 200px;
}




a.hyoi {
}

a.hyoi {
  display: inline-block;
  text-align: center;
  box-shadow: 3px 3px 3px 0 rgba(0,0,0,.28), 0 2px 3px 0 rgba(0,0,0,.40);
  transition: .2s;
}
a.hyoi:hover {
  box-shadow: 5px 15px 20px rgba(0,0,0,.20),0 0 5px rgba(0,0,0,.1);
  transform: translateY(-4px);
}


.BasicText {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  line-height: 2em;
  max-width: 700px;
}

.BasicText-en {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 22px;
  max-width: 700px;
  font-size: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.BasicText-Wh {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  line-height: 2em;
  max-width: 700px;
  background-color: #FFF;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 10px;
  padding-left: 10px;
}

.En-aka {
  color: #BC436D;
  font-size: 18px;
}


.Basic-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  line-height: 2em;
  margin-right: auto;
  margin-left: auto;
}


.box-center {
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #595959;
  height: auto;
}

.box-centershadow {
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  color: #595959;
  box-shadow: 3px 3px 5px #717171;
  max-width: 500px;
  background-color: #FFF;
}



.Waku-blue {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: 1px solid #006DDB;
  margin-right: auto;
  margin-left: auto;
  max-width: 720px;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
  background-color: #FFF;
}

.Waku-none {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  max-width: 720px;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.oneline-white {
  background-color: #FFF;
  text-align: center;
  border-radius: 5px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}





.box-report {
  display: inline-block;
  line-height: 30px;
  width: 280px;
  padding-right: 20px;
  padding-left: 20px;
}




.box-hogo {
  display: block;
  text-align: left;
  margin-left: 20px;
  margin-right: 0;
  width: 200px;
}

.btn-wrap {                           /*署名ボタンのラップ*/
  text-align: center;
  display: block;
  height: auto;
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  font-weight: bold;
  color: #000;
  line-height: 1.4em;
  margin-top: 30px;
  margin-right: 40px;
  margin-bottom: 30px;
  margin-left: 40px;
}





.box-list01 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 600px;
  min-width: 320px;
  list-style-position: outside;
  list-style-image: url(images/List-mark-kome.png);
  line-height: 24px;
}

.box-list02 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 600px;
  min-width: 320px;
  list-style-position: outside;
  line-height: 30px;
  list-style-type: circle;
}


.box-list03 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
  min-width: 320px;
  line-height: 24px;
  list-style-type: none;
  width: 320px;
}
.box-list04 {
  display: block;
  max-width: 600px;
  min-width: 320px;
  list-style-position: outside;
  line-height: 30px;
  list-style-type: circle;
  left: -20px;
}


.aomorinotakara {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 22px;
  line-height: 22px;
  color: #476836;
  text-align: center;
  display: block;
  padding: 20px;
  border: 1px solid #476836;
  font-weight: bold;
  border-radius: 30px;
  background-color: #FFF;
}

.jimukyoku-waku {
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #0056AC;
  max-width: 400px;
  background-color: #FFF;
}


.kadomaru-blue {                       /*風力の図１と２*/
  color: #376FA6;
  border: 1px solid #376FA6;
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-radius: 15px;
  height: 30px;
  font-weight: bold;
  max-width: 600px;
  min-width: 300px;
  line-height: 32px;
  background-color: #FFF;
}


.figure-caption {                       /*風力の図１と２のキャプション*/
  font-size: 14px;
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  line-height: 20px;
  margin-bottom: 10px;
}



.shomei {
  font-size: 20px;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  display: block;
  text-align: center;
}

.footer {                       /*署名お願いしますの１行*/
  background-color: #25346D;
  padding-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  height: 100%;
  padding-bottom: 30px;
  display: block;
  margin: 0px;
  bottom: 0px;
  width: 100%;
  font-family: "じゅん 201", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.icon2 {
  display: inline-block;
  width: 220px;
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
}

.footermenu {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  font-size: 14px;
  color: #FFF;
  line-height: 36px;
  width: 220px;
  text-align: left;
  margin-top: 20px;
}

.footerbutton {
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  background-color: #25346D;
  text-align: center;
  display: inline-block;
  height: 30px;
  width: 220px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  vertical-align: middle;
  border-radius: 15px;
  line-height: 30px;
  color: #FFFFFF;
}

.footerbutton:hover {
  background-color: #25346D;
}

.moji-30B {
  font-family: "G2サンセリフ-B", "GSanSerif-B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 2em;
  font-weight: bold;
}

.moji-22B {
  font-family: "G2サンセリフ-B", "GSanSerif-B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 2em;
  font-weight: bold;
}

.moji-18BB {
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 18px;
  color: #000000;
  line-height: 36px;
  font-weight: bold;
}


.moji-14 {
  font-size: 14px;
  line-height: 22px;
}

.moji-14red {
  font-size: 14px;
  line-height: 22px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  color: #C73D66;
}

/*見出し＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/



.titleA {
  color: #000;
  font-family: "丸フォーク M", "Maru Folk Medium", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  text-align: center;
  font-size: 1.5em;
  line-height: 2em;
  width: 100%;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #21784A;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  min-width: 320px;
  padding-bottom: 10px;
  font-weight: bold;
}



.titleB {
  color: #000;
  font-family: "丸フォーク M", "Maru Folk Medium", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.8em;
  width: 80%;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #2F2992;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  min-width: 280px;
  padding-bottom: 20px;
  font-weight: bold;
}

.sub-midori {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  color: #1A6632;
  margin-top: 30px;
  display: block;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #1A6632;
  margin-bottom: 20px;
}

.sub-ao {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #175EC6;
}

.sub-ao2 {
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  line-height: 2px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 30px;
  display: block;
  color: #308BAD;
}


.sub-aka {
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  color: #BC436D;
}



.Oneline {
  display: block;
  font-size:18px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-weight: bold;
}



.heading-Bline {                          /*topとbottomが青いライン*/
  display: flex;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  height: 40px;
  border-radius: 0px;
  text-align: center;
  color: #2F2992;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-size: 18px;
  line-height: 2.2em;
  max-width: 700px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #2F2992;
  border-bottom-color: #2F2992;
  font-weight: bold;
}



















/*リンク＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.fo {                   /*footerのリンク*/
  color: #FFFFFF;
}

a.fo:link {
  color: #FFFFFF;
}

a.fo:visited {
  color: #FFFFFF;
}

a.fo:hover {
  color: #FFFFFF;
}

a.fo:active {
  color: #FFFFFF;
}


.link-blu {                   /*footerのリンク*/
  color: #25346D;
}

a.link-blu:link {
  color: #25346D;
}

a.link-blu:visited {
  color: #25346D;
}

a.link-blu:hover {
  color: #25346D;
}

a.link-blu:active {
  color: #25346D;
}


.michinoku-link {                  /*みちのく風力発電事業リンク*/
  color: #20258A;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
}

a.michinoku-link:link {
  color: #20258A;
}

a.michinoku-link:visited {
  color: #663D78;
}

a.michinoku-link:hover {
  color: #6C9342;
}

a.michinoku-link:active {
  color: #20258A;
}


.hakushi-link {                  /*ユーラス発表ページリンク*/
  color: #FFFF00;
}

a.hakushi-link:link {
  color: #FFFFFF;
}

a.hakushi-link:visited {
  color: #CCCC00;
}

a.hakushi-link:hover {
  color: #FF0000;
}

a.hakushi-link:active {
  color: #FFFFFF;
}






/* boxの体裁 */

.flt-rt {
  float: right;
}

.flt-lft {
  float: left;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.mar-auto {
  margin-right: auto;
  margin-left: auto;
}

.mar-tp20 {
  margin-top: 20px;
  display: block;
}
.mar-tp30 {
  margin-top: 30px;
  display: block;
}

.mar-tp60 {
  margin-top: 60px;
}

.mar-bm20 {
  margin-bottom: 20px;
}

.mar-bm30 {
  margin-bottom: 30px;
}

.mar-bm40 {
  margin-bottom: 40px;
}

.mar-bm60 {
  margin-bottom: 60px;
}

.hline {
  text-align: center;
  white-space: pre;
  margin-bottom: 60px;
  border-bottom-color: #41b5e9;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  font-size: 28px;
  color: #41b5e9;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  vertical-align: bottom;
  height: 34px;
  line-height: 26px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
}

.imagecenter {
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
}




/* 文字の体裁 */


.mojicenter {
  text-align: center;
}

.mojiright {
  text-align: right;
}

.mojinormal {
  font-family: "新ゴ R", "Shin Go Regular", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", Sans-serif;
  color: #595959;
  font-size: 14px;
  font-weight: normal;
}

.mojileft {
  text-align: left;
  padding-left: 22px;
}


.mojimidori {
  color: #44805E;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
}

.moji-ao {
  color: #2F58C4;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  font-size: 17px;
  line-height: 24px;
}


.moji-BB {
  font-weight: bold;
  color: #000000;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
}



/*アニメーション＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/* フェードイン
  Javascriptはbodyの閉じ括弧の前 */

.sa {
  opacity: 0;
  -webkit-transition: all 0.5s ease;/* デフォルトは　5s */
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


.sa.show {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.sa--lr {
  -webkit-transform: translate(-100px, 0);
      -ms-transform: translate(-100px, 0);
          transform: translate(-100px, 0);
}

.sa--rl {
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
}

.sa--up {
  -webkit-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
          transform: translate(0, 100px);
}

.sa--down {
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
}

.sa--scaleUp {
  -webkit-transform: scale(.5);
      -ms-transform: scale(.5);
          transform: scale(.5);
}

.sa--scaleDown {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.sa--rotateL {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sa--rotateR {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}


/* 画像を大きくする */


.scale {
}

.scale img {
  transition: transform 0.5s linear;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
}

.scale img:hover {
  transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  overflow: hidden;
}

/*画像 ボックス内で拡大＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/


.scale-img {
  width: auto; /*画像の幅*/
  height: auto; /*画像の高さ*/
  transition-duration: 0.5s; /*変化の時間*/
}

.scale-img:hover {
  transform: scale(1.1);
    -webkit-transform: scale(1.1); /*画像の拡大*/
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  overflow: hidden;
}

.scale-box {
  width: auto; /*ボックスの幅*/
  height: auto; /*ボックスの高さ*/
  overflow: hidden; /*画像拡大時にはみ出た部分を隠す*/
  position: relative;
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/





/* 動くアンダーライン */


.underline {                         /*ホバーすると動く*/
  display: inline-block;
  padding-bottom: 0px;
  position: relative;
}

.underline::after {
  background-color: #f7da2c;
  bottom: 0;
  content: '';
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 0%;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.underline:hover::after {
  width: 100%;
  position: absolute;
}


/*マーカー ホバーではなくタイミングで動く*/

.marker {
  background: linear-gradient(transparent 50%, rgba(250, 237, 7) 50%);
  display: inline;
  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;
  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;
  /* マーカーが引かれる速度を指定 */
  transition: background-size 1.5s;
  font-weight: bold;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


/* マーカー線・水色 */

.marker2 {
  background:linear-gradient(transparent 75%, #afeeee 75%);
  display: inline;
  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;
  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;
  /* マーカーが引かれる速度を指定 */
  transition: background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
.marker2.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}

/* マーカー線・ピンク */

.marker3 {
  background: linear-gradient(transparent 75%, #F2B3C8 75%);
  display: inline;
  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;
  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;
  /* マーカーが引かれる速度を指定 */
  transition: background-size 1.5s;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  color: #000;
}

.marker3.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}



/*ボタン*/

.button {                    /*ドロワーの３本線*/
  margin: 20px;
  outline: none;
}

.custom-btn {                     /*電子署名と用紙署名のLine囲みボタン*/
  width: 220px;
  height: 40px;
  padding: 10px 25px;
  border: 2px solid #135EA7;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  font-size: 16px;
  background-color: #135EA7;
}

.custom-btnP {
  width: 220px;
  height: 40px;
  padding: 10px 25px;
  border: 2px solid #5652AD;
  font-family: "じゅん 501", "Jun 501", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", Sans-serif;
  font-weight: bold;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  font-size: 16px;
  background-color: #5652AD;
}



/* 6 青 電子署名ボタン*/



.btn-6 {
  background: #135EA7;
  color: #FFFFFF;
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-6 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-6:before,
.btn-6:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 2px;
  background: #135EA7;
}
.btn-6:before {
  right: 0;
  top: 0;
  transition: all 500ms ease;
}
.btn-6:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
}
.btn-6:hover{
  color: #135EA7;
  background: transparent;
}
.btn-6:hover:before {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6:hover:after {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  background: #135EA7;
}
.btn-6 span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6 span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6 span:hover:before {
  width: 100%;
}
.btn-6 span:hover:after {
  width: 100%;
}

/* 6P 紫青 用紙署名ボタン*/
.btn-6P {
  background: #5652AD;
  color: #FFFFFF;
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-6P span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-6P:before,
.btn-6P:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 2px;
  background: #5652AD;
}
.btn-6P:before {
  right: 0;
  top: 0;
  transition: all 500ms ease;
}
.btn-6P:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
}
.btn-6P:hover{
  color: #5652AD;
  background: transparent;
}
.btn-6P:hover:before {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6P:hover:after {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6P span:before,
.btn-6P span:after {
  position: absolute;
  content: "";
  background: #5652AD;
}
.btn-6P span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6P span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6P span:hover:before {
  width: 100%;
}
.btn-6P span:hover:after {
  width: 100%;
}


/* 前ページに戻るボタン */

.returnbtn {
  background-color: #135ea7;
  text-align: center;
  display: block;
  height: 26px;
  width: auto;
  border: 1px solid #135ea7;
  border-radius: 6px;
  color: #FFFFFF;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  margin-right: auto;
  margin-left: auto;
  font-size: 12px;
}

.returnbtn:hover {
  opacity: 0.6;
  transition: background-color 1s ease 0.5s;
  -webkit-transition: background-color 1s ease 0.5s;
  -moz-transition: background-color 1s ease 0.5s;
  -ms-transition: background-color 1s ease 0.5s;
  -o-transition: background-color 1s ease 0.5s;
}


/* ぱんくず */



.breadcrumbs {
   margin-top: 10px;
   padding: 0px;
}

.breadcrumbs2 {
   margin-top: 60px;
   padding: 0px;
}

.breadcrumbs ul {
  display: table;
  font-size: 13px;
}
.breadcrumbs ul li {
   margin: 0 10px 0 0;
   font-size: 13px;
   float: left;
   list-style-type: none;
}
.breadcrumbs ul li:first-child::before {
  padding: 0 3px 0 0;
  content: "";
  font-size: 14px;
}
.breadcrumbs ul li::before {
  padding: 0 10px 0 0;
  content: ">";
  font-size: 14px;
}

.breadcrumbs ul li a:hover {
  text-decoration: underline;
}

tr th {
 text-align-last:justify;
 }

.th-moji {
  color: #376FA6;
  font-family: "新ゴ B", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Sans-serif;
}