@charset "UTF-8";


body {
font-size:18px;
font-size: 1.8rem;
line-height:1.4;
color:#231815;
}
p {
margin-bottom:auto;
}
@media screen and (max-width: 768px) {
body {
font-size:14px;
font-size: 1.4rem;
}

}

/* ===================================
Common
=================================== */

/* float */
.frontale .fl_L { float: left  !important; }
.frontale .fl_R { float: right !important; }
.frontale .fl_n { float: none  !important; }


.main_title{
font-size:3.1rem;
font-weight:bold;
margin-bottom:30px;
}

@media screen and (max-width: 768px) {
.main_title{
font-size:1.5rem;
font-weight:bold;
margin-bottom:30px;
}
}


/* display:table */
.frontale .lytTbl {
display:table;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.frontale .lytTblL ,
.frontale .lytTblR {
display:table-cell;
}

.frontale .container h2 {
text-align:center;
}
.frontale .container h2 .h2Box {
display:inline-block;
background:url(/cam/images/frontale/h2_left.png) 0 100% no-repeat,url(/cam/images/frontale/h2_right.png) 100% 100% no-repeat;
margin:0 0 22px;
padding:0 60px 20px;
}
.frontale .container h2 .txtSmall {
font-size:25px;
font-size:2.5rem;
color:#828282;
font-weight:normal;
}

.frontale .container .fcRed{
color:#b81649;
}
.frontale .container .fcBlue {
color:#33a1db;
}

.frontale .container .list-notice-01 {
font-size:13px;
color:#5a5a5a;
}

#pageTop02 {
position: fixed;
right: 10px;
bottom: 20px;
cursor: pointer;
z-index: 9999;
display: none;
width:96px;
height:96px;
}
#pageTop02 img {
vertical-align: bottom;
}


@media screen and (max-width: 768px) {
.frontale .container h2 .h2Box {
background:url(/cam/images/frontale/h2_left.png) 0 100% no-repeat,url(/cam/images/frontale/h2_right.png) 100% 100% no-repeat;
background-size:18px auto,18px auto;
margin:0 0 22px;
padding:0 35px 5px;
font-size:30px;
font-size:3.0rem;
}
.frontale .container h2 .txtSmall {
font-size:14px;
font-size:1.4rem;
color:#828282;
font-weight:normal;
}
#pageTop02 {
position:static;
right: auto;
bottom: auto;
cursor: pointer;
display: block;
width:64px;
height:64px;
margin:27px auto;
}
#pageTop02 img {
vertical-align: bottom;
}

}
/* ===================================
global-header
=================================== */

.frontale .global-header {
background:#33a1db url(/cam/images/frontale/bg_mv.jpg) center top no-repeat;
}

.frontale .global-header .str-outer {
padding: 0 ;
background:rgba(255,255,255,0.85);
}

.frontale .global-header .global-siteid .site-logo {
padding: 12px 0 6px;
}
.frontale .global-header .niftyLogo{
display:inline-block;
top:-45px;
right:-45px;
padding:0 0 0 16px;
}
.frontale .global-header .headerFrontale{
float:right;
display:inline-block;
position:relative;
top:-46px;
right:137px;
width:34px;
padding:0 0 0 12px;
}
.frontale .global-header .headerTxt{
font-size:11px;
position:relative;
display:inline-block;
top:-33px;
right:-3px;
}
.mvArea .str-inner {
width: 100%;
max-width: 1130px;
margin: 0 auto;
}

.frontale .mvBottom {
background-color:#231815;
text-align:center;
}

