.btn-list>li, .hdg-l2 .hdg-sup {
display: inline-block
}

.cm-item-col, .cm-item-info-list>li>span:first-child, .heading-area .heading-area-nav>li {
float: left
}

.cm-item-col p>.sup {
font-size: 11px;
display: block;
margin-top: 12px;
}

.cm-item-col p>.sup a {
text-decoration: none;
color: #666;
}

.cm-item-col p>.sup a:hover {
text-decoration: underline;
}

.hdg-l2 {
margin-top: 50px;
font-size: 24px
}

.hdg-l2 .hdg-sup:after, .hdg-l2 .hdg-sup:before {
content: '\ff5e'
}

.btn-list {
margin-top: 25px;
text-align: center
}

.btn-list>li {
margin: 0 10px
}

.btn-list>li a {
display: block;
padding: 8px 30px;
color: #fff;
border-radius: 4px;
box-shadow: 0 -3px 0 #292929 inset;
background-color: #444;
font-weight: 700;
font-size: 18px;
text-decoration: none
}

.btn-list>li.active a {
cursor: default
}

.heading-area {
position: relative
}

.heading-area .heading-area-nav {
margin: 0;
border-left: 1px solid rgba(255, 255, 255, .5);
position: absolute;
top: 15px;
right: 15px;
overflow: hidden;
font-size: 14px
}

.heading-area .heading-area-nav>li a {
padding: 3px 12px 3px 30px;
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: rgba(255, 255, 255, .5);
color: #fff;
display: block;
position: relative;
text-decoration: none
}

.heading-area .heading-area-nav>li a:before {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
display: block;
position: absolute;
top: 7px;
left: 15px;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}

.heading-area .cmn-hdg-category-container {
padding-right: 323px
}

.cm-item {
margin-top: 20px;
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
overflow: hidden
}

.cm-item-col {
width: 33.15%;
padding-left: 30px;
box-sizing: border-box
}

.cm-item-col:first-child {
padding-left: 0;
width: 66.85%
}

.cm-item-hdg {
margin-bottom: -5px
}

.cm-item-info {
margin-top: 30px;
color: #555
}

.cm-item-info-hdg {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
color: #333;
font-weight: 400;
font-size: 11px
}

.cm-item-info-list {
margin-top: 0;
font-size: 11px
}

.cm-item-info-list.branch {
color: #757575
}

.cm-item-info-list>li {
margin-top: 4px;
overflow: hidden
}

.cm-item-info-list>li>span {
display: block
}

.cm-item-info-list>li>span:first-child:after {
content: '\ff1a'
}

.cm-item-info-list>li>span:last-child {
overflow: hidden
}

.cm-item-object {
font-size: 11px
}

.cm-item-object .cm-item-object-inner {
padding-top: 56.25%;
height: 0;
position: relative;
overflow: hidden
}

.cm-item-object iframe {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}

.sns-area {
margin-top: 20px;
overflow: hidden
}

.sns-area>.sns-area-col {
float: left;
width: 50%
}

.sns-area .sns-area-link {
padding: 2px 0 0 100px;
display: inline-block;
min-height: 18px;
background: url(/cm/images/icon-youtube.svg) no-repeat;
text-decoration: none
}

.sns-area .sns-area-link:active, .sns-area .sns-area-link:focus, .sns-area .sns-area-link:hover {
text-decoration: underline
}

.sns-area .sns-area-link.link-sp{
display:none;
}

.sns {
margin-top: 0;
text-align: right
}

.sns li {
margin-left: 10px;
display: inline-block;
vertical-align: top
}

.sns li:first-child {
margin-left: 0
}

.cm-info-item{
padding:80px 20px;
text-align:center;
}
.cm-info-item > p{
font-size:14px;
margin-bottom:30px;
}
.cm-info-item .cm-info-btn{
background:#d30000;
color:#fff;
display:block;
padding:20px;
font-size:18px;
font-weight:bold;
max-width:380px;
text-align: center;
border-radius: 4px;
margin:0 auto;
text-decoration:none;
}
.cm-info-item .cm-info-btn.btn-sp{
display:none;
}

.cm-hdg-txt{
font-size:16px;
margin:40px 0 -8px 0;
}
.cm-item-one-col{
display:block;
text-align:center;
margin-bottom:40px;
}
.cm-item-one-col section{
margin:28px auto 0 auto;
text-align:left;
max-width: 640px;
}
.cm-item-one-col .cm-item-object-inner{
max-width:640px;
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
margin:0 auto;
}
.cm-item-one-col .cm-item-object-inner iframe{
border-radius:8px;
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cm-item-one-col .hdg-l2-02{
font-size:16px;
font-weight:normal;
margin-top:6px;
}

@media screen and (max-width:720px) {
.cm-item-col, .sns-area>.sns-area-col {
float: none;
width: auto
}
.hdg-l2 {
margin-top: 20px
}
.btn-list {
margin-top: 15px
}
.btn-list>li a {
padding: 8px 15px;
font-size: 15px
}
.heading-area .heading-area-nav {
margin: 0 -10px;
border-bottom: 2px solid #ddd;
position: static
}
.heading-area .heading-area-nav>li {
display: inline-block;
float: none
}
.heading-area .heading-area-nav>li:last-child a:after {
display: none
}
.heading-area .heading-area-nav>li a {
padding: 10px 15px 10px 25px;
border: none;
color: #555;
position: relative
}
.heading-area .heading-area-nav>li a:before {
border-right-color: #777;
border-bottom-color: #777;
left: 10px;
top: 14px
}
.heading-area .heading-area-nav>li a:after {
content: '';
display: block;
width: 1px;
height: 14px;
overflow: hidden;
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
background-color: #c9c9c9
}
.heading-area .cmn-hdg-category-container {
padding-right: 10px
}
.cm-item {
margin: 10px -10px 0;
padding: 0 10px 20px;
border-bottom-width: 2px
}
.cm-item-col {
padding-left: 0
}
.cm-item-col:first-child {
text-align: center;
width: auto
}
.cm-item-hdg {
margin-top: 20px
}
.cm-item-info {
margin-top: 15px
}
.sns-area {
margin: 0;
overflow: visible
}
.sns-area .sns-area-link.link-pc {
display: none;
}
.sns-area .sns-area-link.link-sp {
margin: 0 -10px;
padding: 10px 10px 10px 90px;
display: block;
background-position: 10px 10px;
background-size: 72px 16px
}
.cm-info-item{
padding:40px 20px 80px;
}
.cm-info-item .cm-info-btn.btn-pc{
display:none;
}
.cm-info-item .cm-info-btn.btn-sp {
display: block;
padding: 16px;
}
}

@media screen and (max-width:550px) {
.hdg-l2 {
font-size: 13px
}
.sns {
margin-top: 10px;
text-align: left
}
.sns li {
margin-left: 5px
}
.cm-item-one-col section{
margin:28px auto 0 auto;
text-align:left;
}
.cm-hdg-txt{
font-size:14px;
margin:16px 0 -6px 0;
}
.cm-item-one-col .hdg-l2-02{
font-size:14px;
margin-top:4px;
}
}