.jp {font-family:"Butler", serif;font-weight: normal}
.title-h2 {font-size:30px}
.title-block {font-size: 24px;}
.title-block2 {font-size: 21px;}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs21{font-size:21px}
.fs24{font-size:24px}
.fs27{font-size:27px}
.fs30{font-size:30px}
br.sp-only {display: none}
br.spc{display:inline}
.let1{letter-spacing:1px}
.let2{letter-spacing:2px}
.let3{letter-spacing:3px}
.dsn-accordion .accordion__answer {max-width: 95%;}
.table-bordered {border: 1px solid #ddd;}
.table {width: 100%;max-width: 100%;}
table {background-color: transparent;border-spacing: 0;border-collapse: collapse;width:100%;}
td,th{border: 1px solid #ddd;padding:8px;text-align:center}
.danger {background-color: #f2dede;}
.red{color:#A5082D!important;}
.blue{color:#11179f!important;}
.blue2{color:#0099ff!important;}
.green{color:#99cc00!important;}
.bg-green{background-color:#99cc00!important;}
.white{color:#ffffff!important;}
.main-brand img, .dsnload__img img {width: 240px;}
.breadcrumb li {float:left;}
.dsn-ajax-loader h6.title,.dsn-ajax-loader h6.title .square-before {font-family:"Butler", serif;font-weight: normal}
.komoji{text-transform: none;}
.flow .number {width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;margin-right: 15px;font-size: 14px;}
.ls0{letter-spacing:0px;margin-right:5px;}
@media screen and (max-width:480px ){
.pc-only{display:none}
br.pc-only{display:none!important}
br.sp-only {display:inline !important}
.w100{width:100%}
.float-right{float:right}
.box-left{margin-bottom:20px}
.spfs11{font-size:11px}
.spfs12{font-size:12px}
.spfs13{font-size:13px}
.spfs14{font-size:14px}
.spfs16{font-size:16px}
.spfs18{font-size:18px}
.spfs21{font-size:21px}
.spfs24{font-size:24px}
.spfs27{font-size:27px}
.spfs30{font-size:30px}
.spmt-20{margin-top:20px}
.grid-2 {grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (min-width: 1400px) {:root {--title-heading: 75px}}
@media only screen and (max-width: 1399px) {:root {--title-heading: 64px}}
@media only screen and (max-width: 1200px) {:root {--title-heading: 54px}}
@media only screen and (max-width: 991px) {:root {--title-heading: 48px}}
@media only screen and (max-width: 575px) {:root {--title-heading: 36px}}