@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;
overflow-x: hidden;
min-width: 640px;
}
/****************************************
#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: -11px;
top: 52px;
}
#mainVisual .div2 {
background-color: #44bbee;
text-align: center;
}
#mainVisual .div2 a {
display: block;
}
#mainCatch {
background-color: #eaf5f0;
text-align: center;
}

/****************************************
#SCT1-5
*****************************************/
#SCT1 {
background: url(../img/sct1_bg.jpg) repeat center top;
height: 1656px;
}
#SCT1 .cont {
position: relative;
margin: 0 auto;
padding: 82px 0 87px 0;
width: 560px;
text-align: left;
}
#SCT1 h2 {
margin-bottom: 68px;
padding-left: 4px;
text-align: center;
}
#SCT1 p {
font-size: 28px;
line-height: 1.73;
}
#SCT1 .div1 {
margin-bottom: 69px;
}
#SCT1 .div1 .img {
float: right;
}
#SCT1 .div1 .img img {
margin-left: -10px;
}
#SCT1 .div1 h3 {
margin-bottom: 40px;
padding-right: 6px;
text-align: center;
}
#SCT1 .div1 p {
width: 320px;
}
#SCT1 .div2 .img {
margin-bottom: 30px;
text-align: center;
}
#SCT1 .div2 h3 {
margin-bottom: 20px;
text-align: center;
}

#SCT2 {
background: url(../img/sct2_bg.jpg) no-repeat center top;
height: 2477px;
}
#SCT2 .cont {
position: relative;
margin: 0 auto;
padding-top: 696px;
width: 560px;
text-align: left;
}
#SCT2 .title {
display: none;
}
#SCT2 .item {
position: relative;
margin-bottom: 74px;
margin-left: 240px;
text-align: left;
}
#SCT2 .item .ctg {
font-size: 24px;
color: #22aa88;
}
#SCT2 .item h4 {
margin-bottom: 13px;
width: 280px;
font-size: 32px;
font-weight: bold;
line-height: 1.25;
}
#SCT2 .item h4 span {
display: inline-block;
padding: 11px 0 4px 0;
font-size: 24px;
}
#SCT2 .item .cnt {
font-size: 24px;
line-height: 1.5;
}
#SCT2 .btn {
position: relative;
margin: 0 0 90px 6px;
}
#SCT2 .btn img.balloon {
position: absolute;
left: -21px;
top: -30px;
}
#SCT2 .explan {
position: relative;
margin-bottom: 78px;
text-align: left;
}
#SCT2 .explan h3 {
margin-bottom: 51px;
}
#SCT2 .explan p {
font-size: 28px;
line-height: 1.73;
}
#SCT2 .voice h3 {
margin-bottom: 31px;
text-align: center;
}
#SCT2 .voice p {
position: relative;
background-color: #fff;
border: solid 2px #00aa44;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: 0 -10px 50px -10px;
padding:  28px 28px 28px 28px;
font-size: 28px;
line-height: 1.73;
color: #00aa44;
}
#SCT2 .voice .p1:before{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #00aa44;
	position: absolute;
	left: 57px;
	top: -25px;
}
#SCT2 .voice .p1:after{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #fff;
	position: absolute;
	left: 55px;
	top: -21px;
}
#SCT2 .voice .p2:before{
	content: "";
	transform: rotate(45deg);
	border: 25px solid transparent;
	border-top: 25px solid #00aa44;
	position: absolute;
	right: 57px;
	top: -25px;
}
#SCT2 .voice .p2:after{
	content: "";
	transform: rotate(45deg);
	border: 25px solid transparent;
	border-top: 25px solid #fff;
	position: absolute;
	right: 55px;
	top: -21px;
}
#SCT2 .note {
margin-top: -6px;
font-size: 24px;
line-height: 1.68;
}
#SCT3 {
background: url(../img/sct2_bg.jpg) no-repeat center -2477px;
height: 2464px;
}
#SCT3 .cont {
position: relative;
margin: 0 auto;
padding-top: 636px;
width: 560px;
text-align: left;
}
#SCT3 .title {
display: none;
}
#SCT3 .item {
position: relative;
margin-bottom: 74px;
margin-left: 240px;
text-align: left;
}
#SCT3 .item .ctg {
font-size: 24px;
color: #22aa88;
}
#SCT3 .item h4 {
margin-bottom: 13px;
width: 280px;
font-size: 32px;
font-weight: bold;
line-height: 1.25;
}
#SCT3 .item h4 span {
display: inline-block;
padding: 11px 0 4px 0;
font-size: 24px;
}
#SCT3 .item .cnt {
font-size: 24px;
line-height: 1.5;
}
#SCT3 .btn {
position: relative;
margin: 0 0 90px 6px;
}
#SCT3 .btn img.balloon {
position: absolute;
left: -21px;
top: -30px;
}
#SCT3 .explan {
position: relative;
margin-bottom: 334px;
text-align: left;
}
#SCT3 .explan h3 {
margin-bottom: 51px;
}
#SCT3 .explan p {
font-size: 28px;
line-height: 1.73;
}
#SCT3 .voice h3 {
margin-bottom: 31px;
text-align: center;
}
#SCT3 .voice p {
position: relative;
background-color: #fff;
border: solid 2px #4499cc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: 0 -10px 50px -10px;
padding:  28px 28px 28px 28px;
font-size: 28px;
line-height: 1.73;
color: #4499cc;
}
#SCT3 .voice .p1:before{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #4499cc;
	position: absolute;
	left: 57px;
	top: -25px;
}
#SCT3 .voice .p1:after{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #fff;
	position: absolute;
	left: 55px;
	top: -21px;
}
#SCT3 .note {
margin-top: -6px;
font-size: 24px;
line-height: 1.68;
}

