

.page_top .imgbox{
	background-repeat:no-repeat;
	background:url(../images/Cosme/images/Cosme_img01.png);
	background-size:100%;
	background-position:right bottom;
}
.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 .box2{
	width:820px;
	margin:auto;
	padding-top:100px;
}
.section1 .box2 p{
	letter-spacing:1px;
	font-size:18px;
	line-height:1.78;
	font-family: 'kg_6n_L';
}
.section1 .box2 p .s1{
	font-family: 'kozgo_bold';
}
.section1 .box2 p .s2{
	font-size:21px;
	font-family: 'kozgo_bold';
}

.section1 .box3{
	width:825px;
	height:275px;
	margin:auto;
	position:relative;
}
.section1 .box3 a{
	text-decoration:none;
	position:absolute;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
	width:384px;
	height:148px;
	display:block;
	border:solid 4px #dadf00;
}
.section1 .box3 a:hover{
	background:#dadf00;
}
.section1 .box3 a  .imgbox{
	padding:5px;
}
.section1 .box3 a  .txtbox{
	width:245px;
	height:100%;
	position:absolute;
	left:140px;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
}
.section1 .box3 a  .txtbox p{
	position:absolute;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	letter-spacing:1px;
	color:#000;
	line-height:1.46;
	font-size:24px;
	font-family: 'kg_6n_L';
}
.section1 .box3 a:nth-child(1){
	left:0;
}
.section1 .box3 a:nth-child(2){
	right:0;
}

.section1 .box3 a:nth-child(1) p{
	width:155px;
}
.section1 .box3 a:nth-child(2) p{
	width:175px;
}
.section2{
	padding-top:50px;
	padding-bottom:50px;
}
.section2 .box1{
	padding-top:40px;
	padding-bottom:50px;
	width:855px;
	margin:auto;
}
.section2 .box1 p{
	padding-bottom:30px;
	letter-spacing:1px;
	font-size:18px;
	line-height:1.78;
	font-family: 'kg_6n_L';
}
.section2 .box1 p span{
	font-family: 'kozgo_bold';
}
.section2 .box2{
	width:855px;
	margin:auto;
}
.section2 .box2 .leftbox{
	float:left;
	width:340px;
	border:solid 4px #dadf00;
	border-left:solid 14px #dadf00;
	height:135px;
}
.section2 .box2 .leftbox h3{
	padding-top:30px;
	padding-left:25px;
	line-height:1;
	font-size:24px;
	font-family: 'kozgo_bold';
}
.section2 .box2 .rightbox{
	padding-top:5px;
	padding-left:70px;
	float:left;
	width:425px;
}
.section2 .box2 .rightbox p{
	letter-spacing:1px;
	font-size:18px;
	line-height:1.78;
	font-family: 'kg_6n_L';
}
.section2 .box2 .inbox{
	padding-bottom:100px;

}
.section2 .box3{
	width:100%;
	background:#ffea00;
	padding-bottom:40px;
}
.section2 .box3 .txtbox {
	padding-top:50px;
	padding-bottom:50px;
}
.section2 .box3 .txtbox p{
	text-align:center;
	font-size:21px;
	line-height:1.48;
	font-family: 'kg_6n_L';
}
.section2 .box3 .txtbox .txt1{
	position:absolute;
	right:0;

}

.section2 .box3 .txtbox .txt2{
	position:absolute;
	right:0;

}


.section3{
	padding-top:50px;
	padding-bottom:50px;
}
.section3 .box1{
	padding-top:40px;
	padding-bottom:50px;
	width:855px;
	margin:auto;
}
.section3 .box1 p{
	padding-bottom:30px;
	letter-spacing:1px;
	font-size:18px;
	line-height:1.78;
	font-family: 'kg_6n_L';
}

.section3 .box2{
	padding-top:65px;
	padding-bottom:45px;
	background:#cddc4c;
	
}
.section3 .box2 .inbox1{
	width:898px;
	margin:auto;
}
.section3 .box2 .leftbox{
	width:340px;
	float:left;
	height:443px;
	position:relative;
}
.section3 .box2 .left1{
	width:248px;
	height:248px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	left:50%;
	top: 0;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);
}
.section3 .box2 .left1 p{
	position:absolute;
	width:100%;
	text-align:center;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-size:28px;
	font-family: 'kozgo_bold';
	line-height:1.46;
}
.section3 .box2 .left2{
	width:248px;
	height:248px;
	border-radius:50%;
	position:absolute;
	left:50%;
	bottom:0;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);
}
.section3 .box2 .left2_bg{
	mix-blend-mode:multiply;
	width:248px;
	height:248px;
	border-radius:50%;
	background:#dadf00;
	position:absolute;
	left:50%;
	bottom:0;
  	-webkit-transform: translate(-50%, -0%); /* Safari用 */
  	transform: translate(-50%, -0%);
}
.section3 .box2 .left2 p{
	position:absolute;
	width:100%;
	text-align:center;
	color:#fff;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-size:18px;
	font-family: 'kozgo_R';
	line-height:2.28;
}
.section3 .box2 .rightbox{
	width:558px;
	float:left;
}
.section3 .box2 .right1{
	background:url(../images/Cosme/images/Cosme_img08.png);
	width:558px;
	height:108px;
	position:relative;
}
.section3 .box2 .right1 h3{
	position:absolute;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	text-align:center;
	width:100%;
	font-size:21px;
	line-height:1;
	font-family: 'kozgo_R';
}
.section3 .box2 .rightbox .txtbox{
	padding-top:20px;
	padding-bottom:60px;
}
.section3 .box2 .rightbox .txtbox p{
	font-size:18px;
	font-family: 'kg_6n_L';
	line-height:1.78;
	letter-spacing:1px;
}
.section3 .box2 .inbox2{
	height:100px;
	padding:20px;
	background:#fff;
	width:858px;
	margin:auto;
}
.section3 .box2 .inbox2 .txtbox1{
	background:#000;
	width:150px;
	position:relative;
	float:left;
	height:100%;
}
.section3 .box2 .inbox2 .txtbox1 h3{
	position:absolute;
	width:100%;
	text-align:center;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	font-size:28px;
	letter-spacing:1px;
	text-indent:-1px;
	line-height:1;
	font-family: 'kozgo_bold';
	color:#ffea00;
}
.section3 .box2 .inbox2 .txtbox2{
	width:678px;
	float:left;
	padding-left:30px;
	position:relative;
	height:100%;
}

