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

.main {
	width: 960px;
	margin: 0px auto;
	padding: 0;
}

.main h1{
	text-align: left;
	font-weight: bold;
	color: #0071b4;
	font-size: 30px;
	line-height: 160%;
	padding: 0;
	margin: 30px auto;
    
}


.contents h1
{
	margin: 0px auto;
    padding: 30px 0px;
	color: #fff;
	font-family:Garamond, Georgia, "Times New Roman", Times, "serif";
	font-size: 57px;
    background: url("../commonImage/bg01.png") repeat;
}


h2
{
	margin: 40px auto;
	color: #7d0000;
	font-family:Garamond, Georgia, "Times New Roman", Times, "serif";
	font-size: 57px;
}



h3{
	margin: 50px auto 20px;
	font-size: 30px;
	font-family: "Yu Mincho", YuMincho,"游明朝";
	letter-spacing: 3px;
}

.about{
width: 100%;
margin: 0px auto;
padding: 50px 0px;
}
.about .main{
	display: flex;
	justify-content: space-between;
	margin: 30px auto;
}
.about .main .left{
	width: 40%;
}
.about .main .left img{
	width: 100%;
}
.about .main .right{
	width: 55%;
}
.about p{
	text-align: left;
	color: #000;
	margin: 0px auto 30px;
	font-size: 14px;
}

/* 基本のスタイル */
   .about .bg_img01 {
       transform:translate(-100%); opacity:0; transition: all .75s ease-out;
       width: 400px;
	position:absolute;
	top: 320px;
	z-index: -2;
   }
   .about .bg_img02 {
      transform:translate(100%); opacity:0; transition: all .75s ease-out;
      width: 320px;
	position:absolute;
	top: 310px;
    float: right;
    left: auto;
    right: 0%;
	z-index: -2;
   }
 
/* スタート時のスタイル */
   .about .bg_img01.started {
      transform: none;
      opacity: 1;
   }
   .about .bg_img02.started {
      transform: none;
      opacity: 1;
   }
 
/* エンド時のスタイル */
   .about .bg_img01.started.ended {
   }
   .about .bg_img02.started.ended {
   }


.about .bg_img01 img,
.about .bg_img02 img{
	width: 100%;
}

.more_btn{
	margin: 30px auto;
}
.more_btn a{
	font-family:Garamond, Georgia, "Times New Roman", Times, "serif", "Yu Mincho", YuMincho,"游明朝";
	background: #7d0000;
	padding: 5px 20px;
	font-size:16px;
	color: #fff;
}