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

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

.section .div2:after,
.section .div1:after,
.section .boxIn:after,
.section .box:after,
.section .item:after,
.cols:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.section .div2,
.section .div1,
.section .boxIn,
.section .box,
.section .item,
.cols {
zoom: 1;
}
#contents {
font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 0.1em;
}
#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 top;
height: 1459px;
}
#mainVisual h1 {
position: relative;
margin: 0 auto;
padding: 0;
width: 600px;
}
#mainVisual h1 img {
position: absolute;
left: -34px;
top: 587px;
}
#mainVisual li {
margin-bottom: 10px;
font-size: 0;
line-height: 0;
text-align: center;
}
#mainVisual .li1 {
background-color: #4cc6d6;
}
#mainVisual .li2 {
background-color: #4cc8bc;
}
#mainVisual .div2 {
background-color: #ddf0f6;
text-align: center;
}
#mainVisual li a,
#mainVisual .div2 a {
display: block;
}

/****************************************
#SCT1-5
*****************************************/
#SCT1 {
background: url(../img/sct1_bg.jpg) no-repeat center 140px;
padding: 140px 0 0 0;
}
#SCT2 {
background: url(../img/sct2_bg.jpg) no-repeat center 140px;
padding: 140px 0 0 0;
}
#SCT3 {
background: url(../img/sct3_bg.jpg) no-repeat center 140px;
padding: 140px 0 0 0;
}
#SCT1 .item h2 {
position: relative;
margin: 0;
padding: 0;
height: 790px;
}
#SCT1 .item h2 img {
position: absolute;
left: -40px;
top: -40px;
}
#SCT2 .item h2 {
position: relative;
margin: 0;
padding: 0;
height: 810px;
}
#SCT2 .item h2 img {
position: absolute;
left: -40px;
top: -40px;
}
#SCT3 .item h2 {
position: relative;
margin: 0;
padding: 0;
height: 795px;
}
#SCT3 .item h2 img {
position: absolute;
right: -20px;
top: -40px;
}
.section .item {
position: relative;
margin: 0 auto;
width: 560px;
text-align: left;
}
.section .item .img {
margin-bottom: 36px;
}
.section .item h4 {
margin-bottom: 5px;
font-size: 32px;
font-weight: bold;
line-height: 1.27;
}
.section .item .cnt {
margin-bottom: 3px;
font-size: 24px;
line-height: 1.5;
}
.section .item p.price {
margin-bottom: 31px;
font-size: 24px;
font-weight: bold;
line-height: 1.25;
}
.section .item p.price strong {
font-family: Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: bold;
}
.section .item div.price {
position: relative;
margin-bottom: 38px;
}
.section .item div.price .campaign {
margin-bottom: 12px;
font-size: 24px;
font-weight: bold;
line-height: 1.25;
color: #ee0000;
}

div.attention p {
font-size: 24px;
color: #ee0000;
}


.section .item div.price .campaign span {
font-size: 28px;
}
.section .item div.price .campaign strong {
font-family: Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: bold;
}
.section .item div.price .normal {
font-size: 24px;
line-height: 1.25;
}
.section .item div.price .off {
position: absolute;
left: 300px;
bottom: 0;
}
.section .item .btn {
position: relative;
clear: both;
margin-bottom: 100px;
}
.section .item .btn .balloon {
position: absolute;
left: -30px;
top: -8px;
}
#SCT1 .item .img {
margin: 0 -40px 36px -40px;
}
.section .explan h3 {
margin-bottom: 40px;
font-size: 42px;
line-height: 1.3;
text-align: center;
}
.section .explan p {
margin: 0 auto 38px auto;
font-size: 28px;
line-height: 1.73;
}
#SCT1 .explan {
background: #ddf0f6 url("../img/sct1_exp_bg.jpg") no-repeat center bottom;
padding: 15px 0 462px 0;
}
#SCT1 .explan .block {
position: relative;
background: url("../img/sct1_exp_lin.png") no-repeat center bottom;
margin: 0 auto 0 auto;
padding: 70px 0 75px 0;
width: 640px;
text-align: left;
}
#SCT1 .explan .block:last-child {
background: none;
}
#SCT1 .explan .img img {
display: block;
margin: 0 auto;
}
#SCT1 .explan p {
margin: 0 auto 38px auto;
width: 560px;
font-size: 28px;
line-height: 1.73;
}

