@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
.boxRelative{
  position:relative;
}
figcaption{
	font-size:12px;
	text-align:right;
}

/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
	height:230px;
	background-color:#f5f5f5;
}
#ttl{
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	transform:translateY(-50%);
}
#ttl h1{
/*	color:#338daa;*/
	font-size:48px;
}
@media all and (-ms-high-contrast: none){
#ttl h1{
	padding:20px 0 0;
}
}
/*=============================================================
message
=============================================================*/
#messageArea img{
	width:100%;
	max-width:150px;
}
#messageArea p{
	font-weight:500;
	font-size:16px;
}
#messageArea h3{
	padding-top:40px;
}

/*=============================================================
history
=============================================================*/
#historyArea{
}
/*h2{
	font-size:34px;
	font-weight:700;
	text-align:center;
	padding:0 0 40px;
	color:#0c6800;
}
h3{
	padding:0 0 40px;
	color:#209900;
	font-size:20px;
	font-weight:700;
	text-align:center;*/
}
#historyArea dl+h3{
	padding:80px 0 40px;
}

#historyArea dl{
	border-bottom:1px solid #ede7e7;
	position:relative;
	font-size:16px;
	font-weight:500;
}
#historyArea h3+dl{
	border-top:1px solid #ede7e7;
}
#historyArea dl dt{
	width:5em;
	position:absolute;
	top:7px;
	left:0;
}
#historyArea dl dd{
	padding:7px 0 7px 5em;
}
@media all and (-ms-high-contrast: none){
#historyArea dl dt{
	width:5em;
	position:absolute;
	top:10px;
	left:0;
}
#historyArea dl dd{
	padding:10px 0 1px 5em;
}
}
/*=============================================================
Officer
=============================================================*/
#officerArea{
}
#officerAreaInner{
	width:100%;
	display:flex;
	flex-wrap: nowrap;
}
#officerAreaInner .box{
	flex-basis:calc(50% - 30px);
}
#officerAreaInner .box:nth-child(even){
	margin-left:60px;
}
#officerArea dl{
	font-size:16px;
}
#officerArea dl+dl{
	margin-top:1.5em
}
#officerArea dl dt{
	font-weight:700;
}
#officerArea dl dd{
	font-weight:500;
}
#officerArea dl dd li{
	width:100%;
	display:flex;
	flex-wrap: nowrap;
}
#officerArea dl dd li span.name{
	flex-basis:calc(25%);
}
#officerArea dl dd li span.sholder{
	flex-basis:calc(75%);
	box-sizing:border-box;
}
/*=============================================================
Info
=============================================================*/
#infoArea h3{
	padding:0 0 10px;
}
#infoAreaInner{
	width:100%;
	max-width:600px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
}
#infoAreaInner .box{
	flex-basis:calc(50%);
}
#infoAreaInner .box h3{
	padding:40px 0 10px;
}
#infoArea li{
	text-align:center;
}
#infoArea li a{
	display:inline-block;
	font-weight:500;
	position:relative;
	font-size:16px;
}
#infoArea li a::before{
	content: "";
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	position: absolute;
	left: -14px;
	top: 11px;
	transform:rotate(-45deg);
}
@media all and (-ms-high-contrast: none){
#infoArea li a::before{
	top: 6px;
}
}
/*=============================================================
Pdf
=============================================================*/
.listPdf {
display:inline-block;
padding-top:0;
font-size:16px;
text-align:center;
}
.listPdf a{
display:block;
padding-left:22px;
position:relative;
text-decoration:none;
}
.listPdf a:hover{
text-decoration:underline;
}
.listPdf a::before{
position: absolute;
content: "";
width:18px;
height:18px;
top: 3px;
left: 0;
z-index: 2;
background: url(/shared/img/icn_pdf.png) no-repeat center center;
background-size:100% 100%;
}
@media all and (-ms-high-contrast: none){
.listPdf a::before{
top: 1px;
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
	height:70px;
}
#ttl h1{
	font-size:26px;
}
/*=============================================================
message
=============================================================*/
#messageArea p{
	font-size:14px;
}