@media screen and (max-width: 768px) {
.mvArea .str-inner {
text-align:center;
}
}
@media screen and (max-width: 767px) {
.frontale .global-header .str-outer {
padding: 0 4.6875% 10px;
}

[data-script-enabled="true"] .frontale .global-header .nav {
display: block;
}
.global-header .str-transposition {
text-align: left;
position:relative;
padding: 0 4.6875%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.global-header .str-transposition .str-inner{
position:relative;
}
.frontale .global-header .niftyLogo {
position:absolute;
width:77px;
top:-40px;
right:0;

}
.frontale .global-header .headerFrontale {
position:absolute;
width:21px;
top:-40px;
right:87px;
}
.frontale .global-header .headerTxt {
position:absolute;
font-size: 10px;
top:-15px;
left:0;
}

}

/* ===================================
container
=================================== */

.frontale .container {
padding-bottom:173px;
}

@media screen and (max-width: 1000px) {
.frontale .container .conBox {
padding-left:1%;
padding-right:1%;
}
}

@media screen and (max-width: 768px) {
.frontale .container .conBox {
padding-left:4.6875%;
padding-right:4.6875%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.frontale .container {
padding-bottom:0;
}

}
/* --------------- waribikiArea --------------- */

.waribikiArea {
padding:44px 0 49px;
}

.waribikiArea .waribikiBox {
border:2px solid #948659;
border-radius:10px;
max-width:845px;
margin:0 auto;
}
.waribikiArea .waribikiBox h2{
background:#948659;
font-size:33px;
font-size:3.3rem;
padding:18px 0 13px;
color:#fff;
}

.waribikiArea .waribikiInner {
padding:10px 0 7px;
}

.waribikiArea .waribikiInner dl{
text-align:center;
}

.waribikiArea .waribikiInner dt,
.waribikiArea .waribikiInner dd{
display:inline-block;
vertical-align:middle;
}

.waribikiArea .waribikiInner dt {
color:#828282;
border:1px solid #828282;
border-right:none;
position:relative;
font-size:40px;
font-size:4.0rem;
font-weight:bold;
height:80px;
padding:0 2%;
}

.waribikiArea .waribikiInner dt span{
display:table-cell;
vertical-align:middle;
height:80px;
}
.waribikiArea .waribikiInner dt:after,
.waribikiArea .waribikiInner dt:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.waribikiArea .waribikiInner dt:after {
border-left-color: #fff;
border-width: 40px;
margin-top: -40px;
}
.waribikiArea .waribikiInner dt:before {
border-left-color: #828282;
border-width: 41px;
margin-top: -41px;
}

.waribikiArea .waribikiInner dd {
margin:0 0 0 40px;
padding:0 0 0 3%;
}
.waribikiArea .waribikiInner dd p{
display:table;
}
.waribikiArea .waribikiInner dd span{
display:table-cell;
vertical-align:middle;
color:#b81649;
font-weight:bold;
line-height:1.2;
}

.waribikiArea .waribikiInner dd .max{
font-size:40px;
font-size:4.0rem;
line-height:1.1;
font-weight:normal;
}

.waribikiArea .waribikiInner dd .num{
font-size:98px;
font-size:9.8rem;
}
.waribikiArea .waribikiInner dd .unit{
font-size:54px;
font-size:5.4rem;
padding:20px 0 0;
}
.waribikiArea .waribikiInner dd .txt{
font-size:95px;
font-size:9.5rem;
}

@media screen and (max-width: 767px) {
.waribikiArea {
padding:12px 0 15px;
}

.waribikiArea .waribikiBox h2{
font-size:15px;
font-size:1.5rem;
padding:10px 0 7px;
}

.waribikiArea .waribikiInner dt {
font-size:14px;
font-size:1.4rem;
height:28px;
}
.waribikiArea .waribikiInner dt span {
height:28px;
}

.waribikiArea .waribikiInner dt:after {
border-left-color: #fff;
border-width: 14px;
margin-top: -14px;
}
.waribikiArea .waribikiInner dt:before {
border-left-color: #828282;
border-width: 15px;
margin-top: -15px;
}
.waribikiArea .waribikiInner dd {
margin:0 0 0 0;
padding:0 0 0 3%;
}

.waribikiArea .waribikiInner dd .max{
font-size:14px;
font-size:1.4rem;
line-height:1.1;
font-weight:normal;
}

.waribikiArea .waribikiInner dd .num{
font-size:35px;
font-size:3.5rem;
}
.waribikiArea .waribikiInner dd .unit{
font-size:19px;
font-size:1.9rem;
padding:10px 0 0;
}
.waribikiArea .waribikiInner dd .txt{
font-size:35px;
font-size:3.5rem;
}

}


/* --------------- benefitArea --------------- */

.benefitArea {
padding:81px 0 72px;
background:#353739;
position: relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.frontale .container .benefitArea:after {
content: '';
position: absolute;
border-top: 34px solid #fff;
border-right: 78px solid transparent;
border-left: 78px solid transparent;
top: 0;
left: 50%;
margin-left:-78px;
}


.benefitArea .benefitPeriod{
font-size:29px;
font-size:2.9rem;
color:#fff;
text-align:center;
border:1px solid #fff;
border-radius:5px;
padding:13px 0 8px;
font-weight:bold;
}

.benefitArea h2{
font-size:40px;
font-size:4.0rem;
color:#fff;
line-height:1.4;
margin:25px 0 40px ;
}

.benefitArea h2 .txtBig{
font-size:55px;
font-size:5.5rem;
}

.benefitArea .benefitBox ul {
padding:0 2.4468%;
}

.benefitArea .benefitBox li {
position:relative;
width:48.09843%;
padding-bottom:86px;
background:url(/cam/images/frontale/bg_benefit.png) 0 0 no-repeat;
background-size:100% auto;
float:left;
text-align:center;
list-style:none;
}

.benefitArea .benefitBox li:last-child {
float:right;
}

.benefitArea .benefitTxt {
font-weight:bold;
text-align:center;
margin:28px 0 10px ;
}

.benefitArea .benefitPrice ,
.benefitArea .benefitMore {
font-size:56px;
font-size:5.6rem;
font-weight:bold;
text-align:center;
color:#b81649;
line-height:1.2;
}
.benefitArea .benefitPrice {
margin-bottom:25px;
}
.benefitArea .benefitPrice span {
display:inline-block;
padding:0 19px;
background:url(/cam/images/frontale/benefitPriceBg.png) left bottom repeat-x;
}

.benefitArea .benefitMore {
font-size:25px;
font-size:2.5rem;
}

.benefitArea .benefitLink {
width:100%;
padding:0 9.651165%;
position:absolute;
bottom:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.benefitArea .benefitLink a {
display:block;
padding:14px 0 10px;
text-decoration:none;
background:#ffad05;
font-size:40px;
font-size:4.0rem;
color:#fff;
font-weight:bold;
border-radius:8px;
box-shadow:0 6px 0 #be8200;
}

.benefitArea .benefitLink a span{
display:inline-block;
padding:0 11.52737% 0 0;
background:url(/cam/images/frontale/arr_benefit.png) center right no-repeat;
background-size:25px auto;
}

.benefitArea .benefitLink a:hover {
background:#ffd557;
box-shadow:0 6px 0 #e5bb3c;
}

@media screen and (max-width: 940px) {
.benefitArea .benefitBox li:first-child .benefitTxt {
font-size:16px;
font-size:1.6rem;
}
.benefitArea .benefitPrice {
margin-bottom:10px;
}

}
@media screen and (max-width: 768px) {
.benefitArea {
padding:27px 0 37px;
}
.frontale .container .benefitArea:after {
content: '';
position: absolute;
border-top: 13px solid #fff;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
top: 0;
left: 50%;
margin-left:-30px;
}

.benefitArea .benefitPeriod span {
display:inline-block;
}
.benefitArea .benefitPeriod .benefitCaption {
font-size:13px;
font-size:1.3rem;
}
.benefitArea .benefitPeriod {
font-size:15px;
font-size:1.5rem;
}

.benefitArea .benefitBox li {
position:relative;
width:100%;
max-width:380px;
margin:0 auto 35px;
float:none;
text-align:center;
list-style:none;
}
.benefitArea .benefitBox li:last-child {
margin-bottom:0;
float:none;
}

.benefitArea .benefitBox li:first-child .benefitTxt {
font-size:14px;
font-size:1.4rem;
}

.benefitArea .benefitTxt {
font-size:14px;
font-size:1.4rem;
}

.benefitArea h2{
font-size:14px;
font-size:1.4rem;
color:#fff;
line-height:1.4;
margin:25px 0 20px ;
}

.benefitArea h2 .txtBig{
font-size:30px;
font-size:3.0rem;
}
.benefitArea .benefitLink a {
font-size:27px;
font-size:2.7rem;
}
.benefitArea .benefitBox li {
padding-bottom: 60px;
}
.benefitArea .benefitPrice ,
.benefitArea .benefitMore {
font-size:38px;
font-size:3.8rem;
}
.benefitArea .benefitMore {
font-size:16px;
font-size:1.6rem;
}

.benefitArea .benefitPrice span {
padding:0 10px;
background:url(/cam/images/frontale/benefitPriceBg.png) left bottom repeat-x;
background-size:auto 30px;
}

}

/* --------------- aboutArea --------------- */

.aboutArea {
padding:20px 0 86px;
background:#d8f3ff;
}

.aboutArea h2 {
font-size:60px;
font-size:6.0rem;
line-height:1.2;
}
.aboutArea .aboutBox {
background:#fff;
padding:4px 3.19148% 36px ;
border-radius:5px;
position: relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.frontale .aboutBox:after {
content: '';
position: absolute;
border-top: 34px solid #d8f3ff;
border-right: 78px solid transparent;
border-left: 78px solid transparent;
top: 0;
left: 50%;
margin-left:-78px;
}

.aboutArea .aboutBoxQ {
font-size:40px;
font-size:4.0rem;
color:#fff;
text-align:center;
margin:63px 0 40px;
padding:0px 5% 6px;
box-shadow:0 6px 0 #00396f;
border-radius:15px;
cursor:pointer;
background:#00519d url(/cam/images/frontale/ico_about_open.png) 97% center no-repeat;
}
.aboutArea .aboutBoxQ.on {
box-shadow:0 6px 0 #02529e;
background:#1772c8 url(/cam/images/frontale/ico_about_close.png) 97% center no-repeat;
}
.aboutArea .aboutBoxQ span {
display:inline-block;
padding:15px 0 3px 60px;
background:url(/cam/images/frontale/ico_about_q.png) 0 center no-repeat;
}
.aboutArea .aboutBoxQ.val-01 span {
padding:15px 0 3px 42px;
}

.aboutArea .aboutBoxA {
padding:0 3.19148%  ;
display:none;
}

.aboutArea .aboutBoxA h4 {
font-size:25px;
font-size:2.5rem;
margin:0 0 25px;
padding:13px 10px 9px 107px;
border-radius:5px;
background:#ffe5ee url(/cam/images/frontale/ico_about_a.png) 33px center no-repeat;
}
.aboutArea .aboutBoxA h4 span{
display:block;
padding:10px 0;
}
.aboutArea .aboutBoxA.val-01 h4 span {
padding:5px 109px 5px 0;
background:url(/cam/images/frontale/img_about01.png) 98% center no-repeat;
}

.aboutArea .pointBox {
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex;/*--- safari（PC）用 ---*/
display:flex;
display:table\9;
width:100%;
}
.aboutArea .pointBox .col {
-webkit-box-flex: 1;/*--- Android4.3以前ブラウザ用 ---*/
-webkit-flex: 1;/*--- iOS8以前Safari用 ---*/
flex: 1;
display:table-cell\9;
border:8px solid #cecece;
text-align:center;
padding:19px 0 20px;
}
.aboutArea .pointBox .col.val-02 {
border-left:none;

}
.aboutArea .pointBox .col.val-03 {
border-left:none;
}

.aboutArea .pointBox .col h5 {
font-size:27px;
font-size:2.7rem;
width:83.58778%;
margin:0 auto 10px;
padding:5px 0 2px;
color:#fff;
background:#33a1db;
}

.aboutArea .pointBox .col .read {
color:#b81649;
font-size:22px;
font-size:2.2rem;
line-height:1.2;
font-weight:bold;
}
.aboutArea .pointBox .col .read .txtBig {
font-size:32px;
font-size:3.2rem;
}
.aboutArea .pointBox .col .read .txtSmall {
font-size:18px;
font-size:1.8rem;
font-weight:normal;
}

.aboutArea .pointBox .col .pointTxt {
font-size:14px;
font-size:1.4rem;
text-align:left;
width:88.63636%;
margin:10px auto 12px;
}

.aboutArea .pointBox .col .pointLink {
display:table;
width:83.26996%;
margin:0 auto;
}
.aboutArea .pointBox .col .pointLink a {
display:table-cell;
font-size:13px;
font-size:1.3rem;
padding:8px 0 5px;
color:#fff;
font-weight:bold;
background:#ffad05;
border-radius:8px;
box-shadow:0 4px 0 #be8200;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.aboutArea .pointBox .col .pointLink a:hover {
background:#ffd557;
box-shadow:0 4px 0 #e5bb3c;
text-decoration:none;
}

.aboutArea .pointBox .col .pointLink a span {
font-size:17px;
font-size:1.7rem;
}

.aboutArea .aboutBox .pointBoxTxt {
font-size:20px;
font-size:2.0rem;
margin:35px auto 20px;
font-weight:bold;
text-align:center;
}

.aboutArea .aboutBox .startLink {
width:59.63414%;
margin:0 auto;
text-align:center;
}

.aboutArea .aboutBox .startLink a{
font-size:27px;
font-size:2.7rem;
display:block;
font-weight:bold;
padding:18px 30px 15px 0;
color:#4f4f4f;
border:3px solid #008be0;
border-radius:10px;
box-shadow:0 6px 0 #008be0;
text-decoration:none;
background:#d8f3ff url(/cam/images/frontale/arr_link.png) 97% center no-repeat;
}
.aboutArea .aboutBox .startLink a span {
display:inline-block;
padding:3px 0 0 38px;
background:#d8f3ff url(/cam/images/frontale/ico_start.png) left 40% no-repeat;
}
.aboutArea .aboutBox .startLink a:hover {
opacity:0.7;
}

.aboutArea .aboutBoxA .fl_L {
width:67.43902%;
}
.aboutArea .aboutBoxA .fl_R {
width:26.46341%;
}
@media screen and (max-width: 768px) {
.aboutArea {
padding:18px 0 28px;
}
.aboutArea .aboutBox {
padding-bottom:12px;
}

.frontale .aboutBox:after {
content: '';
position: absolute;
border-top: 13px solid #d8f3ff;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
top: 0;
left: 50%;
margin-left:-30px;
}

.aboutArea .aboutBoxQ {
font-size:20px;
font-size:2.0rem;
margin:28px 0 16px;
padding:0px 5% 6px;
box-shadow:0 4px 0 #00396f;
border-radius:8px;
cursor:pointer;
background:#00519d url(/cam/images/frontale/ico_about_open.png) 97% center no-repeat;
background-size:16px auto;
}
.aboutArea .aboutBoxQ span {
display:inline-block;
padding:10px 0 0 31px;
background:url(/cam/images/frontale/ico_about_q.png) 0 center no-repeat;
background-size:21px auto;
}
.aboutArea .aboutBoxQ.on {
box-shadow:0 4px 0 #02529e;
background:#1772c8 url(/cam/images/frontale/ico_about_close.png) 97% center no-repeat;
background-size:16px auto;
}

.aboutArea .aboutBoxQ.val-01 span {
padding:10px 0 0 20px;
}

.aboutArea .aboutBoxA {
padding:0;
}

.aboutArea .aboutBoxA h4 {
font-size:14px;
font-size:1.4rem;
margin:0 0 25px;
padding:9px 10px 9px 38px;
border-radius:5px;
background:#ffe5ee url(/cam/images/frontale/ico_about_a.png) 6px 11px no-repeat;
background-size:19px auto;
}
.aboutArea .aboutBoxA h4 span{
display:block;
padding:0;
}
.aboutArea .aboutBoxA h4 br {
display:none;
}

.aboutArea .pointBox {
display:block;
width:100%;
}
.aboutArea .pointBox .col {
display:block;
border:4px solid #cecece;
text-align:center;
padding:19px 4.36507% 20px;
}
.aboutArea .pointBox .col.val-02 {
border-left:4px solid #cecece;
border-top:none;
}
.aboutArea .pointBox .col.val-03 {
border-left:4px solid #cecece;
border-top:none;
}

.aboutArea .pointBox .col h5 {
font-size:17px;
font-size:1.7rem;
width:100%;
}

.aboutArea .pointBox .col .read {
color:#b81649;
font-size:21px;
font-size:2.1rem;
line-height:1.2;
font-weight:bold;
}
.aboutArea .pointBox .col .read .txtBig {
font-size:31px;
font-size:3.1rem;
}
.aboutArea .pointBox .col .read .txtSmall {
font-size:19px;
font-size:1.9rem;
font-weight:normal;
}
.aboutArea .pointBox .col .pointTxt {
width:100%;
margin:13px auto 12px;
}
.aboutArea .pointBox .col .pointLink {
display:table;
width:100%;
margin:0 auto;
}
.aboutArea .pointBox .col .pointLink a {
display:table-cell;
vertical-align:middle;
font-size:15px;
font-size:1.5rem;
font-weight:bold;
border-radius:5px;
}

.aboutArea .aboutBoxA.val-01 h4 span {
padding:0 72px 0 0;
background:url(/cam/images/frontale/img_about01.png) 98% center no-repeat;
background-size:45px auto;
}

.aboutArea .aboutBox .startLink {
width:100%;
margin:0 auto;
text-align:center;
}

.aboutArea .aboutBox .startLink a{
font-size:14px;
font-size:1.4rem;
border:2px solid #008be0;
box-shadow:0 3px 0 #008be0;
text-decoration:none;
padding:0;
background:#d8f3ff url(/cam/images/frontale/arr_link.png) 97% center no-repeat;
background-size:10px auto;
}
.aboutArea .aboutBox .startLink a span {
display:inline-block;
padding:12px 0 8px 21px;
background:#d8f3ff url(/cam/images/frontale/ico_start.png) left center no-repeat;
background-size:15px auto;
}
.aboutArea .aboutBoxA .fl_L {
width:100%;
float:none;
}
.aboutArea .aboutBoxA .fl_R {
width:100%;
margin:5px auto 13px;
padding:0 5.76923%;
float:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

}
/* --------------- camArea --------------- */

.camArea {
padding:50px 0 59px;
background:url(/cam/images/frontale/bg_cam.png) center top no-repeat;
}

/*.camArea .str-inner {
padding:0 0 52px;
border-bottom:2px solid #c9c9c9;
}*/

.camArea h2 {
font-size:60px;
font-size:6.0rem;
line-height:1.2;
}

.camArea .camPeriod{
font-size:26px;
font-size:2.6rem;
color:#fff;
text-align:center;
border-radius:5px;
padding:18px 0 12px;
font-weight:bold;
background:#b81649;
}

.camArea .camCaution {
color:#b81649;
font-weight:bold;
margin:20px 0 32px;
}

.camArea .camBox {
position:relative;
margin:0 0 32px;
padding:20px 2.65657%;
border:5px solid #c9c9c9;
background:#FFF;
border-radius:5px;
}

.camArea .camBox_2 {
position:relative;
margin:0 0 32px;
padding:60px 2.65657%;
border:5px solid #c9c9c9;
background:#FFF;
border-radius:5px;
}

.camArea .camBox h3 {
color:#fff;
margin:0 0 45px;
padding:27px 1% 16px 3.86363%;
background:#33a1db;
font-size:31px;
font-size:3.1rem;
border-radius:5px;
}

.camArea .camBox_2 h3 {
color:#fff;
margin:0 0 45px;
padding:27px 1% 16px 3.86363%;
background:#33a1db;
font-size:31px;
font-size:3.1rem;
border-radius:5px;
}

.camArea .camBox h3 .sTtl {
position:absolute;
left:-20px;
top:60px;
width:234px;
height:58px;
padding:13px 0 0 21px;
background:url(/cam/images/frontale/bg_camtokuten.png) 0 0 no-repeat;
font-size:20px;
font-size:2.0rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.camArea .camBox_2 h3 .sTtl {
position:absolute;
left:-20px;
top:30px;
width:234px;
height:58px;
padding:13px 0 0 21px;
background:url(/cam/images/frontale/bg_camtokuten.png) 0 0 no-repeat;
font-size:20px;
font-size:2.0rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.camArea .camBenefitBox {
padding:0 0 0 3.40909%;
}

.camArea .camBenefitBox h4 {
display:table;
width:100%;
margin:0 0 15px;
}

.camArea .camBenefitBox h4 .camIcon,
.camArea .camBenefitBox h4 .camTtl {
display:table-cell;
vertical-align:middle;
}

.camArea .camBenefitBox h4 .camIcon {
width:64px;
padding:0 16px 0 0 ;
}
.camArea .camBenefitBox h4 .camTtl {
padding:5px 0 0;
}

.camArea .camBenefitBox .cam01_01 {
width:43.71327%;
float:left;
}

.camArea .camBenefitBox .cam01_01 h4 ,
.camArea .camBenefitBox .cam02_01 h4 {
font-size:40px;
font-size:4.0rem;
margin:3px 0 20px;
}
.camArea .camBenefitBox .cam01_01 h4 .camTtl ,
.camArea .camBenefitBox .cam02_01 h4 .camTtl {
padding:10px 0 0;
}

.camArea .camBenefitBox .cam01_02 {
width:47.12103%;
float:right;
}

.camArea .camBenefitBox .cam01_02 h4 {
font-size:21px;
font-size:2.1rem;
line-height:1.1;
}

.camArea .camBenefitBox .cam01_03 h4 ,
.camArea .camBenefitBox .cam01_04 h4 ,
.camArea .camBenefitBox .cam02_02 h4 {
font-size:30px;
font-size:3.0rem;
line-height:1.1;
}
.camArea .camBenefitBox .cam01_03 h5 {
font-size:21px;
font-size:2.1rem;
line-height:1.1;
padding:0 0 0 7px;
border-left:8px solid #33a1db;
}
.camArea .camBenefitBox .cam01_03 small {
font-size:13px;
font-size:1.3rem;
color:#5a5a5a;
margin:10px 0;
display:inline-block;
}

.camArea .camBenefitBox .cam01_03 .lyt-2col.val-01:before {
position: absolute;
top: 0;
left: 50%;
width: 5px;
height: 100%;
margin: 0 0 0 24px;
content: '';
background:url(/cam/images/frontale/border_dot.png) 0 0 repeat-y;
border:none;
}

.camArea .camBenefitBox .cam01_03 .list {
display:table;
margin:0 0 10px;
}
.camArea .camBenefitBox .cam01_03 .list li{
display:table-cell;
}
.camArea .camBenefitBox .cam01_03 .list li:last-child {
padding:0 0 0 20px;
}

.camArea .camBenefitBox .cam01_03 .list li a:hover img {
opacity:0.7;
}


.camArea .camBenefitBox .cam01_05 h4 ,
.camArea .camBenefitBox .cam02_03 h4 {
font-size:37px;
font-size:3.7rem;
}
.camArea .camBenefitBox .cam02_01 h4 {
margin:3px 0 35px;
}

.camArea .camBenefitBox .cam02_02 li {
list-style:none;
padding:0 0 3px 18px;
background:url(/cam/images/frontale/ico_dot.png) 0 0.6em no-repeat;
}
.camArea .camBenefitBox .cam02_02 li:last-child {
padding-bottom:0;
}

.camArea .camBenefitBox .cam02_03 h4 {
margin:0 0 24px;
}


.camArea .camBenefitBox .lyt-img-01 .content {
width: 100%;
padding:4px 3.5294117% 0 0;
}

.camArea .camBenefitBox .lyt-img-01 .figure {
padding: 0 5.2941176% 0 0;
}
.camArea .checkTxt span {
display:inline-block;
font-size:37px;
font-size:3.7rem;
font-weight:bold;
text-align:center;
margin:28px 0 0 ;
padding:0 0 0 67px;
background:url(/cam/images/frontale/ico_check.png) 0 0 no-repeat;
}


.camArea .checkLink {
width:52.02127%;
margin:35px auto 28px;
border-radius:10px;
text-align:center;
}

.camArea .checkLink a {
display:block;
font-size:27px;
font-size:2.7rem;
color:#4f4f4f;
border:3px solid #5fdbff;
font-weight:bold;
text-decoration:none;
border-radius:10px;
box-shadow: 0 6px 0 #5fdbff;
background:#eefdff url(/cam/images/frontale/arr_link.png) 97% center no-repeat;
}

.camArea .checkLink a span{
display:inline-block;
padding:20px 24px 17px 56px;
background:url(/cam/images/frontale/ico_frontale.png) 0 center no-repeat;
border-radius:10px;
}

.camArea .checkLink a:hover {
opacity:0.7;
}

.val-check {
width:87.2476%;
margin:0 auto;
}

@media screen and (max-width: 768px) {
.camArea {
padding:16px 0 25px;
background:none;
}
/*.camArea .str-inner {
padding:0 0 24px;
}*/
.camArea .camPeriod span {
display:inline-block;
}
.camArea .camPeriod .camCaption {
font-size:13px;
font-size:1.3rem;
}
.camArea .camPeriod {
font-size:15px;
font-size:1.5rem;
margin-bottom:13px;
}
.camArea .camBox {
position:relative;
margin:0 0 17px;
padding:23px 2.65657%;
border:5px solid #c9c9c9;
background:#FFF;
border-radius:5px;
}

.camArea .camBox_2 {
position:relative;
margin:0 0 17px;
padding:40px 2.65657%;
border:5px solid #c9c9c9;
background:#FFF;
border-radius:5px;
}

.camArea .camBox h3 {
margin:0 0 15px;
padding: 18px 1% 13px 3.86363%;
font-size:15px;
font-size:1.5rem;
}


.camArea .camBox_2 h3 {
margin:0 0 15px;
padding: 18px 1% 13px 3.86363%;
font-size:15px;
font-size:1.5rem;
}

.camArea .camBox h3 .sTtl {
position:absolute;
left:-12px;
top:60px;
width:135px;
height:29px;
padding:5px 0 0 10px;
background:url(/cam/images/frontale/bg_camtokuten_sp.png) 0 0 no-repeat;
background-size:100% auto;
font-size:12px;
font-size:1.2rem;
}


.camArea .camBox_2 h3 .sTtl {
position:absolute;
left:-12px;
top:25px;
width:135px;
height:29px;
padding:5px 0 0 10px;
background:url(/cam/images/frontale/bg_camtokuten_sp.png) 0 0 no-repeat;
background-size:100% auto;
font-size:12px;
font-size:1.2rem;
}

.camArea .camBenefitBox {
padding:0;
}

.camArea .camBenefitBox h4 {
margin:0 0 8px;
}

.camArea .camBenefitBox h4 .camIcon {
width:36px;
padding: 0 8px 0 0;
}
.camArea .camBenefitBox .cam02_02 li {
padding:0 0 3px 9px;
background:url(/cam/images/frontale/ico_dot.png) 0 0.6em no-repeat;
background-size:2px auto;
}

.camArea .camBenefitBox .cam01_01 ,
.camArea .camBenefitBox .cam01_02 {
width:100%;
float:none;
}
.camArea .camBenefitBox .cam01_01 h4 ,
.camArea .camBenefitBox .cam02_01 h4 {
font-size:25px;
font-size:2.5rem;
margin:0 0 8px;
}
.camArea .camBenefitBox .cam01_01 h4 {
margin:0 0 18px;
}
.camArea .camBenefitBox .cam01_02 h4 ,
.camArea .camBenefitBox .cam01_03 h4 ,
.camArea .camBenefitBox .cam01_04 h4 ,
.camArea .camBenefitBox .cam02_02 h4 {
font-size:15px;
font-size:1.5rem;
line-height:1.1;
}

.camArea .camBenefitBox .cam01_05 h4 ,
.camArea .camBenefitBox .cam02_03 h4 {
font-size:20px;
font-size:2.0rem;
}

.camArea .camBenefitBox .cam01_03 h5 {
font-size:15px;
font-size:1.5rem;
padding:0 0 0 4px;
border-left:5px solid #33a1db;
}

.camArea .lyt-img-01 {
display: block;
}

.camArea .lyt-img-01 .content,
.camArea .lyt-img-01 .figure {
display: block;
width: 100%;
}

.camArea .camBenefitBox .lyt-img-01 .figure {
text-align: center;
padding: 0 0 20px;
}

.camArea .lyt-img-01 .figure .img {
width: 100%;
max-width: 100%;
}

.camArea .checkTxt span {
font-size:17px;
font-size:1.7rem;
margin:0 ;
padding:32px 5.17241% 0;
background:url(/cam/images/frontale/ico_check_sp.png) center 0 no-repeat;
background-size:30px auto;
}

.camArea .val-check {
width:100%;
margin:0 auto;
padding:0 5.17241%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.camArea .checkLink {
width:100%;
margin:12px auto 10px;
padding:0 5.17241%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.camArea .checkLink a {
font-size:14px;
font-size:1.4rem;
box-shadow: 0 3px 0 #5fdbff;
}

.camArea .checkLink a span{
display:inline-block;
padding:20px 24px 17px 32px;
background:url(/cam/images/frontale/ico_frontale.png) 0 center no-repeat;
background-size:25px auto;
}
.camArea .camBenefitBox .cam01_03 .list {
width:68.46153%;
}


}

@media screen and (max-width: 767px) {
.lyt-2col.val-01 .col {
float: none;
padding: 25px 0 0;
border-top: 3px dashed #c3c3c3;
}

.camArea .camBenefitBox .cam01_03 .lyt-2col.val-01 .col {
float: none;
padding: 25px 0 0;
border-top: none;
background:url(/cam/images/frontale/border_dot.png) 0 0 repeat-x;
background-size:6px auto;
}
.camArea .camBenefitBox .cam01_03 .lyt-2col.val-01 .col:first-child {
background:none;
padding: 0;
}

}
/* --------------- wallpaperArea --------------- */
.wallpaperArea {
padding: 50px 0 59px;
}

.wallpaperArea h2 {
font-size: 6rem;
line-height: 1.2;
}

.wallpaperArea .read {
	margin: 0 0 32px;
}

.wallpaperArea .str-inner {
border-bottom: 2px solid #c9c9c9;
padding: 0 0 52px;
}

.wallpaperArea .downloadLink {
background: #ffad05;
border-radius: 10px;
margin: 0 auto 15px;
text-align: center;
width: 100%;
max-width: 200px;
box-shadow: 0 6px 0 #be8200;
}

.wallpaperArea .downloadLink a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 14px 0 10px;
display: block;
}

.wallpaperArea .downloadLink a:hover {
background:#ffd557;
box-shadow:0 6px 0 #e5bb3c;
border-radius: 10px;
}

@media screen and (max-width: 767px) {
.wallpaperArea {
padding: 16px 0 25px;
}

.wallpaperArea .str-inner {
padding: 0 0 24px;
}

.wallpaperArea .read {
margin: 0 0 15px;
}

.wallpaperArea .lyt-2col .col {
float: left;
width: 50%;
padding: 0 10px;
}
}
/* --------------- cautionArea --------------- */

.cautionArea h2 {
font-size:45px;
font-size:4.5rem;
margin-bottom:28px;
}

.cautionArea ul {
width:93.61702%;
margin:0 auto;
}

.cautionArea li {
color:#5a5a5a;
font-size:16px;
font-size:1.6rem;
list-style:none;
padding:0 0 3px 18px;
background:url(/cam/images/frontale/ico_dot.png) 0 0.6em no-repeat;
}

.cautionArea li:last-child {
padding:0 0 0 18px;
}
@media screen and (max-width: 768px) {

.cautionArea h2 {
font-size:22px;
font-size:2.2rem;
margin-bottom:16px;
}
.cautionArea li {

font-size:12px;
font-size:1.2rem;
padding:0 0 3px 9px;
background:url(/cam/images/frontale/ico_dot.png) 0 0.6em no-repeat;
background-size:2px auto;
}
.cautionArea li:last-child {
padding:0 0 0 9px;
}

}

/* ===================================
footer
=================================== */

.global-footer .footer-contact {
background: #000;
}