
.page_top .imgbox{
	background:url(../images/about/images/about_img01.png);
	background-position:center;
	background-size:100%;
}
.page_top .box1 .txtbox .txt1 .s1{
	text-align:left;
	margin:0;
}
.section1{
	padding-top:70px;
}

.section1 .box1{
	width:1020px;
	margin:auto;
	position:relative;
}
.section1 .box1 .imgbox{
	background:url(../images/common/images/common_img06.png);
	width:99px;
	height:74px;
	position:absolute;
	left:0;
}
.section1 .box1 .txtbox{
	padding-left:163px;
}
.section1 .box1 .txtbox p{
	line-height:2;
	font-size:24px;
font-family: 'kg_6n_L';

}

.section2{
	padding-top:100px;
}

.section2 .box1{
	padding-top:40px;
}

.section2 .box1 .txtbox{
	width:880px;
	margin:auto;
	border:solid 10px #cddc4c;
	padding:70px 60px 20px;
	
}
.section2 .box1 .txtbox p{
	font-family: 'kozgo_bold';
	font-size:21px;
	line-height:2.4;
	padding-bottom:50px;
	letter-spacing:0.2em;

}
.section2 .box1 .txtbox p .s1{
	color:#cddc4c;
}

.section2 .box2{
	padding-top:100px;
}

.section2 .box2 .inbox{
	width:100%;
	background:#dadf00;
	padding-top:40px;
	padding-bottom:40px;
}

.section2 .box2 .inbox a{
	width:641px;
	display:block;
	margin:auto;
	background:#fff;
}
.section2 .box2 .inbox a img{
	opacity:1;
}
.section2 .box2 .inbox a:hover img{
	opacity:0.3;
}




.section3{
	padding-top:100px;
}

.section3 .box1{
	padding-top:50px;
	width:1020px;
	position:relative;
	margin:auto;
}
.section3 .box1 .imgbox{
	position:absolute;
}
.section3 .box1 .txtbox{
	width:525px;
	margin-left:auto;
	padding-right:50px;
}
.section3 .box1 .txtbox p{
	line-height:1.7;
	padding-bottom:30px;
	font-size:18px;
	font-family: 'kg_6n_L';
}
.section3 .box1 .txtbox p .s1{
	font-family: 'kozgo_H';
}
.section3 .box1 .txtbox2{
	padding-top:60px;
	width:525px;
	margin-left:auto;
	padding-right:50px;
	padding-bottom:100px;
}
.section3 .box1 .txtbox2 p{
	padding-top:10px;
	border-bottom:solid 12px #cddc4c;
	font-size:24px;
	line-height:1;
	height:18px;
	display:inline-block;
	font-family: 'kg_6n_L';
}
.section3 .box2{
	width:920px;
	position:relative;
	margin:auto;
}
.section3 .box2 .imgbox{
	position:absolute;
	right:-10px;
	top:-10px;
}
.section3 .box2 .txtbox{
	width:525px;
	min-height:328px;
	padding-bottom:70px;
}

.section3 .box2 .txtbox p{
	line-height:1.78;
	font-size:18px;
	font-family: 'kg_6n_L';
}


.section3 .box3{
	width:920px;
	position:relative;
	margin:auto;
}
.section3 .box3 .imgbox{
	position:absolute;
	left:-10px;
	top:-10px;
}
.section3 .box3 .txtbox{
	margin-left:auto;
	width:525px;
	min-height:328px;
}

.section3 .box3 .txtbox p{
	line-height:1.78;
	font-size:18px;
	font-family: 'kg_6n_L';
}

.section3 .box4 {
	width:920px;
	margin:auto;
	padding-top:55px;
}


