@charset "UTF-8";

/*	m-pageTitle
**************************************************** */
.m-pageTitle { background-image: url(/about/img/bg_title_about.jpg); }
@media only screen and (max-width:767px) {
.m-pageTitle { background-image: url(/about/img/bg_title_about_sp.jpg); }
}

/*	.about
**************************************************** */
.about { padding: 85px 0 100px 0; }
@media only screen and (max-width:767px) {
.about { padding: 45px 0 50px 0; }
}

/*	.about__link
**************************************************** */
a.about__link { box-sizing: border-box; background-color: #181818; color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.5; text-align: center; padding: 18px 15px; }
a.about__link:hover { text-decoration: none; }
@media only screen and (min-width:768px) {
a.about__link { transition: opacity .25s ease-out; }
a.about__link:hover { opacity: 0.7; text-decoration: none; }
}
@media only screen and (max-width:767px) {
}

/*	.about__title
**************************************************** */
.about__title__heading { font-size: 225%; font-weight: 700; line-height: 1.5555; text-align: center; }
.about__title__lead { text-align: center; margin-top: 60px; }
.about__title__copy { text-align: center; margin-top: 20px; }
.about__title__copy > dt { font-size: 150%; font-weight: 700; line-height: 1.5; transform: skewX(-10deg); }
.about__title__copy > dt > b { color: #1d95d2; }
.about__title__copy > dd { margin-top: 10px; }
.about__title__btn { text-align: center; margin-top: 60px; }
.about__title__btn > a { margin: 0 auto; width: 356px; }
.video-banner.cnbc_banner a{background: #1d95d2;}
.video-banner.cnbc_banner{margin: 65px auto 0;}
@media only screen and (max-width:767px) {
.about__title__heading { font-size: 150%; line-height: 1.4583; }
.about__title__lead { margin-top: 45px; }
.about__title__copy { margin-top: 20px; }
.about__title__copy > dd { margin-top: 10px; }
.about__title__btn { margin-top: 40px; }
.about__title__btn > a { margin: 0; width: auto; }
}


/*	.about__section
**************************************************** */
.about__section { margin-top: 120px; }
.about__section__title { height: 300px; }
.about__section__title .container { display: flex; }
.about__section__contents { margin-top: 50px; }
.about__section__title__heading { font-size: 0; line-height: 0; }
.about__section__title__heading > img { max-width: 100%; }
.about__section__contents__text { text-align: center; }
.about__section__contents__list { margin-top: 50px; }
.about__section__contents__list { justify-content: center; }

.section_01 .about__section__title { background: url(/about/img/bg_section_01.jpg) center center/cover no-repeat; }
.section_01 .about__section__title .container { align-items: flex-end; height: 280px; }
.section_02 .about__section__title { background: url(/about/img/bg_section_02.jpg) center center/cover no-repeat; }
.section_02 .about__section__title .container { justify-content: flex-end; padding-top: 20px; }
.section_03 .about__section__title { background: url(/about/img/bg_section_03.jpg) center center/cover no-repeat; }
.section_03 .about__section__title .container { align-items: flex-end; justify-content: center; height: 220px; }
.section_04 .about__section__title { background: url(/about/img/bg_section_04.jpg) center center/cover no-repeat; }
.section_04 .about__section__title .container { padding-top: 20px; }
.section_04 .about__section__contents__list > a { margin: 0 auto; width: 356px; }
.section_05 .about__section__title { background: url(/about/img/bg_section_05.jpg) center center/cover no-repeat; }
.section_05 .about__section__title .container { align-items: flex-end; justify-content: flex-end; height: 280px; }
@media only screen and (max-width:767px) {
.about__section { margin-top: 75px; }
.about__section__contents { margin-top: 30px; }
.about__section__contents__list { margin-top: 30px; }
.m-column--3 .m-column__cell:nth-of-type(n+2) { margin-top: 30px; }

.section_01 .about__section__title { background: url(/about/img/bg_section_sp_01.jpg) center center/cover no-repeat; }
.section_01 .about__section__title .container { align-items: flex-end; height: 280px; }
.section_01 .about__section__title__heading > img { width: 265.5px; }
.section_02 .about__section__title { background: url(/about/img/bg_section_sp_02.jpg) center center/cover no-repeat; }
.section_02 .about__section__title .container { justify-content: flex-end; padding-top: 20px; }
.section_02 .about__section__title__heading > img { width: 224.5px; }
.section_03 .about__section__title { background: url(/about/img/bg_section_sp_03.jpg) center center/cover no-repeat; }
.section_03 .about__section__title .container { align-items: flex-end; justify-content: center; height: 190px; }
.section_03 .about__section__title__heading > img { width: 327.5px; }
.section_04 .about__section__title { background: url(/about/img/bg_section_sp_04.jpg) center center/cover no-repeat; }
.section_04 .about__section__title .container { padding-top: 20px; }
.section_04 .about__section__contents__list > a { margin: 0; width: auto; }
.section_04 .about__section__title__heading > img { width: 343.5px; }
.section_05 .about__section__title { background: url(/about/img/bg_section_sp_05.jpg) center center/cover no-repeat; }
.section_05 .about__section__title .container { align-items: flex-end; justify-content: flex-end; height: 280px; }
.section_05 .about__section__title__heading > img { width: 343.5px; }
}