@charset "utf-8";

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
border: 0;
}

a:active,
a:hover {
	outline: 0;
}

p {
	text-align: left;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 960px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

/* ------------------------------------------
  LINK
--------------------------------------------- */


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


/* ------------------------------------------
  STYLES
--------------------------------------------- */

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 300;
font-style: normal;
}

html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
 
body {
    color: #333;
    background-color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
}

section {
	border-bottom: 1px solid #999;
	text-align: left;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	width: 100%;
	text-align: center;
}

@media screen and (min-width: 960px) {
section {
	padding-top: 30px;
	padding-bottom: 50px;
}
}

h1 {
margin-bottom: .5em;
font-size: 24px;
margin-top: 0px;
}
h1 em {
font-size: 16px;
font-weight: 500;
font-style: normal;
}


h2 {
    margin-bottom: .3em;
    font-size: 24px;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
    margin-top: 0px;
    color: #163273;
}
h2 em {
font-size: 16px;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
}

@media screen and (min-width: 960px) {
h1 {
margin-bottom: .5em;
font-size: 32px;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
}
h1 em {
font-size: 21px;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
}

h2 {
    margin-bottom: .3em;
    font-size: 32px;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
    color: #163273;
}
h2 em {
font-size: 21px;
font-family: source-han-serif-japanese, serif;
font-weight: 600;
font-style: normal;
}

}

.lang-inner {
    width: 100%;
    float: left;
    margin-top: 50px;
}

#lang-menu ul{ 
margin: 0; 
padding :0; 
list-style: none; 
}
#lang-menu li{ 
padding: 0; 
margin: 0; 
float: right;
}

#lang-menu li a {
    padding: 2px 25px 3px 25px;
    width: 100px;
    margin: 1px 0px;
    text-decoration: none;
    font-size: 18px;
}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  background: #163273;
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
}

.logo {
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-decoration: none;
line-height: 55px;
padding: 0 20px;
color: #fff !important;
float: left;
font-size: 18px;
}



/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 960px) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-top: 1px solid white;
	text-decoration: none;
	background: #163273;
	padding: 0.7em 1em;
	color: #fff;
	width: 100%;
	float: left;
	line-height: 25px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
}



.nav-collapse a:active,
.nav-collapse .active a {
  background: #0f2352;
}

.nav-collapse a:hover,
.nav-collapse .hover a {
    background-color: #0068b7;
}



@media screen and (min-width: 960px) {
  .nav-collapse a {
    padding: 1.02em 1.5em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #0f2352;
  padding-left: 2em;
}

@media screen and (min-width: 960px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}

/* ------------------------------------------
  CONTENS
--------------------------------------------- */



#contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;

  *zoom: 1;
}
#contents:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.liq {
  max-width: 100%;
  height: auto;
}

.Minfo {
margin-bottom: 20px;
font-size: 27px;
text-align: left;
margin-top: 20px;
}

.main-tit {
font-size: 54px;
text-align: center;
line-height: 1.2em;
}

.Sinfo {
  font-size: 18px;
}

.read {
    font-size: 27px;
    text-align: center;
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
}

@media screen and (max-width: 960px) {
.read {
    font-size: 21px;
    text-align: center;
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
}
}

.data {
font-size: 21px;
margin-top: 10px;
font-family: source-han-serif-japanese, serif;
font-weight: 500;
font-style: normal;
text-align: center;
line-height: 1.5em;
}

.data span {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.id {
font-size: 27px;
font-family: source-han-serif-japanese, serif;
font-weight: 900;
font-style: normal;
text-align: center;
 }

.id span {
	display: inline-block;
}


.copy {
    font-size: 16px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin-top: 20px;
}

.detail {
	font-size: 16px;
	font-weight: 300;
	padding-left: 24px;
}
.staffs {
	font-size: 18px;
	font-weight: 500;
	padding-left: 24px;
	margin-top: 10px;
}
.flt-L {
	float: left;
	clear:left;
	margin:0 40px 30px 0;
}


.flt-R {
	float: right;
	clear:right;
	margin:0 0 10px 20px;
}

.maps {
text-align: center;
}

.greetings {
font-size: 16px;
line-height: 2em;
}

.greetings-sig {
font-size: 16px;
line-height: 2em;
text-align: right;
}


.clear {
clear: both;
}
	
@media screen and (max-width: 960px) {
#contents {
  width: auto;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0;
}

.main-tit {
font-size: 42px;
}

.Minfo {
  margin-bottom: 20px;
  font-size: 16px;
}

.Sinfo {
  font-size: 16px;
}

.read {
  font-size: 14px;
}

.flt-L,.flt-R{
	float:none;
	display:block;
	margin:0 auto 10px;
}


.id {
font-size: 18px;
}

.data {
font-size: 14px;
}

}



