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


/* Common */
#contents { width: 900px; margin: 0 auto; padding-top: 60px; }
.column { background: #FFF; margin-bottom: 60px; padding: 20px 50px 30px 50px; }
.column h1 { text-align: center; width: 100%; height: auto; padding-bottom: 9px; border-bottom: solid 1px #47B; }
.column h2 { text-align: center; width: 100%; height: auto; margin-top: 40px; padding-bottom: 9px; border-bottom: solid 1px #47B; }
.column h1 img, .column h2 img { width: 100%; max-width: 300px; height: auto; }
@media only screen and (max-width: 1024px){
	#contents { width: 96%; max-width: 900px; padding-top: 20px; }
	.column { margin-bottom: 20px; padding: 10px 20px 20px 20px; }
}
@media only screen and (max-width: 640px){
	.column { padding: 10px 10px 20px 10px; }
	.column h2 { margin-top: 20px; }
}


/* Index */
#mainpanel { margin-bottom: 60px; }
#mainpanel dl { position: relative; }

#mainpanel dl dt { text-align: center; width: 100%; border-bottom: solid 3px #47B; }
#mainpanel dl dt img { width: 60%; height: auto; }
#mainpanel dl dt a { background: #FFF; display: block; }
#mainpanel dl dd ul { zoom: 1; overflow: hidden; }
#mainpanel dl dd ul:after { content: ""; clear: both; display: block; }
#mainpanel dl dd ul li { width: 440px; border-bottom: solid 3px #47B; margin: 20px 20px 0 0; float: left; }
#mainpanel dl dd ul li:nth-child(2n) { margin-right: 0; }
#mainpanel dl dd ul li a { background: #FFF; display: block; }
#mainpanel dl dd ul li a img { width: 100%; height: auto; }
#mainpanel dl dt a:hover, #mainpanel dl dd ul li a:hover { background: #DEF; }

#news {}
#news div { height: 200px; overflow: auto; }
#news div ul {}
#news div ul li { line-height: 1.3; padding: .8em 0 .3em 8em; border-bottom: dotted 1px #999; position: relative; }
#news div ul li:last-child { border-bottom: none; }
#news div ul li h3 { color: #47B; position: absolute; left: 0; }
#news div ul li a { text-decoration: underline; }
#news div ul li ul li { padding: 0 0 .3em .8em; border-bottom: none; background: url(../images/index/news_arrow.png) no-repeat 0 .1em; }

@media only screen and (max-width: 1024px){
	#mainpanel { margin-bottom: 20px; }
	#mainpanel dl dt img { width: 70%; height: auto; }
	#mainpanel dl dd { padding: 0; }
	#mainpanel dl dd ul { zoom: 1; overflow: hidden; }
	#mainpanel dl dd ul:after { content: ""; clear: both; display: block; }
	#mainpanel dl dd ul li { width: 49%; height: auto; margin: 2% 2% 0 0; float: left; }
}
@media only screen and (max-width: 640px){
	#mainpanel dl dt img { width: 100%; height: auto; }
	#mainpanel dl dd ul li { width: 100%; height: auto; margin: 2% 0 0 0; float: none; }
	#news div { height: 250px; }
	#news div ul li { padding: .8em 0 .3em 0; }
	#news div ul li h3 { position: relative; }
}

.index-banner{
	display: flex;
	flex-wrap:wrap;
}
.index-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	padding:5px 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.index-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/	
}


/* Greeting */
#greeting dl { padding: 30px 0; zoom: 1; overflow: hidden; }
#greeting dl:after { content: ""; clear: both; display: block; }
#greeting dl dt { width: 510px; padding: 120px 40px 0 0; height: auto; float: left; }
#greeting dl dd { width: 250px; height: auto; float: left; }
#greeting dl dt img, #greeting dl dd img { width: 100%; height: auto; }
#greeting p { font-size: 115%; line-height: 1.6; padding-bottom: .6em; }

#idea h3 { text-align: center; padding: 20px 0; }
#idea h3 img { width: 400px; height: auto; }
#idea p { font-size: 115%; line-height: 1.2; text-align: center; }
#idea ol { margin-top: 1em; }
#idea ol li { font-size: 123%; line-height: 1.3; text-indent: -1.2em; padding: .5em 0 0 1.2em; }

#mission dl { padding-top: 1.5em; zoom: 1; overflow: hidden; }
#mission dl:after { content: ""; clear: both; display: block; }
#mission dl dt { width: 30%; float: left; }
#mission dl dd { width: 66%; float: right; }
#mission dl dd h3 { width: 90%; padding: 4em 0 .4em 0; }
#mission dl dd h4 { width: 60%; margin: 0; padding: 0 0 2em 0; }
#mission dl dt img, #mission dl dd h3 img, #mission dl dd h4 img { width: 100%; height: auto; }
#mission dl dd p { line-height: 1.8; }

@media only screen and (max-width: 1024px){
	#greeting dl { padding: 20px 0; }
	#greeting dl dt { width: 65%; padding: 15% 5% 0 0; }
	#greeting dl dd { width: 30%; }
	#greeting p { font-size: 105%; line-height: 1.4; }
	#mission dl dd h3 { width: 100%; padding-top: 3em; }
}
@media only screen and (max-width: 640px){
	#idea h3 { padding: 10px 0; }
	#idea h3 img { width: 100%; height: auto; }
	#idea p { text-align: left; }
	#greeting dl { padding: 10px 0; }
	#greeting dl dt { width: 100%; padding: 0 0 10px 0; }
	#greeting dl dd { width: 60%; max-width: 250px; padding-left: 20%; }
	#greeting p { font-size: 100%; line-height: 1.4; }
	#idea ol { margin-top: .5em; }
	#idea ol li { font-size: 100%; line-height: 1.3; }
	#mission dl dt { width: 60%; margin: 0 auto; float: none; }
	#mission dl dd { width: 100%; float: none; }
	#mission dl dd h3 { padding-top: 1em; }
	#mission dl dd h4 { width: 80%; margin: 0 auto; padding-bottom: 1em; }
	#mission dl dd p { line-height: 1.4; }
}


/* History */
#history ul {}
#history ul li { font-size: 105%; line-height: 1.3; padding: 1em .5em .8em 9em; border-bottom: dotted 1px #999; position: relative; }
#history ul li h4 { position: absolute; left: .5em; }
#history ul li h4 strong { text-align: right; font-weight: normal; width: 3em; position: absolute; left: 4.5em; }
#history ul li:nth-child(2n) { background: #EFEFEF; }
#history ul li.meiji h4 { color: #930; }
#history ul li.showa h4 { color: #374; }
#history ul li.heisei h4 { color: #47B; }
#history ul li a.blank { padding-left: 1.3em; background: url(../images/common/blank_gray.gif) no-repeat left top; background-size: auto .9em; }
@media only screen and (max-width: 640px){
	#history ul li { font-size: 100%; line-height: 1.3; padding: .6em .5em .4em .5em; }
	#history ul li h4 { padding-bottom: .2em; position: relative; left: 0; }
	#history ul li h4 strong { text-align: left; width: auto; padding-left: .5em; position: relative; display: inline; left: 0; }
}


/* Information */
.information ul {}
.information ul li a { font-size: 115%; line-height: 1.3; color: #333; padding: 1em .5em .8em .5em; border-bottom: dotted 1px #999; display: block; position: relative; }
.information ul li a span { font-size: 75%; line-height: 2; color: #999; position: absolute; right: .5em; }
.information ul li a.pdf:before { content:""; width: 1.4em; height: 1.6em; margin-right: .2em; background: url(../images/common/pdf_icon.png) no-repeat; background-size: contain; vertical-align: middle; display: inline-block; }
.information ul li:nth-child(2n) a { background: #EFEFEF; }
.information ul li a:hover { background: #DEF; }
#balance h1 { margin-bottom: 1em; }
#balance h1 img { width: auto; max-width: auto; height: 20px; }
#balance p { padding-top: .4em; }
#balance ul { margin-top: 1.5em; border-top: dotted 1px #999; }

@media only screen and (max-width: 640px){
	.information ul li a { font-size: 100%; }
	.information ul li a span { line-height: 1.3; position: relative; left: 2.2em; display: block; }
	#balance h1 span { padding-top: .3em; display: block; }
}


/* Recruit */
#recruit p { padding-top: 1.2em; }
#recruit dl {}
#recruit dl dt { font-size: 115%; line-height: 1.2; font-weight: bold; color: #FFF; margin-top: 2.5em; padding: .5em .5em .3em .5em; background: #47B; }
#recruit dl dd ul li a { font-size: 105%; line-height: 1.3; color: #333; padding: 1em .5em .8em .5em; border-bottom: dotted 1px #999; display: block; }
#recruit dl dd ul li:nth-child(2n) a { background: #EFEFEF; }
#recruit dl dd ul li a:hover { background: #DEF; }


/* Access */
#access iframe { width: 100%; height: 500px; margin-top: 10px; }
#access dl dt { font-size: 115%; line-height: 1.2; font-weight: bold; color: #47B; margin-top: 1em; padding-bottom: .2em; border-bottom: solid 1px #47B; }
#access dl dt:before { content: "●"; color: #9CE; padding-right: .2em; }
#access dl dd p { padding-top: .5em; }
#access dl dd ul { padding-top: .3em; }
#access dl dd ul li { padding: .3em 0 0 .7em; background: url(../images/index/news_arrow.png) no-repeat 0 .5em; }


/* Privacy */
#sitepolicy p.read { padding-top: 1.5em; }
#sitepolicy dl { margin-top: 3em; }
#sitepolicy dl dt { font-size: 115%; line-height: 1.2; color: #47B; margin-bottom: 1em; padding-bottom: .2em; border-bottom: solid 1px #999; }
#sitepolicy dl dt:before { content: "●"; color: #9CE; padding-right: .2em; }
#sitepolicy dl dd p { padding-bottom: .8em; }
#sitepolicy dl dd ul.attention { font-size: 93%; line-height: 1.3; text-indent: -1em; padding: 0 0 .3em 1em; }
#sitepolicy dl dd dl#device { margin-top: 0; }
#sitepolicy dl dd dl#device dt { font-size: 100%; font-weight: bold; color: #333; margin-bottom: .2em; padding: .4em 0 .2em .4em; border-bottom: none; background: #EDEDED; }
#sitepolicy dl dd dl#device dt:before { content: ""; }
#sitepolicy dl dd dl#device dd { padding-bottom: 1em; }
#sitepolicy dl dd dl#device dd ul {}
#sitepolicy dl dd dl#device dd ul li { line-height: 1.3; padding: .3em 0 .2em 6em; border-bottom: dotted 1px #CCC; position: relative; }
#sitepolicy dl dd dl#device dd ul li:last-child { border-bottom: none; }
#sitepolicy dl dd dl#device dd ul li span { position: absolute; left: .4em; }
#sitepolicy dl dd dl#device dd p { padding: .4em 0 0 .4em; }
#sitepolicy dl#policy3 ul {}
#sitepolicy dl#policy3 ul li { line-height: 1.3; text-indent: -1.2em; padding: 0 0 .3em 1.2em; }
#sitepolicy dl#policy3 ul li span { color: #CCC; }


/* Contact */
#contact h3 { width: 100%; max-width: 360px; height: auto; margin: 2em 0 1em 0; }
#contact h3 img { width: 100%; height: auto; }
#contact dl { padding-top: 1.5em; }
#contact dl dt { font-size: 123%; line-height: 1.2; padding: .4em 0 .3em .4em; background: #EDEDED; }
#contact dl dd ul li { font-size: 105%; line-height: 1.2; padding: .8em 0 .6em 6em; border-bottom: dotted 1px #999; position: relative; }
#contact dl dd ul li:last-child { padding-bottom: 0; border-bottom: none; }
#contact dl dd ul li h4 { position: absolute; left: .4em; }

/* table */
table{
	width:100%;
	border-collapse:collapse; 
	text-align: center;
}
table th{
	color: white;
	background:  #47B;
	border: solid 1px #CCC;
	height: 25px;
}
table td{
	border: solid 1px #CCC;
	height: 30px;
}

#background-color: #ede9e7;
#text-align: center;
#vertical-align: middle;
#padding: 1px 5px;
#border: 1px solid #666;
#color: #333;

@media only screen and (max-width: 1024px){
	#mainpanel { margin-bottom: 20px; }
	#mainpanel dl dt img { width: 70%; height: auto; }
	#mainpanel dl dd { padding: 0; }
	#mainpanel dl dd ul { zoom: 1; overflow: hidden; }
	#mainpanel dl dd ul:after { content: ""; clear: both; display: block; }
	#mainpanel dl dd ul li { width: 49%; height: auto; margin: 2% 2% 0 0; float: left; }
}
@media only screen and (max-width: 640px){
	#mainpanel dl dt img { width: 100%; height: auto; }
	#mainpanel dl dd ul li { width: 100%; height: auto; margin: 2% 0 0 0; float: none; }
	#news div { height: 250px; }
	#news div ul li { padding: .8em 0 .3em 0; }
	#news div ul li h3 { position: relative; }