.section3 .box4 .line{
	background:url(../images/about/images/about_img08.png);
	width:920px;
	height:3px;
	margin:auto;
}
.section3 .box4  .txt1{
	font-size:21px;
	text-align:right;
	font-family: 'kg_6n_L';
}
.section3 .box4 .imgbox{
	position:relative;
	height:211px;
	width:100%;
}
.section3 .box4 .imgbox img{
	position:absolute;
	right:0;
	bottom:0;

}
.section3 .box4 .imgbox p{
	font-size:18px;
	line-height:1.94;
	position:absolute;
	right:40px;
	letter-spacing:1px;
	bottom:0;
	font-family: 'kozgo_R';
}
.section3 .box4  .inbox{
	padding-top:60px;
	width:910px;
	margin:auto;
}
.section3 .box4  .inbox .box{
	float:left;
	width:50%;
}
.section3 .box4  .txtbox1{
	width:360px;
	margin:auto;
	height:48px;
	border:solid 2px #cddc4c;
	border-radius:24px;
	position:relative;
}
.section3 .box4  .txtbox1 h3{
	position:absolute;
	left:0;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
	width:100%;
	text-align:center;
	font-size:21px;
	font-family: 'kg_6n_L';
}
.section3 .box4  .txtbox2{
	padding-top:20px;
	width:360px;
	margin:auto;
	padding-bottom:40px;
}
.section3 .box4  .txtbox2 p{
	padding-left:10px;
	font-size:16px;
	letter-spacing:1px;
	font-family: 'kozgo_R';
}
.section3 .box4  .txtbox2 p .s1{
	font-family: 'kozgo_bold';
}


.section4{
	padding-top:100px;
}



.section4 .box1{
	padding-top:50px;
	padding-bottom:70px;
	
}
.section4 .box1 p{
	text-align:center;
	line-height:2;
	letter-spacing:2px;
	text-indent:-2px;
	font-size:24px;
	font-family: 'kg_6n_L';
}
.section4 .box2{
	padding-top:70px;
	padding-bottom:70px;
	background:#cddc4c;
}
.section4 .box2 .inbox{
	width:880px;
	margin:auto;
	position:relative;
}
.section4 .box2 .inbox .imgbox{
	position:absolute;
	left:0;
	top:0;
}
.section4 .box2 .inbox .txtbox{
	width:482px;
	margin-left:auto;
}
.section4 .box2 .inbox .txtbox p{
	line-height:1.85;
	font-size:18px;
	font-family: 'kg_6n_L';
}
.section4 .box2 .inbox .txtbox p:nth-child(1){
	padding-bottom:30px;

}

.about_cancel {
    width: 775px;
    margin: auto;
    padding-top: 40px;
}

.about_cancel_title {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border-bottom:dotted 4px #D9DF04;
	width:500px;
	padding-bottom:8px;
	margin:0 auto 20px auto;
}

.about_cancel_cont  {
	line-height:1.8em;
	font-size:18px;
}

.name {
	text-align:right;
}

.about_cancel {
	background:#fff;
	padding:25px 50px;
}

#section4_5 {
	background:#efefef;
	padding:50px 0px;
}

.section7{
	padding-top:100px;
}
.section7 .box1{
	margin-top:60px;
	padding-top:80px;
	padding-bottom:80px;
	background:#ffea00;
}
.section7 .box1 .inbox{
	width:1020px;
	margin:auto;
}

.section7 .box1 .inbox .leftbox{
	width:444px;
	height:444px;
	float:left;
	background:#fff;
	position:relative;
	overflow:hidden;
}

.section7 .box1 .inbox .leftbox .imgbox{
	position:absolute;
	left:74px;
	top:89px;
}
.section7 .box1 .leftbox .anime1_1{
	animation-name:anime1;
	animation-duration:0.75s;
	animation-delay:0.5s;
	animation-timing-function:ease;
	animation-fill-mode: forwards;
}
@keyframes anime1{
	0%{
		opacity:0;	
	}
	100%{
		opacity:1;
	}
	
}
.section7 .box1 .rightbox .anime1_1{
	animation-name:anime2;
	animation-duration:0.5s;
	animation-delay:1.25s;
	animation-timing-function:ease;
	animation-fill-mode: forwards;
}
@keyframes anime1{
	0%{
		opacity:0;
		transform:translate(0,-100px);
	}
	100%{
		opacity:1;
		transform:translate(0,0);
	}
}


@keyframes anime2{
	0%{
		opacity:0;	
	}
	100%{
		opacity:1;
	}
	
}












.section7 .box1 .inbox .rightbox{
	width:510px;
	height:444px;
	position:relative;
	float:right;
}

.section7 .box1 .inbox .rightbox p{
	position:absolute;
	left:0;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);	
	text-align:center;
	font-size:18px;
	font-family: 'kg_6n_L';
	line-height:2.3;
}