.colb1{
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 80px;
	padding-bottom: 13px;
	border: 1px solid #1793C1;
	overflow: hidden;
	font-size: 18px;
	background-image: url(../img/onepoint01.png);
	background-position: 20px center;
	background-repeat: no-repeat;
	font-weight: 500;
	color: #1793C1;
	text-align: left;
}

.colb1 em {
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
}

.colb2{
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 13px;
	border: 1px solid #F60;
	overflow: hidden;
	font-size: 18px;
	font-weight: 500;
	color: #F60;
	text-align: left;
}

.colb2 em {
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
}

@media screen and (max-width: 960px) {
.colb1{
	font-size: 14px;
}
.colb1 em {
	font-size: 16px;
}

.colb2{
	font-size: 14px;
}
.colb2 em {
	font-size: 16px;
}

}
	

span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}

span.subText {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}


/* ------------------------------------------
  リスト
--------------------------------------------- */

.list1  {
margin-top: 5px;
max-height: 999999px; /*Android Chromeフォントバグ対策*/
font-size: 16px;
text-align: left;
margin-left: 36px;
line-height: 1.8em;
}

.list1 li {
list-style-type: circle;
margin-bottom: 3px;
}


.list2  {
margin-top: 5px;
max-height: 999999px; /*Android Chromeフォントバグ対策*/
font-size: 16px;
text-align: left;
margin-left: 36px;
line-height: 1.8em;
}

.list2 li {
list-style-type: decimal;
margin-bottom: 3px;
}

.list3  {
margin-top: 5px;
max-height: 999999px; /*Android Chromeフォントバグ対策*/
font-size: 16px;
text-align: left;
margin-left: 36px;
line-height: 1.8em;
}

.list3 li {
list-style-type: circle !important;
margin-bottom: 3px;
}

/* ------------------------------------------
  TABLE1
--------------------------------------------- */

table.type01 {
	border-collapse: collapse;
	vertical-align: top;
	border-left: 1px solid #ccc;
	width: 100%;
	font-size: 16px;
}

table.type01 th {
	padding: 12px;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #D7F0FC;
}


table.type01 td {
padding: 12px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #FFFFFF;
text-align: left;
}

table.type01 td span {
	display: inline-block;
}

table.type01 strong {
	font-size: 18px;
}


/* ------------------------------------------
  TABLE2
--------------------------------------------- */


table.type02 {
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #ccc;
	width: 100%;
	font-size: 16px;
	background-color: #FFFFFF;
}


table.type02 thead th {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #1793C1;
	background-color: #D7F0FC;
}
table.type02 tbody th {
padding: 8px;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.type02 td {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.alt1 {
background-color: #F1EBE4;
}


.dmy {
background-color: #DFE4EC;
width: 100%;
height: 200px;
margin-top: 20px;
text-align: center;
font-size: 18px;
}

/* ------------------------------------------
  MARGIN
--------------------------------------------- */

.mt00 { margin-top:  0   !important;}
.mt02 { margin-top:  2px !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 { margin-top: 60px !important;}
.mt65 { margin-top: 65px !important;}
.mt70 { margin-top: 70px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* ------------------------------------------
  PADDING
--------------------------------------------- */
   
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

/* ------------------------------------------
  BUTTON
--------------------------------------------- */

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #3891D8;
	border: 2px solid #3891D8;
	color: #fff;
}
.button:hover {
	background-color: #fff;
	border-color: #63A8E0;
	color: #63A8E0;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3891D8;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #63A8E0;
}

/* ------------------------------------------
  MAP
--------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ------------------------------------------
  TOPICS
--------------------------------------------- */

/* news
   ========================================================================== */

#news {
margin-top: 10px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
background-color: #FFFFFF;
}

#news dl {
  padding: 18px 10px 12px;
  *zoom: 1;
}
#news dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#news dt, #news dd {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
}
#news dt {
float: left;
width: 8em;
font-size: 16px;
text-align: left;
}
#news dd {
margin-left: 8em;
text-align: left;
font-size: 16px;
}
#news a {
  color: #000;
  text-decoration: none;
}
#news a:hover {
	color: #669966;
	text-decoration: underline;
}


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

