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




body {
/*font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*letter-spacing: .1rem;*/
}




/*[[[ Buttons ]] ]*/

.btn {
white-space: normal;
}

.btn-main,
.btn-second,
.btn-third,
.btn-reset {
border: none;
text-decoration: none;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}


/*[ Radius ]*/
.btn.no-radius {border-radius: 0;}


/*[ Size ]*/
.btn-lg {padding:14px 20px; font-size: 16px;}
.btn-xg {padding:16px 24px; font-size: 20px;}
.btn-xl {padding: 20px 26px; font-size: 24px; border-radius: 8px;}





/*[[[ Fonts ]]]*/
.fontSans {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fontSans b,
.fontSans strong {
font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fontSerif {
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", serif;
}
.fontSerif b,
.fontSerif strong {
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", serif;
}


/*[ Etc ]*/
.break-all {
word-break: break-all;
}





/*[[[ Panel Color ]]]*/
.panel-main {
  border-color: rgb(158, 0, 93);
}
.panel-main > .panel-heading {
  color: #FFF;
  background-color: rgb(158, 0, 93);
  border-color: #ddd;
		border:none;
}
.panel-main > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
		border:none;
}
.panel-main > .panel-heading .badge {
  color: #f5f5f5;
  background-color: rgb(158, 0, 93);
}
.panel-main > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}





/*[[[ Corner Radius ]]]*/
.no-radius {
-webkit-border-radius: 0;
border-radius: 0;
}







/*[[[ No Gutter ]]]*/
.row--nopadding {
margin-left: 0;
margin-right: 0;
}
.row--nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}





/*[[[ Add Gutter ]]]*/
.row-0{
margin-left:0px;
margin-right:0px;
}
.row-0 > div,
.row-0 > li {
padding-right:0px;
padding-left:0px;
}