.section5{
	padding-top:100px;
}
.section5 .titlesection{
	border:none;

}
.section5 .box0{
	width:838px;
	border: solid 3px #cddc4c;
	border-radius:16px;
	height:80px;
	position:relative;
	margin:auto;
	
}
.section5 .box0 .txt1{
	position:absolute;
	padding-bottom:30px;
	width:850px;
	bottom:-3px;
	left:50%;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);	
	background:#fff;
	text-align:center;
	font-size:24px;
	line-height:1;
	font-family: 'kg_6n_L';
}
.section5 .box1 a{
	display:block;
	width:100%;
	background:url(../images/index/images/index_img29.png);
	height:209px;
	background-repeat:repeat-x;
	animation-name:roop_anime1;
	animation-duration:60s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes roop_anime1{
	0%{
		background-position:0 0;
		
	}
	100%{
		background-position:2187px 0;
		
	}
}

.section5 .box2{
	width:838px;
	border: solid 3px #cddc4c;
	border-radius:16px;
	height:125px;
	position:relative;
	margin:auto;
	
}
.section5 .box2 .inbox{
	width:850px;
	background:#fff;
	height:95px;
	position:absolute;
	left:50%;
	top: -3px;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);	
}




.section5 .box2  a{
	width:270px;
	height:45px;
	background:#000;
	border:solid 3px #000;
	display:block;
	text-decoration:none;
	border-radius:26px;
	position:absolute;
	left:50%;
	bottom:0;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);	

}

.section5 .box2  a p{
	color:#fff;
	position:absolute;
	font-size:21px;
	left:30px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}
.section5 .box2  a p .s1{
	position:absolute;
	padding-bottom:5px;
	font-size:41px;
	right:-60px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}
.section5 .box2  a:hover{
	background:#ffea00;
}

.section5 .box2  a:hover p{
	color:#000;
}











.section6{
	padding-top:100px;
}
.section6 .box1{
	padding-top:50px;
	padding-bottom:50px;
}
.section6 .box1 p{
	text-align:center;
	font-size:24px;
	font-family: 'kg_6n_L';
	line-height:2;
}
.section6 .box2{
	padding-bottom:50px;
}
.section6 .box2 .try1{
	display:block;
	margin:auto;
    width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #ffea00;
}
.section6 .box2  .txtbox{
	width:750px;
	height:125px;
	background:#ffea00;
	margin:auto;
	position:relative;
}
.section6 .box2  .txtbox p{
	position:absolute;
	display:inline-block;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	padding-left:70px;
	font-size:50px;
	width:385px;
	line-height:1;
	font-family: 'kozgo_ex';
}
.section6 .box2  .txtbox p .imgspan{
	display:block;
	position:absolute;
	left:0%;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);

}




.section8 .box1{
	margin-top:70px;
	background:#dadf00;
	padding-top:60px;
	padding-bottom:60px;
}


.section8 .box1 .inbox1{
	width:900px;
	height:360px;
	margin:auto;
	position:relative;
}

.section8 .box1 .inbox1 a{
	text-decoration:none;
	display:table;
	position:absolute;
	width:420px;
	height:120px;
}



.section8 .box1 .inbox1 a:nth-child(1){
	top:0;
	left:0;
}

.section8 .box1 .inbox1 a:nth-child(2){
	top:0;
	right:0;
}

.section8 .box1 .inbox1 a:nth-child(3){
	bottom:0;
	left:50%;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);	
}



.section8 .box1 .inbox1 a .txtbox{
	position:absolute;
	top:0;
	left:0;
	width:420px;
	height:150px;
}
.section8 .box1 .inbox1 a .txtbox p{
	position:absolute;
	color:#000;
	font-size:28px;
	left:30px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);	
	line-height:1;
font-family: 'kg_6n_L';
}
.section8 .box1 .inbox1 a .txtbox .imgbox{
	background:url(../images/index/images/index_img36.png);
	width:66px;
	height:50px;
	position:absolute;
	right:30px;
	top:0;
	bottom:0;
	margin:auto;
}
.section8 .box1 .inbox1 a:hover {
	box-shadow:5px 5px 5px rgba(34,34,34,0.5);
}


.section8 .box1 .inbox1 a:hover .txtbox p{
	font-family: 'kozgo_bold';
}
.section8 .box1 .inbox1 a:hover .txtbox .imgbox{
	background:url(../images/index/images/index_img37.png);
}










