.page_top .imgbox{
	background:url(../images/perio/images/perio_img01.png);
	background-position:center;
	background-size:100%;
}
.page_top .box1 .txtbox .txt1 span{
	text-align:left;
	margin:0;
}

.section1{
	padding-top:70px;
}

.section1 .box1{
	width:1020px;
	margin:auto;
	position:relative;
}
.section1 .box1 .imgbox{
	background:url(../images/caries/images/caries_img02.png);
	width:93px;
	height:71px;
	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';
}
.section1 .box1 .txtbox2{
	padding-top:50px;
	padding-left:163px;
	padding-bottom:120px;
}
.section1 .box1 .txtbox2 p{
	line-height:2;
	font-size:18px;
font-family: 'kg_6n_L';
}



.section1 .box2{
	position:relative;
	height:526px;
	background:#dadf00;
}


.section1 .box2 .inbox1{
	position:absolute;
	left:50%;
	top: -70px;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);
	background:url(../images/perio/images/perio_img02.png);
	width:577px;
	height:197px;
}
.section1 .box2 .inbox1 .txtbox{
	width:535px;
	margin:auto;
	height:135px;
	position:relative;
	margin-top:20px;
}
.section1 .box2 .inbox1 .txtbox p{
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-size:32px;
	line-height:1;
	text-align:center;
	position:absolute;
	width:100%;
	font-family: 'kozgo_ex';

}
.section1 .box2 .inbox2 {
	padding-top:100px;
	padding-bottom:20px;
}
.section1 .box2 .inbox2 .box{
	width:640px;
	margin:auto;
	height:95px;
	opacity:0;
	position:relative;
}

.section1 .box2 .inbox2 .line {
	position:absolute;
	bottom:-10px;
	left:0;
	width:100%;
height:10px;
background-position:bottom;
background-image:radial-gradient(5px circle at 2.5px 2.5px, #fff 50%, rgba(255,255,255,0) 50%);
background-size:10px 10px;/*Xの値を変更して間隔を調整*/
background-repeat:space;

}
.section1 .box2 .inbox2 .box .imgbox{
	position:absolute;
	left:0%;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);

}
.section1 .box2 .inbox2 .box p{
	font-size:24px;
	line-height:1;
	font-family: 'kg_6n_L';
	position:absolute;
	left:90px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}
@keyframes anime1{
	0%{
		opacity:0;
		
	}
	100%{
		opacity:1;
		
	}
	
}

.section1 .box2 .inbox2 .anime1_1{
	animation-name:anime1;
	animation-delay:0s;
	animation-duration:0.1s;
	animation-fill-mode: forwards;	
}

.section1 .box2 .inbox2 .anime1_1 .box:nth-child(1){
	animation-name:anime1;
	animation-delay:0.5s;
	animation-duration:0.5s;
	animation-fill-mode: forwards;	
}
.section1 .box2 .inbox2 .anime1_1 .box:nth-child(2){
	animation-name:anime1;
	animation-delay:1.0s;
	animation-duration:0.5s;
	animation-fill-mode: forwards;	
}
.section1 .box2 .inbox2 .anime1_1 .box:nth-child(3){
	animation-name:anime1;
	animation-delay:1.5s;
	animation-duration:0.5s;
	animation-fill-mode: forwards;	
}
.section1 .box2 .inbox2 .anime1_1 .box:nth-child(4){
	animation-name:anime1;
	animation-delay:2.0s;
	animation-duration:0.5s;
	animation-fill-mode: forwards;	
}
.section1 .box3 .try{
	margin:auto;
	width: 0;
	height: 0;
	border-left: 337px solid transparent;
	border-right: 337px solid transparent;
	border-top: 74px solid #dadf00;
}

.section1 .box3 .txtbox1{
	padding-top:40px;
	padding-bottom:40px;

}
.section1 .box3 .txtbox1 p{
	text-align:center;
	font-size:32px;
	line-height:1;
	font-family: 'kozgo_bold';

}
.section1 .box3 .txtbox2{
	width:870px;
	height:80px;
	position:relative;
	border:solid 10px #dadf00;
	margin:auto;
}

.section1 .box3 .txtbox2 p{
	line-height:1;
	position:absolute;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}
.section1 .box3 .txtbox2 p:nth-child(1){
	font-size:19px;
	font-family: 'kg_6n_L';
	left:120px;
}
.section1 .box3 .txtbox2 p:nth-child(2){
	font-size:40px;
	font-family: 'kozgo_ex';
	right:120px;
}
.section1 .box3 .txtbox2 p .imgspan{
	background:url(../images/common/images/common_img04.png);
	background-size:100%;
	width:43px;
	height:43px;
	position:absolute;
	left:-55px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}

.section2{
	padding-top:100px;	
}
.section2 .box1{
	width:880px;
	margin:auto;
	border-bottom:solid 3px #dadf00;
	padding-bottom:10px;

}
.section2 .box1 h2{
	font-size:32px;
	line-height:1;
	font-family: 'kozgo_ex';
}
.section2 .box2{
	padding-top:50px;
	width:880px;
	margin:auto;
	position:relative;
}
.section2 .box2 .txtbox1{
	position:absolute;
	top:50px;
	left:0;
	background:#4d4d4d;
	width:205px;
	height:125px;
	padding:30px;

}
.section2 .box2 .txtbox1 p{
	color:#fff;
	font-size:21px;
	font-family: 'kozgo_R';
	line-height:1.5;
}

