@charset "UTF-8";
/*-------------------------------------------
共通
-------------------------------------------*/
html {
  font-size: 100%;
  line-height: 1.5;
}
body {
  color: #333;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
img {
  max-width: 100%;
}
a {
  color: #00238C;
}
a:hover {
  opacity: 0.8;
}
.wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}
/*-------------------------------------------
header
-------------------------------------------*/
header {
  width: 100%;
  position: fixed;
  background-color: #fff;
  z-index: 1;
  border-bottom: 1px solid #707070;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);
  opacity: 0.9;
}
.logo {
  width: 200px;
  height: auto;
  padding: 15px 0 25px 0;
}
.logo-mail {
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.logo-mail a {
  background: linear-gradient(#FF931E, #FE6C03);
  color: #fff;
  padding:2px 13px;
}
header ul {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0.8rem;
}
header li {
  padding: 0 15px;
  line-height: 0.7rem;
}
main {
  padding-top: 110px;
  margin-bottom: 20px;
}
p {
  text-align: justify;
}
.red {
	color:red;
}
/*-------------------------------------------
index.html
-------------------------------------------*/
h2.top01 {
	font-size: 1.2rem;
	background: linear-gradient(#4D79FE, #040792);
	width: 100%;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.midashi {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.line {
	background: linear-gradient(45deg, #FF9326 25%, #FFD47A 25%, #FF9326 50%, #FFD47A 50%, #FF9326 75%, #FFD47A 75%);
	background-size:10px 10px;
	width: 100%;
	height: 4px;
	margin-bottom: 15px;
}
h3.top02 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.img01 {
	text-align: center;
	margin: 15px 0;
}
.case {
	text-align: center;
	margin-bottom: 15px;
}
.text {
	margin-bottom: 15px;
}
/*-------------------------------------------
company
-------------------------------------------*/
h2.company01 {
	font-size: 1.1rem;
	margin-bottom: 15px;
	padding: 3px 0px 3px 10px;
	border-left: 6px solid  #4DA6FF;
	border-bottom: 1px solid  #4DA6FF;
}
.right {
	text-align:right;
	margin-top: 5px;
}
h3.company02 {
	font-size: 1.1rem;
	padding-bottom: 5px;
	border-bottom:1px solid #CCC;
	margin-bottom: 15px;
}
figure.photo {
	margin-top: 10px;
	display: block;
	text-align:center;
}
dl{
	display: flex;
	flex-wrap: wrap;
	margin:40px 0;
}

dt{
	padding : 10px;
	width : 27%;
	border-bottom: 1px #ccc solid;
}

dd{
	padding : 10px 0;
	width : 72%;
	border-bottom: 1px #ccc solid;
}

/*-------------------------------------------
footer
-------------------------------------------*/
.foot-img {
  background-image: url(../images/footer.jpg);
  background-size: 800px;
  background-position: center;
  height: 70px;
  background-repeat: repeat-x;
}
footer {
  overflow:hidden;
  font-size: 0.875rem;
  padding: 8px 0;
}
.logo-f {
  width:170px;
  margin-bottom:13px;
}
.address {
  margin-bottom: 10px;
}
.copy {
	text-align: center;
}
/*-------------------------------------------
pagetopへ戻るボタン
-------------------------------------------*/
#page-top {
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  display: none;
}
#page-top a {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page-top a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #00238C;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page-top a::after {
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #00238C;
}