/*=============================================================
history
=============================================================*/
#historyArea{
}
h2{
	font-size:24px;
	padding:0 0 30px;
}
h3{
	padding:0 0 30px;
	font-size:20px;
}
#historyArea dl+h3{
	padding:60px 0 30px;
}
#historyArea dl{
	position:static;
	font-size:14px;
}
#historyArea dl dt{
	width:auto;
	position:static;
	padding:7px 0 0;
}
#historyArea dl dd{
	padding:7px 0 7px;
}
/*=============================================================
Officer
=============================================================*/
#officerArea{
}
#officerAreaInner{
	display:block;
}
#officerAreaInner .box{
	display:block;
}
#officerAreaInner .box:nth-child(even){
	margin:1.5em 0 0;
}
#officerArea dl{
	font-size:14px;
}
#officerArea dl dt.line{
	padding:0 0 5px;
	border-bottom:1px dotted #ccc;
	margin:0 0 10px;
}
#officerArea dl dd li{
	display:block;
}
#officerArea dl dd li+li{
	padding-top:10px;
}
#officerArea dl dd li span.name{
}
#officerArea dl dd li span.sholder{
	display:block;
	font-size:13px;
	font-weight:400;
}
/*=============================================================
Info
=============================================================*/
/*#infoAreaInner{
	display:block;
}
#infoAreaInner .box{
	display:block;
}*/
#infoAreaInner .box h3{
	padding:30px 0 10px;
}
#infoArea li a{
	font-size:14px;
}
#infoArea li a::before{
	top: 8px;
}
/*=============================================================
Pdf
=============================================================*/
.listPdf {
font-size:14px;
}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:540px){
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{
}

/*=============================================================
press
=============================================================*/
.link ul li{
  padding:0 1em 15px;
}
.link ul li a{
  padding:0;
  font-size:16px;
  position:relative;
  text-decoration:none;
 text-indent:0;
}
.link ul li a:hover{
  text-decoration:underline;
}
.link ul li a::before{
  content:"";
  width:6px;
  height:6px;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  position:absolute;
  left:-12px;
  top:-12px;
  transform:translateY(-3px) rotate(-45deg);
}

/*=============================================================
access
=============================================================*/
.accessMap h2{ margin-bottom:0; padding:0;}
.accessMap p{ margin:10px 0 20px;}
iframe.googlemap{
  border: 0;
  margin-top: 10px;
  height:300px;
  width: 100%;
}
iframe.fborder0{
  border: 0;
}

#list{
  width:100%;
  display:flex;
  flex-wrap: wrap;

}
#list .box{
  position:relative;
  margin-top:30px;
  padding:20px;
  flex-basis:calc(33% - 10px);
  background-color:#f2f2f2;
  box-sizing: border-box;
}
#list .box:nth-child(2n){
  margin-left:20px;
  margin-right:20px;
}
#list .box h3{
  padding:0;
}
#list .box p{
  text-align:left;
  margin-top:10px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
p{font-size:14px;}
#list{
  width:100%;
  display:block;
}
#list .box{
  margin-top:20px;
}
#list .box:nth-child(2n){
  margin-left:0;
  margin-right:0;
}
#list .box p{ font-size:14px;}
  .h2{
    font-size:24px;
    padding:0 0 30px;
  }
  .h3{
    padding:20px 0 16px;
    font-size:20px;
  }
}
/*=============================================================
404
=============================================================*/
#ttlLeadInner{
  position:relative;
  width:100%;
  height:100%;
  text-align:center;
}
#ttlLeadInner p{
  padding:10px;
  font-size:18px;
}
@media all and (-ms-high-contrast: none){
  #ttlLeadInner p{
    transform:translateY(30px);
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
#ttlLeadInner p{
    position:static;
    padding:10px;
    font-size:13px;
    color:#333;
    text-shadow:none;
  }
  .h2{
    font-size:24px;
    padding:0 0 30px;
  }
  .h3{
    padding:20px 0 16px;
    font-size:20px;
  }
}