.section2 .box2 .txtbox2 {
	width:562px;
	height:298px;
	margin-left:auto;
}
.section2 .box2 .txtbox2 p{
	font-size:18px;
	font-family: 'kg_6n_L';
	line-height:1.5;
	padding-bottom:40px;
}




.section2 .box2 .imgbox{
	background:url(../images/perio/images/perio_img07.png);
	width:562px;
	height:298px;
	margin-left:auto;
	position:relative;
}
.section2 .box2 .imgbox .txt1{
	width:127px;
	height:127px;
	position:absolute;
	left:155px;
	top:5px;
}
.section2 .box2 .imgbox .txt1 p{
	width:90px;
	font-size:21px;
	line-height:1.5;
	position:absolute;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-family: 'kozgo_R';
}
.section2 .box2 .imgbox .txt2{
	width:185px;
	height:98px;
	position:absolute;
	right:5px;
	bottom:7px;
}
.section2 .box2 .imgbox .txt2 p{
	width:147px;
	font-size:21px;
	line-height:1.3;
	position:absolute;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-family: 'kozgo_R';
}

.section2 .box3{
	padding-top:70px;
	width:880px;
	margin:auto;
	position:relative;
}
.section2 .box3 .txtbox1{
	position:absolute;
	top:70px;
	left:0;
	background:#4d4d4d;
	width:205px;
	height:125px;
	padding:30px;

}
.section2 .box3 .txtbox1 p{
	color:#fff;
	font-size:21px;
	font-family: 'kozgo_R';
	line-height:1.5;
}

.section2 .box3 .txtbox2 {
	width:562px;
	margin-left:auto;
}
.section2 .box3 .txtbox2 p{
	font-size:18px;
	font-family: 'kg_6n_L';
	line-height:1.5;
}

.section3{
	padding-top:100px;
	padding-bottom:100px;
}
.section3 .box1{
	width:880px;
	margin:auto;
	border-bottom:solid 3px #dadf00;
	padding-bottom:10px;

}
.section3 .box1 h2{
	font-size:32px;
	line-height:1;
	font-family: 'kozgo_ex';
}
.section3 .box2{
	width:880px;
	margin:auto;
	padding-top:50px;

}

.section3 .box2 p{
	font-size:21px;
	line-height:2;
	font-family: 'kg_6n_L';
}
.section3 .box3{
	width:880px;
	margin:auto;
	padding-top:50px;
	position:relative;
}
.section3 .box3 .leftbox{
	width:440px;
	position:absolute;
	left:0;
	top:50px;
}
.section3 .box3 .rightbox{
	width:390px;
	padding-left:55px;
	margin-left:auto;
}

.section3 .box3 .rightbox p{
	font-size:19px;
	font-family: 'kg_6n_L';
	line-height:1.78;

}

.section3 .box3 .left1{
	width:233px;
	height:233px;
	position:absolute;
	left:0;
	background-color:rgba(205,220,76,1.0);
	border-radius:50%;
	mix-blend-mode:multiply;
}
.section3 .box3 .left2{
	width:233px;
	height:233px;
	position:absolute;
	right:0;
	background-color:rgba(255,234,0,1.0);
	border-radius:50%;
	mix-blend-mode:multiply;
}
.section3 .box3 .leftbox p{
	font-size:24px;
	text-align:center;
	position:absolute;
	width:100%;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-family: 'kg_6n_L';
}
.section3 .box3 .leftbox p span{
	font-size:16px;

}




.section4{
	width:100%;
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(rgba(242,242,242,1.00))
                , to(rgba(213,213,213,1.00)));
    background: -moz-linear-gradient(
				top
				,rgba(242,242,242,1.00)
				, rgba(213,213,213,1.00));
    background: -ms-linear-gradient(
				top
				,rgba(242,242,242,1.00)
				, rgba(213,213,213,1.00));
				margin-bottom:50px;
	
}

.section4 .box1{
	padding-top:70px;
	padding-bottom:70px;


}

.section4 .box1 h2{
	font-size:28px;
	line-height:1;
	font-family: 'kg_6n_L';
	text-align:center;

}
.section4 .box2{
	background:url(../images/perio/images/perio_img08.png);
	width:897px;
	height:916px;
	margin:auto;


}
.section4 .box2 .box{
	position:relative;
	width:100%;
}
.section4 .box2 .box:nth-child(1){
	height:115px;
}
.section4 .box2 .box:nth-child(2){
	height:153px;
}
.section4 .box2 .box:nth-child(3){
	height:153px;
}
.section4 .box2 .box:nth-child(4){
	height:150px;
}
.section4 .box2 .box:nth-child(5){
	height:153px;
}
.section4 .box2 .box:nth-child(6){
	height:152px;
}
.section4 .box2 .box .txtbox1{
	height:100%;
	width:263px;
	left:5px;
	position:absolute;
}
.section4 .box2 .box .txtbox1 h3{
	padding-top:30px;
	position:absolute;
	width:100%;
	text-align:center;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	color:#fff;
	font-size:26px;
	line-height:1.38;
}
.section4 .box2 .box .txtbox2{
	height:100%;
	width:584px;
	padding-left:313px;
	position:relative;
}
.section4 .box2 .box .txtbox2 p{
	position:absolute;
	padding-left:313px;
	width:544px;
	left:0;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
	font-size:18px;
	line-height:1.78;


}




.section4 .box3{
	padding-left:315px;
	width:582px;
	margin:auto;
	padding-bottom:50px;
}
.section4 .box3 p{
	font-size:16px;
	line-height:1.78;
	font-family: 'kg_6n_L';
}