#news {
	margin-top: 10px;
  }

  #news dl {
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	border-bottom: dotted 1px #D8D8D8;
  }
  #news dt, #news dd {
    font-size: 14px;
    line-height: 21px;
  }
  #news dt {
    float: none;
    width: auto;
    margin-bottom: 3px;
  }
  #news dd {
    margin-left: 0;
  }
  #news a {
    color: #000;
    text-decoration: none;
  }
  #news a:hover {
	color: #669966;
  }
}

.news-titile {
	font-size: 21px !important;
    font-weight:bold;
  }

.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 8s ease 0s 1 normal;
}

/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.style3 {
    color: #163273;/*文字色*/
    padding: 0.8em 0;/*上下の余白*/
    border-top: solid 1px #163273;/*上線*/
    border-bottom: solid 1px #163273;/*下線*/
    text-align: left;
    font-family: source-han-serif-japanese, serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 30px;
}
.m-inner  {
    float: left;
    width: 100%;
    margin-top: 80px;
    text-align: left;
}


@media screen and (max-width: 960px) {
.m-inner  {
    float:none;
}
}

.mlist {
    padding: 0;
    margin: 0;
    width: 100%;
}
.mlist li{
    padding: 0;
    list-style-type: none;
    float: left;
    width: 25%;
    font-size: 18px;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
.mlist li{
    width: 33.3%;
}
}

@media screen and (max-width: 600px) {
.mlist li{
    width: 50%;
}
}

.m-post{
    font-size: 21px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 500;
    font-style: normal;
}

.m-name{
    font-size: 32px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
}

@media screen and (max-width: 960px) {
.m-post, .m-name{
    text-align: center;
}
}

.top-logo {
  max-width: 100%;
  height: auto;
}

.f-id{
    text-align: center;
}

@media screen and (max-width: 960px) {
.top-logo {
  max-width: 80%;
}
}

.disp-inB {
	display: inline-block;
}

.disp-inB img {
	width:100%;
}

.lbnBox{
	width: 31%;
	margin-right: 0.4%;
	margin-bottom: 0.5%;
}

@media screen and (max-width: 768px){
.lbnBox{
	width:49.2%;
}
}


@media screen and (max-width: 600px){
.lbnBox{
	width:100%;
}
}


.lbnBox2{
	width: 48.7%;
	margin-right: 0.6%;
	margin-bottom: 0.5%;
}

@media screen and (max-width: 768px){
.lbnBox2{
	width:48.7%;
}
}


@media screen and (max-width: 600px){
.lbnBox2{
	width:100%;
}
}

.disp-inB3 {
	display: inline-block;
}
.lbnBox3{
width: 32.6%;
margin-right: 0.4%;
margin-bottom: 0.5%;
text-align: center;
margin-top: 20px;
font-size: 16px;
font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
vertical-align: top;
}
.lbnBox3 p {
font-size: 14px;
font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
padding-left: 10px;
padding-right: 10px;
}

.lbnBox3 span {
font-size: 12px;
font-family: source-han-serif-japanese, serif;
font-weight: 300;
font-style: normal;
padding-left: 10px;
padding-right: 10px;
}

.lbnBox3 img {
    margin: 10px;
}
@media screen and (max-width: 768px){
.lbnBox3{
	width:49.2%;
}
}

@media screen and (max-width: 480px){
.lbnBox3{
	width:100%;
}
}

.m-inner img {
   margin-top:-100px;
  padding-top:100px;
}

.staff-style {
    color: #163273;/*文字色*/
    padding: 0.8em 0;/*上下の余白*/
    border-bottom: solid 1px #163273;/*下線*/
    text-align: center;
    font-size: 21px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 20px;
}
.nl-inner  {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: left;
}
.lbnBox4 {
width: 24%;
margin-right: 0.4%;
margin-bottom: 0.5%;
text-align: center;
border: 1px solid #CCC;
}

.boxbb {
border: 1px solid #CCC;
}


@media screen and (max-width: 768px){
.lbnBox4 {
	width:32%;
}
.lbnBox4 img {
	width:80%;
}
}



@media screen and (max-width: 600px){
.lbnBox4 {
width: 100%;
}
}
/* イメージを半透明にする（class指定）
   ========================================================================== */
   
img.icon:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


.form-inner  {
width: 100%;
background-color: #EFEFEF;
padding-top: 40px;
padding-bottom: 40px;
}


@media screen and (max-width: 960px) {
.form-inner  {
padding-top: 20px;
padding-bottom: 20px;
}
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;

  padding: 1.5rem 6rem;

  color: #fff;
  border-radius: 0;
  background: #163273;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 150%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #0068B7;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}