.row-10{
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div,
.row-10 > li {
padding-right:5px;
padding-left:5px;
}

.row-20{
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div,
.row-20 > li {
padding-right:10px;
padding-left:10px;
}

.row-30 {
margin-left:-15px;
margin-right:-15px;
}
.row-30 > div,
.row-30 > li {
padding-right:15px;
padding-left:15px;
}

.row-40 {
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div,
.row-40 > li {
padding-right:20px;
padding-left:20px;
}

.row-50{
margin-left:-25px;
margin-right:-25px;
}
.row-50 > div,
.row-50 > li {
padding-right:25px;
padding-left:25px;
}


@media screen and (max-width:767px) {
.row-40{
margin-left:-15px;
margin-right:-15px;
}
.row-40 > div,
.row-40 > li {
padding-right:15px;
padding-left:15px;
}

.row-50{
margin-left:-15px;
margin-right:-15px;
}
.row-50 > div,
.row-50 > li {
padding-right:15px;
padding-left:15px;
}

}





/*[[[ Inline Block ]]]*/
.row--v-middle {
font-size: 0;
}
.row--v-middle > [class*="col-"] {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 14px;
}





/*[[[ Section Padding ]]]*/
@media (min-width:992px), print {
.pagesection.paddingtop-md-lv1 {
padding-top: 20px;
}
.pagesection.paddingtop-md-lv2 {
padding-top: 30px;
}
.pagesection.paddingtop-md-lv3 {
padding-top: 40px;
}
.pagesection.paddingtop-md-lv4 {
padding-top: 60px;
}
.pagesection.paddingtop-md-lv5 {
padding-top: 80px;
}
.pagesection.paddingbtm-md-lv1 {
padding-bottom: 20px;
}
.pagesection.paddingbtm-md-lv2 {
padding-bottom: 30px;
}
.pagesection.paddingbtm-md-lv3 {
padding-bottom: 40px;
}
.pagesection.paddingbtm-md-lv4 {
padding-bottom: 60px;
}
.pagesection.paddingbtm-md-lv5 {
padding-bottom: 80px;
}
.pagesection.no-bgimage-md {
background-image:none!important;
}
} /* @media (min-width:992px) */

@media only screen and (max-width:991px) and (min-width:768px){
.pagesection.paddingtop-sm-lv1 {
padding-top: 18px;
}
.pagesection.paddingtop-sm-lv2 {
padding-top: 28px;
}
.pagesection.paddingtop-sm-lv3 {
padding-top: 38px;
}
.pagesection.paddingtop-sm-lv4 {
padding-top: 55px;
}
.pagesection.paddingtop-sm-lv5 {
padding-top: 68px;
}
.pagesection.paddingbtm-sm-lv1 {
padding-bottom: 18px;
}
.pagesection.paddingbtm-sm-lv2 {
padding-bottom: 28px;
}
.pagesection.paddingbtm-sm-lv3 {
padding-bottom: 38px;
}
.pagesection.paddingbtm-sm-lv4 {
padding-bottom: 55px;
}
.pagesection.paddingbtm-sm-lv5 {
padding-bottom: 68px;
}
.pagesection.no-bgimage-sm {
background-image:none!important;
}
} /* @media only screen and (max-width:991px) and (min-width:768px) end */

@media only screen and (max-width:767px){
.pagesection.paddingtop-xs-lv1 {
padding-top: 15px;
}
.pagesection.paddingtop-xs-lv2 {
padding-top: 25px;
}
.pagesection.paddingtop-xs-lv3 {
padding-top: 35px;
}
.pagesection.paddingtop-xs-lv4 {
padding-top: 50px;
}
.pagesection.paddingtop-xs-lv5 {
padding-top: 62px;
}
.pagesection.paddingbtm-xs-lv1 {
padding-bottom: 15px;
}
.pagesection.paddingbtm-xs-lv2 {
padding-bottom: 25px;
}
.pagesection.paddingbtm-xs-lv3 {
padding-bottom: 35px;
}
.pagesection.paddingbtm-xs-lv4 {
padding-bottom: 50px;
}
.pagesection.paddingbtm-xs-lv5 {
padding-bottom: 62px;
}
.pagesection.no-bgimage-xs {
background-image:none!important;
}
} /* @media only screen and (max-width:767px) end */





@media (min-width:992px), print {
.marginTop-md-lv1 {
margin-top: 10px;
}
.marginTop-md-lv2 {
margin-top: 20px;
}
.marginTop-md-lv3 {
margin-top: 30px;
}
.marginTop-md-lv4 {
margin-top: 40px;
}
.marginTop-md-lv5 {
margin-top: 58px;
}
.marginTop-md-lv6 {
margin-top: 72px;
}
.marginTop-md-lv7 {
margin-top: 102px;
}
.marginTop-md-lv8 {
margin-top: 148px;
}
} /* @media (min-width:992px) end */

@media only screen and (max-width:991px) and (min-width:768px){
.marginTop-sm-lv1 {
margin-top: 8px;
}
.marginTop-sm-lv2 {
margin-top: 15px;
}
.marginTop-sm-lv3 {
margin-top: 22px;
}
.marginTop-sm-lv4 {
margin-top: 30px;
}
.marginTop-sm-lv5 {
margin-top: 58px;
}
.marginTop-sm-lv6 {
margin-top: 72px;
}
.marginTop-sm-lv7 {
margin-top: 102px;
}
.marginTop-sm-lv8 {
margin-top: 148px;
}
} /* @media only screen and (max-width:991px) and (min-width:768px) end */

@media only screen and (max-width:767px){
.marginTop-xs-lv1 {
margin-top: 5px;
}
.marginTop-xs-lv2 {
margin-top: 10px;
}
.marginTop-xs-lv3 {
margin-top: 18px;
}
.marginTop-xs-lv4 {
margin-top: 24px;
}
.marginTop-xs-lv5 {
margin-top: 44px;
}
.marginTop-xs-lv6 {
margin-top: 54px;
}
.marginTop-xs-lv7 {
margin-top: 77px;
}
.marginTop-xs-lv8 {
margin-top: 111px;
}
} /* @media only screen and (max-width:767px) end */





/* [[[ Rich Text Size ]]] */
.header1 {
line-height: 1.7;
}
.header2, .header3, .header4 {
line-height:1.6;
}
.header5, .header6 {
line-height: 1.5;
}
.header7 {
line-height: 1.4;
}
.subheader1 {
line-height:1.7;
}
.subheader2 {
line-height:1.6;
}
.subheader3, .subheader4 {
line-height:1.5;
}
.bodycopy1, .bodycopy2, .bodycopy3, .bodycopy4 {
line-height:1.7;
}
.bodycopy5, .bodycopy6 {
line-height:1.6;
}
.fgcaption1, .fgcaption2, .fgcaption3 {
line-height:1.5;
}
.no-margin-top {
margin-top: 0;
}
.no-margin-btm {
margin-bottom: 0;
}

@media (min-width:992px), print {
.header1 {
font-size:40px;
}
.header2 {
font-size:32px;
}
.header3 {
font-size:28px;
}
.header4 {
font-size:24px;
}
.header5 {
font-size:20px;
}
.header6 {
font-size:18px;
}
.header7 {
font-size:16px;
}
.subheader1 {
font-size:22px;
}
.subheader2 {
font-size:20px;
}
.subheader3 {
font-size:18px;
}
.subheader4 {
font-size:15px;
}
.bodycopy1 {
font-size:24px;
}
.bodycopy2 {
font-size:20px;
}
.bodycopy3 {
font-size:18px;
}
.bodycopy4 {
font-size:15px;
}
.bodycopy5 {
font-size:14px;
}
.bodycopy6 {
font-size:13px;
}
.fgcaption1 {
font-size:18px;
}
.fgcaption2 {
font-size:15px;
}
.fgcaption3 {
font-size:13px;
}
} /* @media (min-width:992px) end */

@media only screen and (max-width:991px) and (min-width:768px){
.header1 {
font-size:35px;
}
.header2 {
font-size:28px;
}
.header3 {
font-size:24px;
}
.header4 {
font-size:22px;
}
.header5 {
font-size:19px;
}
.header6 {
font-size:17px;
}
.header7 {
font-size:15px;
}
.subheader1 {
font-size:20px;
}
.subheader2 {
font-size:18px;
}
.subheader3 {
font-size:16px;
}
.subheader4 {
font-size:14px;
}
.bodycopy1 {
font-size:22px;
}
.bodycopy2 {
font-size:19px;
}
.bodycopy3 {
font-size:17px;
}
.bodycopy4 {
font-size:15px;
}
.bodycopy5 {
font-size:14px;
}
.bodycopy6 {
font-size:13px;
}
.fgcaption1 {
font-size:17px;
}
.fgcaption2 {
font-size:15px;
}
.fgcaption3 {
font-size:13px;
}
} /* @media only screen and (max-width:991px) and (min-width:768px) end */

@media only screen and (max-width:767px){
.header1 {
font-size:30px;
}
.header2 {
font-size:24px;
}
.header3 {
font-size:22px;
}
.header4 {
font-size:20px;
}
.header5 {
font-size:18px;
}
.header6 {
font-size:16px;
}
.header7 {
font-size:15px;
}
.subheader1 {
font-size:18px;
}
.subheader2 {
font-size:16px;
}
.subheader3 {
font-size:14px;
}
.subheader4 {
font-size:12px;
}
.bodycopy1 {
font-size:18px;
}
.bodycopy2 {
font-size:17px;
}
.bodycopy3 {
font-size:16px;
}
.bodycopy4 {
font-size:15px;
}
.bodycopy5 {
font-size:13px;
}
.bodycopy6 {
font-size:12px;
}
.fgcaption1 {
font-size:15px;
}
.fgcaption2 {
font-size:14px;
}
.fgcaption3 {
font-size:12px;
}
} /* @media only screen and (max-width:767px) end */





@media (min-width:992px), print {
.hidden-md,
.visible-sm,
.visible-xs {
display:none;
}
.visible-md {
display:inherit;
}
.align-left-md {
text-align:left;
}
.align-right-md {
text-align:right;
}
.align-center-md {
text-align:center;
}
} /* @media (min-width:992px) end */

@media only screen and (max-width:991px) and (min-width:768px){
.hidden-sm,
.visible-md,
.visible-xs {
display:none;
}
.visible-sm {
display:inherit;
}
.align-left-sm {
text-align:left;
}
.align-right-sm {
text-align:right;
}
.align-center-sm {
text-align:center;
}
} /* @media only screen and (max-width:991px) and (min-width:768px) end */

@media only screen and (max-width:767px){
.hidden-xs,
.visible-md,
.visible-sm {
display:none;
}
.visible-xs {
display:inherit;
}
.align-left-xs {
text-align:left;
}
.align-right-xs {
text-align:right;
}
.align-center-xs {
text-align:center;
}
} /* @media only screen and (max-width:767px) end */