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

/****************************************
clearfix
*****************************************/
.cf:before,
.cf:after {
display: table;
content: "";
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.section .explan .block dl:after,
.section .box:after,
.section .item:after,
.cols:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.section .explan .block dl,
.section .box,
.section .item,
.cols {
zoom: 1;
}

.DNPShueiMGoStdL {
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}

.DNPShueiMGoStdB {
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
}

#contents {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-feature-settings: "palt";
letter-spacing: 0.0em;
text-align: center;
}
#pageBody {
background: none;
zoom: 100%;
overflow: hidden;
}

/****************************************
#mainVisual
*****************************************/
#mainVisual {
text-align: center;
}
#mainVisual .vis {
position: relative;
background: url(../img/title_bg.jpg) no-repeat center top;
background-size: 375px 675px;
margin: 0 auto;
width: 375px;
height: 675px;
overflow: hidden;
}
#mainVisual h1 {
transform: rotate(-5deg);
position: absolute;
left: 7px;
top: 46px;
width: 100%;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
letter-spacing: 0.05em;
line-height: 1.2;
}
#mainVisual h1 span {
display: inline-block;
padding-bottom: 10px;
font-size: 27px;
}
#mainVisual h1 strong {
color: #00a73c;
}
#mainVisual .vis ul {
margin: 0 auto;
padding-top: 420px;
width: 330px;
}
#mainVisual .vis li {
margin-bottom: 20px;
width: 330px;
height: 60px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
line-height: 60px;
text-align: left;
}
#mainVisual .vis li a {
box-sizing: border-box;
display: block;
padding-left: 96px;
width: 330px;
height: 60px;
color: #663344;
}
#mainVisual .btn {
background-color: #f5c8cc;
}