.section3 .box2 .inbox2 .txtbox2 .txt1{
	font-size:21px;
	line-height:1;
	font-family: 'kozgo_R';
	padding-bottom:20px;
}
.section3 .box2 .inbox2 .txtbox2 .txt2 p{
	font-size:16px;
	line-height:1.81;
	font-family: 'kg_6n_L';
	float:left;
}
.section3 .box2 .inbox2 .txtbox2 .txt2 p:nth-child(1){
	width:209px;
}
.section3 .box2 .inbox2 .txtbox2 .txt2 p:nth-child(2){
	width:269px;
}
.section3 .box2 .inbox2 .txtbox2 .txt2 p:nth-child(3){
	width:160px;
}
.section4{
	padding-bottom:50px;
}
.section4 .box1{
	padding-bottom:55px;
}

.section4 .box1 .txtbox1{
	width:898px;
	margin:auto;
	height:85px;
	background:#dadf00;
	position:relative;
}
.section4 .box1 h2{
	position:absolute;
	left:50%;
	top: 50%;
  	-webkit-transform: translate(-50%, -50%); /* Safari用 */
  	transform: translate(-50%, -50%);
	text-align:center;
	width:100%;
	font-size:32px;
	line-height:1;
	font-family: 'kozgo_ex';
}
.section4 .box1 .txtbox2{
	padding-top:45px;
	width:855px;
	margin:auto;
}

.section4 .box1 .txtbox2 p{
	font-size:18px;
	font-family: 'kg_6n_L';
	line-height:1.78;
}
.section4 .box2 h3{
	font-size:24px;
	line-height:1;
	padding-bottom:10px;
	width:353px;
	margin:auto;
	font-family: 'kozgo_bold';
	text-align:center;
	border-bottom:solid 3px #ffea00;
	margin-bottom:40px;
}
.section4 .box2 .box{
	width:896px;
	height:202px;
	margin:auto;
	position:relative;
	margin-top:20px;
}
.section4 .box2 .box:nth-child(2){
	background:url(../images/Cosme/images/Cosme_img04.png);
}
.section4 .box2 .box:nth-child(3){
	background:url(../images/Cosme/images/Cosme_img05.png);
}
.section4 .box2 .box:nth-child(4){
	background:url(../images/Cosme/images/Cosme_img06.png);
}
.section4 .box2 .box:nth-child(5){
	background:url(../images/Cosme/images/Cosme_img07.png);
	height:160px;
}


.section4 .box2 .anime1_1{
	animation-name:anime1;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-delay:0.5s;
	animation-fill-mode: forwards;	
}
@keyframes anime1{
	0%{
		opacity:0;	
	}
	100%{
		opacity:1;
	}
}





.section4 .box2 .leftbox{
	height:145px;
	top:0;
	left:125px;
	width:322px;
	position:absolute;
}
.section4 .box2 .leftbox h4{
	position:absolute;
	left:0%;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
	line-height:1;
	font-size:24px;
	font-family: 'kozgo_bold';
}
.section4 .box2 .rightbox{
	height:145px;
	top:0;
	left:50%;
	width:448px;
	position:absolute;
}
.section4 .box2 .rightbox p{
	position:absolute;
	width:405px;
	left:0%;
	top: 50%;
  	-webkit-transform: translate(-0%, -50%); /* Safari用 */
  	transform: translate(-0%, -50%);
	line-height:1.78;
	font-size:18px;
	font-family: 'kg_6n_L';

}
.section4 .box3 {
	padding-top:30px;
	width:855px;
	margin:auto;
	padding-bottom:80px;
}
.section4 .box3 p{
	font-family: 'kg_6n_L';
	font-size:18px;
	line-height:1.78;
}

.section4 .box4{
	width:100%;
	background:#ffea00;
	padding-bottom:40px;
}
.section4 .box4 .txtbox {
	padding-top:50px;
	padding-bottom:50px;
}
.section4 .box4 .txtbox p{
	text-align:center;
	font-size:21px;
	line-height:1.48;
	font-family: 'kg_6n_L';
}













