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

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body{
	background:#0758d2;
}

.main{
	max-width: 1300px;
	margin:0 auto;
	background: url(images/main_img.png) no-repeat top center;
}

@media screen and (max-width:1000px) {
	.main{
		background: none;
	}
}

.main > div{
	max-width: 1000px;
	margin:0 auto;
	background: url(images/main_img2.png) no-repeat top center;
	background-size: 100% auto;
	padding:0 10px;
}

.main img{
	display:block;
	max-width: 100%;
	margin:0 auto;
}

.blank {
    position: relative;
    width: 100%;
}
.blank:before {
    content:"";
    display: block;
    padding-top: 76.5%; 
}

.youtube_wrap {
	max-width:950px;
	margin:50px auto 0;
	width:100%;
}

.youtube_wrap .youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.youtube_wrap .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.blank2 {
    position: relative;
    width: 100%;
}
.blank2:before {
    content:"";
    display: block;
    padding-top: 9%; 
}

.img01{
	max-width: 1000px;
	margin:0 auto;
}

.img01 img{
	display:block;
	margin:0 auto;
	max-width: 100%;
}

.blank3 {
    position: relative;
    width: 100%;
}
.blank3:before {
    content:"";
    display: block;
    padding-top: 7%; 
}

.img2{
	background:#fff;
	padding:0 10px;
}

.img2 > div{
	max-width:1000px;
	margin:0 auto;
}

.blank4 {
    position: relative;
    width: 100%;
}
.blank4:before {
    content:"";
    display: block;
    padding-top: 5%; 
}

.blank5 {
    position: relative;
    width: 100%;
}
.blank5:before {
    content:"";
    display: block;
    padding-top: 2%; 
}

.img2 > div > img{
	display:block;
	max-width: 100%;
	margin:0 auto;
}

.oubo{
	max-width:945px;
	margin:0 auto;
}

.oubo > div {
    position: relative;
    width: 100%;
}
.oubo > div:before {
    content:"";
    display: block;
    padding-top: 54.0740740740740741%; 
}
.oubo > div > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background: url(images/02.png) no-repeat;
	background-size: 100% 100%;
}

.blank6 {
    position: relative;
    width: 100%;
}
.blank6:before {
    content:"";
    display: block;
    padding-top: 12.1693121693121693%; 
}

.oubo_link > div{
	width:50%;
	float:left;
}

.oubo_link > div a {
	display:block;
    position: relative;
    width: 100%;
	transition:.2s;
}
.oubo_link > div a:before {
    content:"";
    display: block;
    padding-top: 22.6455026455026455%; 
}

.oubo_link > div a:hover{
	background:rgba(255,255,255,0.4);
}

.ft_wrap{
	background:#000;
	background-size: cover;
	padding-bottom:50px;
}

.ft{
	max-width:1000px;
	margin:0 auto;
}

.blank7 {
    position: relative;
    width: 100%;
}
.blank7:before {
    content:"";
    display: block;
    padding-top: 13%; 
}

.ft_box{
	padding:0 25px 70px;
	background:#000;
	margin-bottom:100px;
}

.ft_h{
	color:#fff;
	font-size:40px;
	line-height:100%;
	text-align: center;
	padding-top:20px;
	padding-bottom:30px;
}

.youkou{
	padding:0 10px;
	padding-bottom:60px;
}

.youkou p , .youkou li{
	font-size:15px;
	line-height:25px;
	color:#fff;
}

.youkou li{
	list-style: disc outside;
	margin-left:20px;
}

.pb16{
	padding-bottom:16px;
}

.kiyaku > p {
	display:block;
	font-size:15px;
	line-height:25px;
	color:#fff;
	padding:0 20px 30px;
}

.box1 , .box2{
	color:#000;
	background:#fff;
}

.box1{
	font-size:25px;
	line-height:100%;
	font-weight: bold;
	padding:16px 20px;
	position:relative;
	cursor: pointer;
}

.box1 img{
	position:absolute;
	top:20px;
	right:20px;
}

.box1 img[sts="std"],
.box1 img[sts="rot"] {
  transition-property: transform;
  transition-duration: 0.7s;
}
.box1 img[sts="rot"] {
  transform: rotate(180deg);
}

.box2{
	padding:0 20px 20px;
}

.box2 p , .box2 li{
	line-height:25px;
	font-size:15px;
}

.box2 li{
	list-style: disc outside;
	margin-left: 20px;
}

.kiyaku_box{
	margin-bottom:4px;
}

.ban{
	transition:.2s;
	width:34%;
	max-width:340px;
	min-width: 180px;
	display:block;
	position:fixed;
	right:0;
	bottom:70px;
	z-index: 5;
}

.ban:hover{
	opacity: 0.6;
}

.ban_img{
	width:100%;
}

.social_wrap{
	padding:10px 0 0;
	background:#000;
}