/****************************************
#SCT1-5
*****************************************/
.section .item {
position: relative;
}
.section .item .hed h2 {
position: absolute;
right: 26px;
top: 49px;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
box-sizing: border-box;
font-feature-settings: normal;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
white-space: nowrap;
text-align: left;
color: #663344;
}
#SCT2 .item .hed h2,
#SCT3 .item .hed h2,
#SCT4 .item .hed h2 {
top: 58px;
}
.section .item .hed h2 span {
display: block;
padding-left: 10px;
font-size: 15px;
line-height: 1.6;
}
#SCT3 .item .hed h2 span,
#SCT4 .item .hed h2 span {
padding-left: 3px;
}
.section .item .hed h2 strong {
display: block;
position: relative;
padding-top: 2px;
font-size: 40px;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 1.6;
}
#SCT3 .item .hed h2 strong,
#SCT4 .item .hed h2 strong {
font-size: 35px;
letter-spacing: 0;
}
#SCT3 .item .hed h2 strong:last-child {
letter-spacing: 0.1em;
}
.section .item .hed p {
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
white-space: nowrap;
font-size: 21px;
letter-spacing: 0.1em;
line-height: 1.68;
text-align: center;
color: #663344;
}
.section .item .list {
margin: 0 auto;
width: 330px;
text-align: left;
}
#SCT1 .item .list {
background: url(../img/sct1_item_bg1.jpg) no-repeat right bottom;
background-size: 115px auto;
padding-top: 19px;
}
#SCT1 .item .block {
position: relative;
margin-top: 27px;
}
#SCT2 .item .list {
position: relative;
padding-top: 35px;
}
#SCT4 .item .list {
position: relative;
padding-top: 10px;
}
#SCT2 .item .list::before {
content: '';
display: block;
position: absolute;
right: 4px;
bottom: -33px;
background: url(../img/sct2_item_bg1.png) no-repeat left top;
background-size: 135px auto;
width: 135px;
height: 181px;
z-index: 1;
}
#SCT4 .item .list::before {
content: '';
display: block;
position: absolute;
right: 13px;
bottom: -30px;
background: url(../img/sct4_item_bg1.png) no-repeat left top;
background-size: auto 201px;
width: 153px;
height: 201px;
z-index: 1;
}
.section .itm .image img,
.section .item .image img {
position: absolute;
left: 11px;
bottom: 0;
}
.section .itm .pack,
.section .item .pack {
margin-left: 72px;
float: left;
}
.section .itm h4,
.section .item h4 {
margin-bottom: 4px;
font-size: 15px;
font-weight: bold;
line-height: 1.44;
}
.section .itm h4 span,
.section .item h4 span {
font-size: 12px;
font-weight: normal;
}
.section .itm .cnt,
.section .item .cnt {
font-size: 12px;
line-height: 1.68;
}
.section .itm .price,
.section .item .price {
padding-top: 2px;
font-size: 12px;
line-height: 1.35;
font-weight: bold;
}
.section .itm .price strong,
.section .item .price strong {
font-size: 12px !important;
font-weight: bold;
}
.section .itm .price span,
.section .item .price span {
font-weight: bold;
}
.section .itm .special,
.section .item .special {
padding-top: 4px;
}
.section .itm .special .price,
.section .item .special .price {
padding-top: 0;
font-size: 12px;
font-weight: bold;
line-height: 1.45;
color: #cc0000;
}
.section .itm .special .price strong,
.section .item .special .price strong {
font-size: 22px !important;
font-weight: bold;
}
.section .itm .special .price span,
.section .item .special .price span {
font-weight: bold;
}
.section .itm .special .normal,
.section .item .special .normal {
font-size: 12px;
}
.section .itm .lnk,
.section .item .lnk {
margin-top: 13px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 30px;
letter-spacing: 0;
text-align: center;
}
.section .itm .lnk a,
.section .item .lnk a {
box-sizing: border-box;
display: block;
position: relative;
background-color: #ffcc33;
border-radius: 15px;
padding-right: 9px;
width: 140px;
height: 30px;
color: #000;
}
.section .itm .lnk a::after,
.section .item .lnk a::after {
transform: translateY(-50%);
content: "\f054";
position: absolute;
right: 9px;
top: 50%;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #ff6600;
}
.section .itm .lnk a:hover,
.section .item .lnk a:hover {
background-color: #ff8800;
color: #fff;
text-decoration: none;
}
.section .itm .lnk a:hover::after,
.section .item .lnk a:hover::after {
color: #fff;
}
.section .item .note {
margin: 20px auto 0 auto;
width: 285px;
font-size: 11px;
line-height: 1.83;
text-align: left;
}
#SCT1 .item .note {
color: #cc0000;
}
#SCT2 .item .note {
color: #cc0000;
width: 330px;
}
#SCT3 .item .note {
width: 330px;
}
.section .item .btn {
box-sizing: border-box;
background-color: #f5c8cc;
border-radius: 12px;
margin: 30px auto 0 auto;
padding: 18px 15px 18px 15px;
width: 330px;
text-align: center;
}
.section .item .btn a {
display: block;
background-color: #fff588;
border-radius: 8px;
margin-top: 15px;
font-size: 24px;
font-weight: bold;
line-height: 60px;
color: #664444;
}

#SCT1 {
background: #f1f5d2 url(../img/sct1_bg1.jpg) no-repeat center top;
background-size: 375px auto;
margin-bottom: 25px;
}
#SCT2 {
background: #f1f5d2 url(../img/sct2_bg1.jpg) no-repeat center top;
background-size: 375px auto;
margin-bottom: 25px;
}
#SCT3 {
background: #f1f5d2 url(../img/sct3_bg1.jpg) no-repeat center top;
background-size: 375px auto;
}
#SCT4 {
background: #f1f5d2 url(../img/sct4_bg1.jpg) no-repeat center top;
background-size: 375px auto;
text-align: center;
}
#SCT1 .item {
padding: 492px 0 45px 0;
}
#SCT2 .item {
padding: 507px 0 45px 0;
}
#SCT3 .item {
padding: 462px 0 45px 0;
}
#SCT4 .item {
padding: 502px 0 45px 0;
}