#SCT2 .item h4 {
white-space: nowrap;
}
#SCT2 .item .img {
margin-bottom: 56px;
}
#SCT2 .item .cnt {
margin-bottom: 13px;
}
#SCT2 .item p.price {
margin-bottom: 26px;
}
#SCT2 .item .btn {
margin-bottom: 80px;
}

#SCT2 .explan {
box-sizing: border-box;
background: url(../img/sct2_exp_bg1.png) no-repeat left top;
margin: 0 auto 218px auto;
padding: 116px 60px 0 60px;
width: 600px;
height: 2284px;
}
#SCT2 .explan h3 {
margin-bottom: 97px;
text-align: center;
}
#SCT2 .explan p {
text-align: left;
}
#SCT2 .explan p img {
margin: 30px 0 0 30px;
float: right;
}
#SCT2 .explan .img1 {
padding-top: 60px;
clear: both;
}
#SCT2 .explan .img2 {
padding-top: 60px;
}
#SCT2 .explan .img3{
padding-top: 124px;
}


#SCT2 .select {
background-color: #dbefb4;
padding-bottom: 90px;
}
#SCT2 .select .block {
position: relative;
margin: 0 auto;
width: 560px;
}
#SCT2 .select .div1 {
margin-bottom: 87px;
}
#SCT2 .select h3 {
margin: 0 -20px 61px -20px;
}
#SCT2 .select h3 img {
margin-top: -118px;
}
#SCT2 .select p {
font-size: 28px;
line-height: 1.73;
text-align: left;
}
#SCT2 .select .div1 .img {
padding: 6px 0 0 20px;
float: left;
}
#SCT2 .select h4 {
margin-bottom: 20px;
text-align: left;
}
#SCT2 .select .div1 h4 {
margin-left: 213px;
}
#SCT2 .select .div1 p {
margin-left: 213px;
}
#SCT2 .select .div2 .img {
padding: 0 40px 0 0;
float: right;
}
#SCT2 .select .div2 .img img {
margin-top: -37px;
}
#SCT2 .select .div2 p {
width: 350px;
}
#SCT2 .select .img2 {
padding-top: 42px;
text-align: center;
}


#SCT3 .item .img {
margin-bottom: 39px;
}
#SCT3 .item .cnt {
margin-bottom: 13px;
}
#SCT3 .explan {
background-color: #fef4e5;
margin-bottom: 100px;
padding: 30px 0 20px 0;
}
#SCT3 .explan .block {
position: relative;
background: url("../img/sct3_exp_lin.png") no-repeat center bottom;
margin: 0 auto 0 auto;
padding: 70px 0 75px 0;
width: 640px;
text-align: left;
}
#SCT3 .explan .block:last-child {
background: none;
}
#S3_BLK1 h3 {
margin-bottom: 28px !important;
}
#S3_BLK1 p {
margin: 0 auto 48 auto;
width: 560px !important;
}
#SCT3 .explan .img2,
#SCT3 .explan .img1 {
margin-bottom: 40px;
text-align: center;
}
#SCT3 .explan .img,
#SCT3 .explan .img3 {
text-align: center;
}
#S3_BLK2 {
padding: 70px 0 35px 0 !important;
}
#SCT3 .explan2 {
background: url(../img/sct3_exp_bg.png) no-repeat left top;
margin: 0 auto 80px auto;
width: 580px;
height: 1666px;
}
#SCT3 .explan2 h3 {
padding: 2px 0 40px 0;
text-align: center;
}
#SCT3 .explan2 .img {
margin: 0 30px 20px 30px;
}
#SCT3 .explan2 p {
margin: 0 40px 18px 40px;
font-size: 28px;
line-height: 1.73;
text-align: left;
}

.text-red {
	color: #ee0000;
	font-weight: bold;
	font-size: 28px;
}


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