#SCT4 {
background: url(../img/sct4_bg.jpg) no-repeat center top;
height: 3194px;
}
#SCT4 .cont {
position: relative;
margin: 0 auto;
padding-top: 597px;
width: 560px;
text-align: left;
}
#SCT4 .title {
display: none;
}
#SCT4 .item {
position: relative;
margin-bottom: 72px;
margin-left: 240px;
text-align: left;
}
#SCT4 .item .ctg {
font-size: 24px;
color: #22aa88;
}
#SCT4 .item h4 {
margin-bottom: 13px;
width: 280px;
font-size: 32px;
font-weight: bold;
line-height: 1.25;
}
#SCT4 .item h4 span {
display: inline-block;
padding: 11px 0 4px 0;
font-size: 24px;
}
#SCT4 .item .cnt {
font-size: 24px;
line-height: 1.5;
}
#SCT4 .btn {
position: relative;
margin: 0 0 90px 6px;
}
#SCT4 .btn img.balloon {
position: absolute;
left: -21px;
top: -30px;
}
#SCT4 .new {
margin-left: 212px;
height: 693px;
}
#SCT4 .new h3 {
padding-top: 193px;
}
#SCT4 .new h4 {
margin-top: 36px;
font-size: 28px;
font-weight: bold;
}
#SCT4 .new p {
margin-top: 5px;
font-size: 24px;
line-height: 1.5;
}
#SCT4 .explan {
position: relative;
margin-bottom: 97px;
text-align: left;
}
#SCT4 .explan h3 {
margin-bottom: 209px;
}
#SCT4 .explan p {
width: 300px;
font-size: 28px;
line-height: 1.73;
}
#SCT4 .voice h3 {
margin-bottom: 31px;
text-align: center;
}
#SCT4 .voice p {
position: relative;
background-color: #fff;
border: solid 2px #00aa44;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: 0 -10px 50px -10px;
padding:  28px 28px 28px 28px;
font-size: 28px;
line-height: 1.73;
color: #00aa44;
}
#SCT4 .voice .p1:before{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #00aa44;
	position: absolute;
	left: 57px;
	top: -25px;
}
#SCT4 .voice .p1:after{
	content: "";
	transform: rotate(-45deg);
	border: 25px solid transparent;
	border-top: 25px solid #fff;
	position: absolute;
	left: 55px;
	top: -21px;
}
#SCT4 .note {
margin-top: -6px;
font-size: 24px;
line-height: 1.68;
}

#SCT5 {
margin-bottom: 38px;
}
#SCT5 .cont {
position: relative;
margin: 0 auto;
padding: 100px 0 0 0;
width: 560px;
text-align: left;
}
#SCT5 h2 {
margin-bottom: 50px;
text-align: center;
}
#SCT5 .lead {
margin-bottom: 50px;
font-size: 28px;
line-height: 1.73;
}
#SCT5 .block {
position: relative;
margin-bottom: 40px;
}
#SCT5 .item {
position: absolute;
left: 40px;
top: -10px;
z-index: 1;
}
#SCT5 .pack h3 {
margin-left: 103px;
padding: 31px 0 2px 0;
font-size: 32px;
line-height: 1.35;
font-weight: bold;
}
#SCT5 .pack p {
margin-left: 103px;
height: 94px;
font-size: 24px;
line-height: 1.35;
}
#SCT5 #S5_BLK1 .pack h3 {
margin-left: 90px;
padding: 43px 0 2px 0;
font-size: 32px;
line-height: 1.35;
font-weight: bold;
}
#SCT5 #S5_BLK1 .pack p {
margin-left: 90px;
height: 82px;
font-size: 24px;
line-height: 1.35;
}
#SCT5 .pack {
position: relative;
background-color: #ddf1b4;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
padding: 0 25px 30px 25px;
}

#SCT6 {
background: url(../img/sct6_bg.jpg) no-repeat center top;
height: 2302px;
}
#SCT6 .cont {
position: relative;
margin: 0 auto;
padding: 263px 0 0 0;
width: 560px;
text-align: left;
}
#SCT6 .title {
height: 209px;
}
#SCT6 .div1 {
padding: 0 31px;
height: 625px;
}
#SCT6 .div1 span {
float: right;
width: 200px;
height: 260px;
display: block;
}
#SCT6 .div2 {
padding: 0 31px;
height: 570px;
}
#SCT6 .div3 {
padding: 0 31px;
}
#SCT6 p {
margin-top: 30px;
font-size: 28px;
line-height: 1.73;
}

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