@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {position: relative; z-index: 1;}
.seo_bread_list a{position: relative; z-index: 1;}

#con1 {}
#con1 .bx{width: 100%; margin: -70px auto 0; background: url(../images/performance/con1-bg.png) no-repeat top center; padding: 145px 0 80px;;}
#con1 .bx .inner{width: 1100px; margin: 0 auto 200px; }
#con1 .bx .inner .in-inner{width: 500px; margin-right: auto;}
#con1 .bx .inner .in-inner .ttl1{font-size: 20px; letter-spacing: 1px; line-height: 1.5; font-weight: 600; color: #fff; margin-bottom: 13px;}
#con1 .bx .inner .in-inner .ttl2{font-size: 34px; letter-spacing: 3.2px; line-height: 1.5; font-weight: 500; color: #fff; margin-bottom: 53px;}
#con1 .bx .inner .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; color: #fff; }
#con1 .bx .ttl3{font-size: 36px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 74px; margin-right: 28px;}
#con1 .bx .ttl3 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; padding-left: 3px; padding-right: 8px; margin-right: 25px;}
#con1 .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .list li{width: 240px; margin-right: 40px;}
#con1 .bx .list li:last-child{margin-right: 0;}
#con1 .bx .list li .in-ttl1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; color: #237E97; text-align: center; margin-bottom: 5px;}
#con1 .bx .list li .link{text-align: center;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #237E97; padding: 115px 0 115px;}
#con2 .bx .inner{width: 1280px; margin: 0 auto; background: #fff; padding: 62px 90px 102px; border-radius: 15px;}
#con2 .bx .inner .ttl1{font-size: 36px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; color: #237E97; text-align: center; margin-bottom: 66px; margin-left: 20px;}

#con2 .bx .inner .in-bx1{ width: 1100px; margin: 0 auto 75px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner{width: 476px; margin-right: auto;}
#con2 .bx .inner .in-bx1 .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 36px;}
#con2 .bx .inner .in-bx1 .in-inner .img1{position: absolute; right: 0; top: -10px;}

#con2 .bx .inner .in-bx2{ width: 1100px; margin: 0 auto; position: relative; border: 1px solid #00AAB3; border-radius: 15px; padding: 50px 0px 15px;}
#con2 .bx .inner .in-bx2 .in-inner{width: 487px; margin-left: auto; margin-right: 63px;}
#con2 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 28px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; color: #237E97; margin-bottom: 7px; }
#con2 .bx .inner .in-bx2 .in-inner .img2{position: absolute; left: 64px; top: 50px;}
#con2 .bx .inner .in-bx2 .in-inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 34px;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 115px; background: #EDF1E5; padding: 128px 0 120px;}
#con3 .bx .inner{width: 1280px; margin: 0 auto; background: #fff; padding: 134px 90px 62px; border-radius: 15px;}

#con3 .bx .inner .in-bx1{ width: 1100px; margin: 0 auto 107px; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 43px;}
#con3 .bx .inner .in-bx1 .in-inner{width: 550px; margin-right: auto;}
#con3 .bx .inner .in-bx1 .in-inner .ttl1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 600; margin-bottom: 0px;}
#con3 .bx .inner .in-bx1 .in-inner .ttl2{font-size: 28px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; margin-bottom: 44px; }
#con3 .bx .inner .in-bx1 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 5px;}
#con3 .bx .inner .in-bx1 .in-inner .img1{position: absolute; right: 0; top: -15px;}
#con3 .bx .inner .in-bx1 .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 36px;}

#con3 .bx .inner .in-bx2{ width: 1100px; margin: 0 auto 50px; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 60px;}
#con3 .bx .inner .in-bx2 .in-inner{width: 552px; margin-left: auto; margin-bottom: 98px;}
#con3 .bx .inner .in-bx2 .in-inner .ttl1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 600; margin-bottom: 0px;}
#con3 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 28px; letter-spacing: 1.4px; line-height: 1.65; font-weight: 500; margin-bottom: 42px;}
#con3 .bx .inner .in-bx2 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 5px;}
#con3 .bx .inner .in-bx2 .in-inner .img1{position: absolute; left: 0; top: -48px;}
#con3 .bx .inner .in-bx2 .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 36px;}
#con3 .bx .inner .in-bx2 .img2{text-align: center;}

