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

/****************************************
clearfix
*****************************************/
.cf:before,
.cf:after {
display: table;
content: "";
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}

#SCT3 .div2 dl:after,
.section .box:after,
.section .item:after,
.cols:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#SCT3 .div2 dl,
.section .box,
.section .item,
.cols {
zoom: 1;
}

#pageBody {
background: none;
padding: 0 0 33px 0;
}
/****************************************
#mainVisual
*****************************************/
#mainVisual {
}
#mainVisual .div1 {
background: url(../img/bg_main.jpg) no-repeat center bottom;
height: 850px;
}
#mainVisual h1 {
position: relative;
margin: 0 auto;
padding: 0;
width: 560px;
}
#mainVisual h1 img {
position: absolute;
left: -41px;
top: 25px;
}
#mainVisual .div2 {
background-color: #f1f4c1;
text-align: center;
}
#mainVisual .div2 a {
display: block;
}
#mainCatch {
background-color: #eaf5f0;
text-align: center;
}

/****************************************
#SCT1-5
*****************************************/
#SCT1 {
margin-bottom: 107px;
}
#SCT1 .cont {
position: relative;
margin: 0 auto;
padding: 30px 0 0 0;
width: 580px;
text-align: left;
}
#SCT1 .image {
float: left;
}
#SCT1 p {
margin: 0 10px;
font-size: 28px;
line-height: 1.73;
}
#S1_BLK1 {
margin-bottom: 85px;
}
#S1_BLK1 .div1 {
padding-top: 40px;
margin-bottom: 100px;
}
#S1_BLK1 .div1 h3 {
margin-left: 200px;
height: 240px;
}
#S1_BLK1 .div2 h3 {
margin-left: 200px;
height: 240px;
}
#S1_BLK1 .div1 .img1 {
margin-top: 58px;
}
#S1_BLK1 .div2 .img1 {
padding: 47px 0 0 10px;
float: left;
}
#S1_BLK1 .div2 .img2 {
padding: 47px 10px 0 0;
float: right;
}
#S1_BLK1 .div2 .img2 p,
#S1_BLK1 .div2 .img1 p {
margin-top: 12px;
font-size: 20px;
text-align: center;
}
#S1_BLK2 .div1 {
margin-bottom: 87px;
}
#S1_BLK2 .div1 .image img {
margin-left: -5px;
}
#S1_BLK2 .div1 h3 {
margin: 0 0 93px 224px;
padding-top: 48px;
}
#S1_BLK2 .div2 h3 {
margin: 0 0 45px 224px;
padding-top: 15px;
}


#SCT2 {
background-color: #eaf5f0;
}
#SCT2 .cont {
position: relative;
margin: 0 auto;
padding: 70px 0 100px 0;
width: 580px;
text-align: left;
}
#SCT2 h2 {
margin-bottom: 36px;
text-align: center;
}
#SCT2 .img1 {
margin: 0 -30px 100px -30px;
text-align: center;
}
#SCT2 .use {
position: relative;
background: url(../img/sct2_bg4.png) no-repeat left top;
margin: 0 -10px;
width: 600px;
height: 573px;
}
#SCT2 .use dt {
padding-left: 26px;
float: left;
}
#SCT2 .use dt img {
margin-top: -40px;
}
#SCT2 .use .dd1 {
margin: 0 40px 0 270px;
padding-top: 41px;
font-size: 28px;
line-height: 1.73;
}
#SCT2 .use .dd2 {
margin: 42px 40px 0 40px;
font-size: 24px;
line-height: 1.68;
}
#SCT2 .item {
position: relative;
margin: 0 -5px 0 -5px;
}
#SCT2 .item .image {
padding-right: 39px;
float: right;
}
#SCT2 .item .image img {
margin-top: -44px;
}
#SCT2 .item .pack {
padding: 60px 0 0 35px;
}
#SCT2 .item .ctg {
font-size: 24px;
color: #22aa88;
}
#SCT2 .item h4 {
margin-bottom: 5px;
font-size: 32px;
font-weight: bold;
line-height: 1.25;
}
#SCT2 .item .cnt {
margin-bottom: 15px;
font-size: 24px;
line-height: 1.5;
}
#SCT2 .item .note {
margin-bottom: 22px;
width: 350px;
font-size: 24px;
line-height: 1.5;
}
#SCT2 .item .cnt span {
color: #bbeedd;
}
#SCT2 .btn {
margin: 0 -14px;
padding-top: 32px;
}

#SCT3 {}
#SCT3 .cont {
position: relative;
margin: 0 auto;
padding: 100px 0 70px 0;
width: 580px;
text-align: left;
}
#SCT3 h2 {
margin-bottom: 59px;
text-align: center;
}
#SCT3 .div1 .lead {
margin: 31px 10px 47px 10px;
font-size: 28px;
line-height: 1.73;
}
#SCT3 .div2 .lead {
margin: 31px 10px 47px 10px;
font-size: 28px;
line-height: 1.73;
}
#SCT3 .div2 .note {
margin: 0 10px 31px 10px;
font-size: 24px;
}
#SCT3 .div1 {
margin-bottom: 62px;
}
#SCT3 .div2 {
background: url(../img/sct3_lin.png) no-repeat left top;
padding: 80px 0 0 0;
}
#SCT3 .item {
margin: 0 -2px 0 -2px;
}
#SCT3 .item .image {
float: left;
}
#SCT3 .div1 .image {
padding-left: 43px;
}
#SCT3 .div2 .image {
padding-left: 37px;
}
#SCT3 .div1 .pack {
margin-left: 175px;
padding-bottom: 19px;
}
#SCT3 .div2 .pack {
margin-left: 215px;
padding-top: 10px;
}
#SCT3 .div1 .icn {
margin-bottom: 85px;
}
#SCT3 .div2 .icn {
margin-bottom: 33px;
}
#SCT3 .item .icn img {
margin-left: -11px;
}
#SCT3 .item .ctg {
font-size: 24px;
color: #22aa88;
}
#SCT3 .item h4 {
margin-bottom: 6px;
font-size: 32px;
font-weight: bold;
line-height: 1.25;
}
#SCT3 .item .cnt {
margin-bottom: 9px;
font-size: 24px;
line-height: 1.35;
}
#SCT3 .div1 .cnt {
margin: 46px 0 16px 0;
padding: 0 22px;
text-align: right;
}
#SCT3 .div1 .pack .cnt {
margin: 0;
padding: 0;
text-align: left;
}
#SCT3 .item .cnt span {
color: #bbeedd;
}
#SCT3 .btn {
margin-left: -5px;
padding: 0 22px;
clear: both;
}
#SCT3 .div1 .btn {
padding-top: 10px;
}
#SCT3 .div2 .btn {
padding-top: 40px;
}
#SCT3 .item .note {
margin: 34px 10px 0 10px;
font-size: 24px;
line-height: 1.68;
}

#contents .banner {
background-color: #f1f4c1;
text-align: center;
}
#contents .banner a {
display: block;
}