@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

div#proContents ul,
div#proContents li {
  list-style: none;
  list-style-position: outside;
}

div#proContents li img {
  vertical-align: bottom;
}

div#proContents img {
  max-width: 100%;
  margin: auto;
  /*display: block;*/
}

div#proContents a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

div#proContents a {
  outline: none;
}
div#proContents a:focus {
  outline: none;
}

div#proContents a:link {
  color: #0099ff;
}
div#proContents a:visited {
  color: #0099ff;
}
div#proContents a:hover {
  color: #ff6600;
}
div#proContents a:active {
  color: #ff6600;
}

div#proContents .clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

div#proContents .clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

#proContents {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "osaka", sans-serif;
  line-height: 1.4;
  color: #231815;
  -webkit-text-size-adjust: 100%;
	min-width: 1020px;
}

div#proContents .u-wrap {
  max-width: calc(980px + (10px * 2));
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
	text-align: center;
	overflow-x: hidden;
	overflow: hidden;
}

div#proContents .u-wrap--wide {
	max-width: calc(1020px + (10px * 2));
}


/*-----------------------------
    contents
------------------------------*/
div#proContents header {
}

div#proContents .nav-list {
	display: flex;
	justify-content: center;
	max-width: 980px;
	margin: auto;
}

div#proContents .nav-list--02 li:not(:first-of-type) {
	margin-left: 40px;
}

div#proContents .nav-list li:not(:first-of-type) {
	margin-left: 40px;
}

div#proContents .nav-btn-home {
  margin-top: 30px;
}

div#proContents .sec01 {
	padding-top: 70px;
}

div#proContents .sec01_ttl {
  margin: 120px 0 23px;
}

div#proContents .sec01_txt {
	margin: 30px 0 53px;
  font-size: 19px;
  line-height: 1.6;
  text-align: center;
  color: #ff0000;
}

div#proContents .sec02 {
  margin: 120px 0 115px;
}
div#proContents .sec02_image {
  margin: 0 0 60px;
	text-align: center;
}
div#proContents .sec02_item:not(:first-child) {
  margin-top: 28px;
}

div#proContents .sec03 {
  padding-bottom: 120px;
}
div#proContents .sec03_txt {
  max-width: 880px;
  margin: 25px auto 20px;
  font-size: 24px;
  line-height: 1.7;
	text-align: left;
}

div#proContents .sec04 {
  background-color: #fff;
  padding-bottom: 75px;
}
div#proContents .sec04_ttl {
  background-color: #1f359a;
  margin-bottom: 68px;
}
div#proContents .sec04_ttl_img {
  padding: 45px 0 62px;
}

div#proContents .sec04_item:not(:first-of-type) {
	margin-top: 60px;
}

div#proContents .sec04_item:last-of-type {
	position: relative;
}

div#proContents .sec04_item:last-of-type p {
	position: absolute;
	left: 645px;
	top: 15px;
}

div#proContents .sec04_item:last-of-type p img {
}

div#proContents .close {
	margin-top: 60px;
}

div#proContents .fix-btn {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

div#proContents .fix-btn div:not(:first-of-type) {
  margin-top: 25px;
}




/*fadeInRight*/

.fadeInRight {
	transform: translate(500px,0);
	-webkit-transition: all 1s;
	transition: transform 1s,opacity 2s;
	opacity: 0;
}

.fadeInRight.on {
	opacity: 1;
	transform: translate(0,0);
}

div#proContents #slide {
	max-width: 2000px;
	width: 100%;
	margin: auto;
	overflow: hidden;
}