.section .explan {
background-color: #fff;
padding-top: 5px;
text-align: left;
}
.explan .block {
margin: 0 auto;
width: 330px;
}
.explan .block h3 {
margin-bottom: 21px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 27px;
line-height: 1.42;
letter-spacing: 0.05em;
text-align: center;
color: #663344;
}
.explan .block p {
margin-bottom: 27px;
font-size: 14px;
line-height: 2;
}
#S1_E1_BLK {
padding: 38px 0 40px 0;
}
#S1_E1_BLK .icn {
float: right;
}
#S1_E1_BLK h3 {
margin-bottom: 28px;
text-align: left;
}
#S1_E1_BLK .img p {
margin: 16px 0 0 0;
font-size: 12px;
line-height: 1.68;
}
#SCT1 .movie {
margin: 0 auto;
padding: 40px 0 50px 0;
width: 330px;
}
#SCT1 .movie h3 {
background: url("../img/sct1_hed_bg.png") no-repeat center bottom;
background-size: 246px auto;
margin-bottom: 23px;
padding-bottom: 41px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 24px;
line-height: 1.6;
text-align: center;
color: #663344;
}
#SCT1 .movie div {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#SCT1 .movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
#S1_E2_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 45px 0;
}
#S1_E2_BLK .icn {
float: right;
font-size: 10px;
line-height: 1.6;
text-align: center;
}
#S1_E2_BLK .icn img {
margin-bottom: 12px;
display: block;
}
#S1_E2_BLK p {
width: 180px;
}
#S1_E2_BLK .img {
padding-top: 6px;
}
#S1_E2_BLK .img h4 {
margin-bottom: 17px;
font-size: 20px;
color: #44aa44;
text-align: center;
}
#S1_E3_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 40px 0;
}
#S1_E3_BLK .img {
padding-top: 5px;
}
#S1_E3_BLK .img img {
display: block;
margin: 0 0 0 70px;
}
#S1_E3_BLK .img p {
margin: 14px auto 0 auto;
width: 220px;
font-size: 12px;
line-height: 1.68;
}
#S1_E4_BLK {
background: url("../img/sct1_pht4.jpg") no-repeat center bottom;
background-size: 197px auto;
padding: 38px 0 212px 0;
}
#S1_E4_BLK .img {
margin: 0 auto;
width: 256px;
}
#S1_E4_BLK .img p.circle {
box-sizing: border-box;
background-color: #f1f5d2;
border-radius: 50%;
margin: 0 4px;
padding-top: 35px;
width: 120px;
height: 120px;
font-size: 22px;
font-weight: bold;
line-height: 1.24;
letter-spacing: 0;
text-align: center;
color: #663344;
float: left;
}
#S1_E4_BLK .img ul {
clear: both;
padding-top: 16px;
}
#S1_E4_BLK .img li {
display: inline-block;
font-size: 14px;
line-height: 1.73;
}
#S1_E4_BLK .img li span {
color: #ccdd77;
}
#SCT1 .how {
text-align: left;
padding-bottom: 45px;
}
#SCT1 .how .hed {
position: relative;
background: url("../img/sct1_how_tit_bg.png") no-repeat 34px 50px;
background-size: 317px auto;
height: 338px;
}
#SCT1 .how h2 {
transform: rotate(9deg);
position: absolute;
left: 51px;
top: 89px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 32px;
letter-spacing: 0.05em;
line-height: 1.23;
text-align: center;
color: #663344;
}
#SCT1 .how .block {
position: relative;
margin: 0 auto;
width: 330px;
}
#SCT1 .how .txt {
box-sizing: border-box;
font-size: 13px;
line-height: 1.86;
}
#SCT1 .how .bln {
font-size: 12px;
line-height: 1.5;
color: #663344;
text-align: center;
}
#SCT1 .how .bln strong {
display: block;
font-size: 14px;
font-weight: bold;
}
#SCT1 .how .voice {
position: relative;
box-sizing: border-box;
background-color: #d9e480;
border-radius: 5px;
padding: 12px 15px 13px 15px;
font-size: 12px;
line-height: 1.68;
}
#SCT1 .how .note {
margin: 0 auto;
width: 330px;
font-size: 11px;
line-height: 1.83;
}
#S1_H1_BLK {
height: 620px;
}
#S1_H1_BLK .img {
margin-bottom: 30px;
}
#S1_H1_BLK .img img {
position: relative;
left: -22.5px;
}
#S1_H1_BLK h3 {
position: absolute;
right: 0;
top: -74px;
z-index: 1;
}
#S1_H1_BLK .txt {
width: 155px;
float: left;
}
#S1_H1_BLK .voice {
width: 160px;
float: right;
}
#S1_H1_BLK .voice::before {
content: '';
display: block;
position: absolute;
left:  30px;
top: -9px;
border: 9px solid transparent;
border-left: 9px solid #d9e480;
}
#S1_H1_BLK .bln {
position: absolute;
left: 8px;
top: 380px;
width: 178px;
padding-top: 14px;
}
#S1_H1_BLK .bln::before {
content: '';
display: block;
position: absolute;
left: 110px;
top: 15px;
background: url("../img/sct1_how_pht2.jpg") no-repeat left top;
background-size: 210px auto;
width: 210px;
height: 135px;
}
#S1_H1_BLK .bln::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/sct1_how_bln1.png") no-repeat left top;
background-size: 178px auto;
width: 178px;
height: 107px;
}
#S1_H1_BLK .bln p {
position: relative;
z-index: 1;
}
#S1_H2_BLK {
height: 602px;
}
#S1_H2_BLK .img {
margin-bottom: 30px;
}
#S1_H2_BLK .img img {
position: relative;
left: 22.5px;
}
#S1_H2_BLK h3 {
position: absolute;
left: 0;
top: -74px;
z-index: 1;
}
#S1_H2_BLK .txt {
padding-right: 10px;
width: 140px;
float: right;
}
#S1_H2_BLK .voice {
width: 165px;
float: left;
}
#S1_H2_BLK .voice::before {
content: '';
display: block;
position: absolute;
right: 30px;
top: -9px;
border: 9px solid transparent;
border-right: 9px solid #d9e480;
}
#S1_H2_BLK .bln {
position: absolute;
left: 143px;
top: 380px;
width: 185px;
padding-top: 14px;
}
#S1_H2_BLK .bln::before {
content: '';
display: block;
position: absolute;
left: -118px;
top: 11px;
background: url("../img/sct1_how_pht4.jpg") no-repeat left top;
background-size: auto 142px;
width: 156px;
height: 142px;
}
#S1_H2_BLK .bln::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/sct1_how_bln2.png") no-repeat left top;
background-size: 175px auto;
width: 175px;
height: 119px;
}
#S1_H2_BLK .bln p {
position: relative;
z-index: 1;
}
#S1_H3_BLK {
height: 668px;
}
#S1_H3_BLK .img {
margin-bottom: 30px;
}
#S1_H3_BLK .img img {
position: relative;
left: -22.5px;
}
#S1_H3_BLK h3 {
position: absolute;
right: 0;
top: -74px;
z-index: 1;
}
#S1_H3_BLK .txt {
width: 308px;
}
#S1_H3_BLK .bln {
position: absolute;
right: 0;
top: 321px;
width: 160px;
padding-top: 22px;
}
#S1_H3_BLK .bln::before {
content: '';
display: block;
position: absolute;
left: 42px;
top: 124px;
background: url("../img/sct1_how_pht6.jpg") no-repeat left top;
background-size: 110px auto;
width: 110px;
height: 177px;
}
#S1_H3_BLK .bln::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("../img/sct1_how_bln3.png") no-repeat left top;
background-size: auto 139px;
width: 160px;
height: 139px;
}
#S1_H3_BLK .bln p {
position: relative;
z-index: 1;
}
#S1_H3_BLK .voice {
margin-top: 30px;
width: 150px;
}
#S1_H3_BLK .v1::before {
content: '';
display: block;
position: absolute;
left: 30px;
top: -9px;
border: 9px solid transparent;
border-right: 9px solid #d9e480;
}
#S1_H3_BLK .v2::before {
content: '';
display: block;
position: absolute;
right: 30px;
top: -9px;
border: 9px solid transparent;
border-left: 9px solid #d9e480;
}
#S1_H4_BLK {
height: 285px;
}
#S1_H4_BLK .img {
margin-bottom: 20px;
text-align: right;
}
#S1_H4_BLK h3 {
position: absolute;
left: 12px;
top: -20px;
}
#S1_H5_BLK {
height: 215px;
}
#S1_H5_BLK .img {
margin-bottom: 20px;
}
#S1_H5_BLK h3 {
position: absolute;
right: 12px;
top: -24px;
}
#SCT1 .qa {
position: relative;
background: url("../img/sct1_qa_bg.png") repeat left top;
background-size: 32px auto;
padding: 43px 0 12px 0;
}
#SCT1 .qa h2 {
margin-bottom: 25px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 23px;
letter-spacing: 0;
color: #00a73c;
text-align: center;
}
#SCT1 .qa h2 img {
margin: 13px auto 0 auto;
display: block;
}
#SCT1 .qa .bln {
margin: 0 auto 27px auto;
width: 280px;
font-size: 14px;
line-height: 1.87;
letter-spacing: 0.1em;
}
#SCT1 .qa .block {
margin: 0 auto 40px auto;
width: 330px;
text-align: left;
}
#SCT1 .qa h3 {
position: relative;
background-color: #00a73c;
border-radius: 5px;
margin-bottom: 25px;
padding: 14px 0 14px 60px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 19px;
line-height: 1.33;
color: #fff;
}
#SCT1 .qa h3::before {
transform: translateY(-60%);
content: '';
display: block;
position: absolute;
left: 15px;
top: 50%;
background: url("../img/sct1_qa_q.png") no-repeat center top;
background-size: 32px auto;
margin: 4px 10px 10px 0;
width: 32px;
height: 48px;
float: left;
}
#SCT1 .qa .block p {
font-size: 14px;
line-height: 2;
}
#SCT1 .qa .block p strong {
display: inline-block;
padding: 3px 0 17px 0;
font-size: 18px;
line-height: 1.37;
}
#SCT1 .qa .block p::before {
content: '';
display: block;
background: url("../img/sct1_qa_a.png") no-repeat 15px top;
background-size: 32px auto;
margin: 4px 10px 0 0;
width: 51px;
height: 45px;
float: left;
}
#S2_E1_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 45px 0;
}
#S2_E1_BLK .img img {
display: block;
margin: 0 auto;
}
#S2_E2_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 41px 0;
}
#S2_E2_BLK .img {
padding-bottom: 4px;
width: 330px;
}
#S2_E2_BLK .img ul {
width: 330px;
}
#S2_E2_BLK .img li {
width: 110px;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 1.4;
float: left;
}
#S2_E2_BLK .img li img {
display: block;
margin: 0 auto 12px auto;
}
#S2_E2_BLK .img li span {
font-size: 12px;
font-weight: normal;
}
#S2_E3_BLK {
padding: 38px 0 28px 0;
}
#S2_E3_BLK .img {
margin: 0 auto;
width: 256px;
}
#S2_E3_BLK .img p.circle {
box-sizing: border-box;
background-color: #f1f5d2;
border-radius: 50%;
margin: 0 4px;
padding-top: 35px;
width: 120px;
height: 120px;
font-size: 22px;
font-weight: bold;
line-height: 1.24;
letter-spacing: 0;
text-align: center;
color: #663344;
float: left;
}
#S2_E3_BLK .img ul {
clear: both;
padding-top: 16px;
}
#S2_E3_BLK .img li {
display: inline-block;
font-size: 14px;
line-height: 1.73;
}
#S2_E3_BLK .img li span {
color: #ccdd77;
}
#S2_E3_BLK .img p.note {
font-size: 11px;
}
#SCT2 .effect {
margin: 0 auto;
padding: 90px 0 60px 0;
width: 330px;
}
#SCT2 .effect .box {
border: solid 2px #663344;
padding: 0 20px 29px 20px;
}
#S2_F2_BLK {
border-top: solid 1px #663344;
margin-top: 30px;
padding-top: 34px;
}
#SCT2 .effect h3 {
position: relative;
margin-bottom: 63px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 27px;
line-height: 1.42;
text-align: center;
color: #663344;
}
#SCT2 .effect h3 span {
transform: translateX(-50%);
position: absolute;
top: -39px;
left: 50%;
background-color: #f1f5d2;
width: 250px;
display: block;
}
#SCT2 .effect h3 span::before {
transform: rotate(-30deg);
content: '';
display: block;
position: absolute;
left: 2px;
top: 8px;
background-color: #663344;
width: 1px;
height: 70px;
}
#SCT2 .effect h3 span::after {
transform: rotate(30deg);
content: '';
display: block;
position: absolute;
right: 2px;
top: 8px;
background-color: #663344;
width: 1px;
height: 70px;
}
#SCT2 .effect h4 {
margin-bottom: 7px;
font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
color: #663344;
}
#SCT2 .effect p {
margin-bottom: 18px;
font-size: 14px;
line-height: 2;
letter-spacing: 0;
text-align: left;
}
#SCT2 .effect .img {
text-align: center;
}
#SCT2 .effect .note {
margin-top: 32px;
font-size: 11px;
line-height: 1.65;
text-align: left;
}
#SCT2 .effect .note li {
margin-top: 5px;
}
#S3_E1_BLK {
background: url("../img/sct3_box_pht1.jpg") no-repeat 35px bottom;
background-size: 274px auto;
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 122px 0;
}
#S3_E1_BLK .img {
position: relative;
margin: 27px auto 0 auto;
width: 254px;
height: 120px;
}
#S3_E1_BLK .img::before {
transform: translateY(-50%) translateX(-50%);
content: '';
position: absolute;
left: 50%;
top: 50%;
display: block;
background-color: #663344;
width: 24px;
height: 4px;
}
#S3_E1_BLK .img::after {
transform: translateY(-50%) translateX(-50%);
content: '';
position: absolute;
left: 50%;
top: 50%;
display: block;
background-color: #663344;
width: 4px;
height: 24px;
}
#S3_E1_BLK .img p.circle {
box-sizing: border-box;
background-color: #f1f5d2;
border-radius: 50%;
padding-top: 35px;
width: 120px;
height: 120px;
font-size: 22px;
font-weight: bold;
line-height: 1.24;
letter-spacing: 0;
text-align: center;
color: #663344;
float: left;
}
#S3_E1_BLK .img p.circle:first-child {
margin-right: 14px;
}
#S3_E2_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 5px 0;
}
#S3_E2_BLK .img {
margin: 0 auto;
width: 250px;
}
#S3_E2_BLK .img p {
position: relative;
float: left;
}
#S3_E2_BLK .img p:first-child {
margin-right: 30px;
}
#S3_E2_BLK .img p span {
display: block;
padding-top: 9px;
font-size: 13px;
font-weight: bold;
text-align: center;
}
#S3_E3_BLK {
background: url("../img/sct3_box_pht5.jpg") no-repeat -23px bottom;
background-size: 328px auto;
padding: 38px 0 122px 0;
}
#S3_E3_BLK .img {
padding-top: 7px;
float: right;
}
#S3_E3_BLK .img p {
margin-top: 9px;
width: auto;
font-size: 12px;
text-align: center;
}
#S3_E3_BLK p {
width: 135px;
}
#S4_E1_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 36px 0;
}
#S4_E1_BLK .img ul,
#S4_E3_BLK .img ul {
margin: 0 auto;
width: 260px;
}
#S4_E1_BLK .img li,
#S4_E3_BLK .img li {
width: 130px;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 1.4;
float: left;
}
#S4_E1_BLK .img li img,
#S4_E3_BLK .img li img {
display: block;
margin: 0 auto 12px auto;
}
#S4_E1_BLK .img li span,
#S4_E3_BLK .img li span {
font-size: 12px;
font-weight: normal;
}
#S4_E2_BLK {
border-bottom: solid 1px #d1c1c7;
padding: 38px 0 40px 0;
}
#S4_E2_BLK .img {
text-align: center;
}
#S4_E3_BLK {
padding: 38px 0 56px 0;
}


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