@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
em {
	font-style: normal;
	font-weight: normal;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* common */
html {
	font-size: 62.5%; /* 10px = 1rem */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* 12px = 75% 13px = 82% 14px = 88% 15px = 94% 16px = 100% */
body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.8;
	color: #333333;
}
/* link */
a {
	outline: none;
	transition-property: color, background-color;
	transition-duration: 0.4s;
}
a:link {
	color: #0073bb;
	text-decoration: none;
}
a:visited {
	color: #996699;
}
a:hover {
	color: #00afd5;
	text-decoration: underline;
}
a:hover img {
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
a:active {
	color: #00afd5;
	text-decoration: underline;
}
/* header */
header {
    padding: 0;
	margin: 0 0 30px;
    border-top: 3px solid #ff0000;
}
h1 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 40px;
}
img{
	max-width: 100%;
	height: auto;
}
/* main */
.container {
	margin: 0 auto;
	padding: 0;
	max-width: 1150px;
}
.row{
	display: flex;
	flex-direction: row-reverse;	
}
main {
	width: 60%;
	padding-left: 50px;
}
aside {
	width: 40%;
	background-color: #EEEEEE;
	padding: 30px;
}
nav{margin: 0 auto;}
nav li{border: 1px #CF1010 solid; padding: 6px 10px; margin-bottom: 5px; background-color: #FFFFFF;}
nav li a{display: block;}
nav li a:link{color: #333333;}
nav li a:hover {color: #333333; text-decoration: underline;}
nav li.nav-title{border: 1px #CF1010 solid; background-color: #CF1010; text-align: center; padding: 24px 0;}
nav li.nav-title a{color: #FFFFFF;}
nav li.hear{color: #CF1010; text-decoration: none;}
/* index */
main h1{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
    font-size: 130%;
	border-bottom: 3px #999999 solid;
	margin: 0 0 10px;
}
main h2{
	color: #005BAB;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}
main h2 a:link{
	text-decoration: underline;
}
main h2 a:hover{
	 text-decoration: none;
}
main h3{
	font-weight: bold;
	font-size: 130%;
	border-bottom: 3px #999999 solid;
	margin: 50px 0 10px;
}
main p{
	margin-bottom: 20px;
}
.index-container {
	display: flex;
	flex-flow: row;
	margin-bottom: 20px;
	}
.index-image {
	flex: 1 1 100px;
	order: 2;
	}
.index-text {
	flex: 1 1 560px;
	margin-right: 20px;
	order: 1;
	}
/* 01-16 */
.text-s{
	font-size: 90%;
}
.mb20{
	margin-bottom: 20px;
}
.fwb{
	font-weight: bold;
}
.companyname{
	text-align: right;
	font-weight: bold;
	margin-bottom: 10px;
}
.image-row {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.image-container {
    text-align: center;
}
.image-container img {
    display: block;
    margin: 0 auto;
}
.image-container p {
    padding: 10px 0 0 0;
    font-size: 12px;
}
/* breadcrumb */
.breadcrumb {
	display: block;
	margin-top: 30px;
	padding: 11px 14px;
	background-color: #EDEDED;
}
.breadcrumb ol {
	padding: 0;
	margin: 0;
}
.breadcrumb ol li {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 17px;
}
.breadcrumb ol li a {
	color: #333333;
}
.breadcrumb ol li em {
	font-weight: bold;
}
.breadcrumb ol li::after {
	content: "＞";
	padding-left: 10px;
	color: #AAA;
	font-size: 12px;
}
.breadcrumb ol li:last-child::after {
    content: none;
}
/* footer */
.footer .footer-inner {
	padding: 30px 0;
}
.footer .footer-inner .footer-link {
	float: left;
}
.footer .footer-inner .footer-link li {
	float: left;
	margin-right: 18px;
	padding-left: 18px;
	border-left: 1px solid #b5b5b5;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.17;
}
.footer .footer-inner .footer-link li:first-child {
	padding-left: 0;
	border-left: none;
}
.footer .footer-inner .footer-link li a {
	color: #333333;
}
.footer .footer-inner .copyright {
	float: right;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.17;
}
/* clearfix */
.breadcrumb ol:after,
.footer .footer-inner:after,
.footer .footer-inner .footer-link:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
}
/* ページトップへ戻る */
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 1px #b5b5b5;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}
.pagetop_arrow {
  display: block;
  height: 8px;
  width: 8px;
  border-top: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  transform: translateY(20%) rotate(-45deg);
}