#con3 .bx .inner .in-bx3{ width: 1100px; margin: 0 auto 50px; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 60px;}
#con3 .bx .inner .in-bx3 .ttl1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 600; text-align: center; margin-bottom: 0px;}
#con3 .bx .inner .in-bx3 .ttl2{font-size: 28px; letter-spacing: 1.4px; line-height: 1.65; font-weight: 500; text-align: center; margin-bottom: 42px;}
#con3 .bx .inner .in-bx3 .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 5px;}
#con3 .bx .inner .in-bx3 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.15; font-weight: 400; text-align: center; margin-bottom: 63px;}
#con3 .bx .inner .in-bx3 .in-inner {width: 1100px;margin: 0 auto;background: #F2EFEC;padding: 50px 70px 85px;position: relative;border-radius: 15px;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1{width: 655px;margin-right: auto;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .ttl3{font-size: 28px; letter-spacing: 1.4px; line-height: 1.65; font-weight: 500; margin-bottom: 42px;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .ttl3 span{color: #18943B; margin-left: -15px; margin-right: -15px;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .img1{position: absolute; right: 70px; top: 62px;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 36px;}

#con3 .bx .inner .in-bx4{ width: 1100px; margin: 0 auto; position: relative; }
#con3 .bx .inner .in-bx4 .in-inner{width: 550px; margin-right: auto;}
#con3 .bx .inner .in-bx4 .in-inner .ttl1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 600; margin-bottom: 0px;}
#con3 .bx .inner .in-bx4 .in-inner .ttl2{font-size: 28px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; margin-bottom: 44px; }
#con3 .bx .inner .in-bx4 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 5px;}
#con3 .bx .inner .in-bx4 .in-inner .img1{position: absolute; right: 0; top: 10px;}
#con3 .bx .inner .in-bx4 .in-inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 36px;}


