@charset "UTF-8";
/* Start Reset Css */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box; }

:after, :before {
  box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  width: 100%;
  overflow-x: hidden; }

@media screen and (max-width:945px) {
  body {font-size: 14px; line-height: 1.6;}
}

.mincho {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

fieldset, iframe, img {
  border: 0; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

caption, th {
  text-align: left; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit; }

button:disabled {
  cursor: default; }

audio:not([controls]) {
  display: none; }

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:active {
  text-decoration: none; }

ul {
  list-style: none; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd; }

::-webkit-scrollbar:hover {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #666; }

::-webkit-scrollbar-thumb:hover {
  background-color: #333; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none; }

/* /Start Reset Css */

/* welcomedom */
.welcomedom {width:100%; height: 100vh; border:10px solid #5055b7; border-right-color:#1c1fae; border-left-color:#1c1fae; z-index: 100; position:relative; display: flex; flex-direction: column; justify-content: space-between; background: #fff; transition: .3s; overflow:auto; overflow-x:hidden;}

.welcomedom > * { position: relative; z-index: 5;}
.welcomedom h1 {text-align: center; font-size: 30px; color: #1c1fae; margin: 40px auto;}
.welcomedom .link { display: flex; justify-content: space-between; padding:60px; flex-shrink: 0;}
.welcomedom .link > div { width: calc(33% - 10px); display: flex; flex-direction: column; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: bottom center; background-size: cover; position: relative; transition: .3s;}
.welcomedom .link > div:hover { transform: translateY(-5px);}
.welcomedom .link > div a { text-align: center; text-decoration: none; width: 100%; padding:80px 40px; z-index: 10; color: #fff; }
.welcomedom .link > div a img { display: inline-block;}
.welcomedom .link .first_bnr { background-image: url(../img/link-pic-1.jpg);}
.welcomedom .link .second_bnr { background-image: url(../img/link-pic-2.jpg);}
.welcomedom .link .third_bnr { background-image: url(../img/link-pic-3.jpg);}
.welcomedom .link .first_bnr,
.welcomedom .link .second_bnr,
.welcomedom .link .third_bnr {position: relative;}
.welcomedom .link .first_bnr:after,
.welcomedom .link .second_bnr:after,
.welcomedom .link .third_bnr:after {content: ""; background: rgba(157, 186, 242, .6); position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%;}

.welcomedom .footer { background: #002759;text-align: center; padding:60px 40px;}
.welcomedom .footer div img { margin:0 auto;}
.welcomedom .footer div p { margin-top: 1em; color: #fff;}

@media screen and (max-width:1080px) {
  .welcomedom .link { padding:30px;}
  .welcomedom .link > div { width:calc(50% - 15px);}
  .welcomedom .link > div a {padding: 40px 20px;}
  .welcomedom .link > div a h2 {font-size: 24px;}
  .welcomedom .link > div a span { font-size: 18px;}
  .welcomedom .footer { padding:40px 20px;}
}

@media screen and (max-width:770px) {
  .welcomedom {border-width:5px;}
  .welcomedom:before { width: calc(50% + 5px); height: 5px; right: -5px; bottom: -5px;}
  .welcomedom:after { width: calc(50% + 10px); height: 10px; right: -10px; top: -10px;}
  .welcomedom .link { padding: 20px; flex-wrap: wrap;}
  .welcomedom .link > div {width: 100%; margin: 20px auto; }
  .welcomedom .link > div a { padding:50px 20px;}
  .welcomedom .link > div a img { width:100px;}
  .welcomedom .footer { padding:30px 20px;}
  .welcomedom .footer div p { font-size: 12px;}
  .welcomedom .footer div img { width:100px;}
}

@media screen and (max-width:475px) {
  .welcomedom .link { padding: 10px;}
}

.main-img{
  text-align: center;
  margin: 0 auto;
}
/* /welcomedom*/