#con4 {}
#con4 .bx{width: 1280px; margin: 0 auto 120px;}
#con4 .bx .inner{}
#con4 .bx .inner .ttl1{font-size: 24px; letter-spacing: 1.6px; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 55px; }
#con4 .bx .inner .ttl1 span{font-size: 28px; color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; padding-left: 2px;}
#con4 .bx .inner .img1{text-align: center;}





}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {


#con1 {}
#con1 .bx{width: 100%; margin: -14vw auto 0; background: url(../images/performance/sp-con1-bg.png) no-repeat top center; padding: 91vw 0 6.5vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto 26vw; }
#con1 .bx .inner .in-inner{width: 82%;margin: 0 auto; }
#con1 .bx .inner .in-inner .ttl1{font-size: 3.4vw; letter-spacing: 0.2vw; line-height: 1.5; font-weight: 600; color: #fff; margin-bottom: 4vw;}
#con1 .bx .inner .in-inner .ttl2{font-size: 6vw; letter-spacing: 0vw; line-height: 1.4; font-weight: 500; color: #fff; margin-bottom: 4vw;}
#con1 .bx .inner .in-inner .txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 1.85; font-weight: 400; color: #fff; }
#con1 .bx .ttl3{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 8vw; }
#con1 .bx .ttl3 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; padding-left: 2vw; padding-right: 2vw; margin-right: 5vw; margin-left: 5vw; font-size: 5.8vw;}
#con1 .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .list li{width: 40vw; margin-right: 7vw; margin-bottom: 5vw;}
#con1 .bx .list li:nth-of-type(2n){margin-right: 0;}
#con1 .bx .list li .in-ttl1{font-size: 4vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; color: #237E97; text-align: center; margin-bottom: 1vw;}
#con1 .bx .list li .link{width: 100%; margin: 0 auto;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #237E97; padding: 13vw 0 13.5vw;}
#con2 .bx .inner{width: 92%; margin: 0 auto; background: #fff; padding: 11vw 3vw 9vw; border-radius: 5vw;}
#con2 .bx .inner .ttl1{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; color: #237E97; text-align: center; margin-bottom: 4vw; }

#con2 .bx .inner .in-bx1{ width: 100%; margin: 0 auto 10vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner{width: 96%; margin: 0 auto;}
#con2 .bx .inner .in-bx1 .in-inner .txt1{font-size: 3.55vw; letter-spacing: 0.03vw; line-height: 1.78; font-weight: 400; margin-bottom: 6vw;}
#con2 .bx .inner .in-bx1 .in-inner .img1{width: 100%; margin: 9vw auto 11vw;}

#con2 .bx .inner .in-bx2{ width: 100%; margin: 0 auto; position: relative; border: 1px solid #00AAB3; border-radius: 5vw; padding: 8vw 1.5vw 1.5vw;}
#con2 .bx .inner .in-bx2 .in-inner{width: 100%; margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 4.9vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; text-align: center; color: #237E97; margin-bottom: 4vw; }
#con2 .bx .inner .in-bx2 .in-inner .img2{width: 100%; margin: 0 auto 4.5vw;}
#con2 .bx .inner .in-bx2 .in-inner .txt2{font-size: 3.55vw; letter-spacing: 0.03vw; line-height: 1.78; font-weight: 400; margin-bottom: 6vw;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 14vw; background: #EDF1E5; padding: 13.5vw 0 12vw;}
#con3 .bx .inner{width: 92%; margin: 0 auto; background: #fff; padding: 13vw 3vw 4.5vw; border-radius: 5vw;}

#con3 .bx .inner .in-bx1{ width: 95%; margin: 0 auto 8vw; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 2vw;}
#con3 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx1 .in-inner .ttl1{font-size: 3.2vw; letter-spacing: 0.3vw; line-height: 1.85; font-weight: 600; margin-bottom: 1vw;}
#con3 .bx .inner .in-bx1 .in-inner .ttl2{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.3; font-weight: 500; margin-bottom: 8vw;}
#con3 .bx .inner .in-bx1 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 1vw; font-size: 5.4vw;}
#con3 .bx .inner .in-bx1 .in-inner .img1{width: 100%; margin: 0 auto 6vw;}
#con3 .bx .inner .in-bx1 .in-inner .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.76; font-weight: 400; margin-bottom: 7vw;}

#con3 .bx .inner .in-bx2{ width: 95%; margin: 0 auto 8vw; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 11vw;}
#con3 .bx .inner .in-bx2 .in-inner{width: 100%; margin: 0 auto -2vw;}
#con3 .bx .inner .in-bx2 .in-inner .ttl1{font-size: 3.2vw; letter-spacing: 0.3vw; line-height: 1.85; font-weight: 600; margin-bottom: 1vw; padding-left: 1vw;}
#con3 .bx .inner .in-bx2 .in-inner .ttl2{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: 500; margin-bottom: 8vw;}
#con3 .bx .inner .in-bx2 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 1vw; font-size: 5.4vw;}
#con3 .bx .inner .in-bx2 .in-inner .img1{width: 100%; margin: 0 auto 6.5vw;}
#con3 .bx .inner .in-bx2 .in-inner .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.76; font-weight: 400; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx2 .img2{width: 91%; margin: 0 auto;}

#con3 .bx .inner .in-bx3{ width: 100%; margin: 0 auto 8vw; position: relative; border-bottom: 1px solid #EDF1E5; padding-bottom: 9vw;}
#con3 .bx .inner .in-bx3 .ttl1{font-size: 3.2vw; letter-spacing: 0.3vw; line-height: 1.85; font-weight: 600; margin-bottom: 1vw; padding-left: 3vw;}
#con3 .bx .inner .in-bx3 .ttl2{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: 500; margin-bottom: 9vw; padding-left: 2vw;}
#con3 .bx .inner .in-bx3 .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 1vw; font-size: 5.4vw;}
#con3 .bx .inner .in-bx3 .txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 1.76; font-weight: 400; margin-bottom: 10vw; padding-left: 2.5vw;}
#con3 .bx .inner .in-bx3 .in-inner{width: 100%; margin: 0 auto 0;  background: #F2EFEC; padding: 9vw 2vw 2vw; position: relative; border-radius: 5vw;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1{width: 100%; margin: 0 auto;;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .ttl3{font-size: 4.9vw; letter-spacing: 0.2vw; line-height: 1.5; font-weight: 500; margin-bottom: 6vw; padding-left: 1vw;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .ttl3 span{color: #18943B; margin-left: -3vw; margin-right: -3vw;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .img1{width: 37.681vw;margin: 0 auto 6.5vw;}
#con3 .bx .inner .in-bx3 .in-inner .in-inner1 .txt2{font-size: 3.55vw; letter-spacing: 0; line-height: 1.78; font-weight: 400; margin-bottom: 6.5vw;}

#con3 .bx .inner .in-bx4{ width: 95%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx4 .in-inner{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx4 .in-inner .ttl1{font-size: 3.2vw; letter-spacing: 0.3vw; line-height: 1.85; font-weight: 600; margin-bottom: 0vw;}
#con3 .bx .inner .in-bx4 .in-inner .ttl2{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 500; margin-bottom: 8vw;}
#con3 .bx .inner .in-bx4 .in-inner .ttl2 span{color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-right: 1vw; font-size: 5.4vw;}
#con3 .bx .inner .in-bx4 .in-inner .img1{width: 100%; margin: 0 auto 6.5vw;}
#con3 .bx .inner .in-bx4 .in-inner .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.76; font-weight: 400; margin-bottom: 7vw;}


#con4 {}
#con4 .bx{width: 92%; margin: 0 auto 20vw;}
#con4 .bx .inner{}
#con4 .bx .inner .ttl1{font-size: 4.6vw; letter-spacing: 0vw; line-height: 1.7; font-weight: 500; text-align: center; margin-bottom: 6.5vw; padding-left: 6vw;}
#con4 .bx .inner .ttl1 span{font-size: 5vw; color: #F08201; background: linear-gradient(transparent 70%, #FDE786 70%); display: inline-block; margin-left: -5vw; letter-spacing: 0.3vw;}
#con4 .bx .inner .img1{width: 100%; margin: 0 auto;}



}