@charset "utf-8";

/******************************************************************

   2017 NEW STYLE CSS Document

******************************************************************/

.ytb:hover img{
  opacity:0.8;
}

/* ナビゲーションTOPリンク */
.new_seriesMain_navi li a.navtop-link,
.new_seriesMain_navi_foot li a.navtop-link {
    background-color: #C7000D;
    color: #fff;}
.new_seriesMain_navi li a.navtop-link {
    padding: 8px 5px;
}
.new_seriesMain_navi li a.navtop-link:hover {
    opacity: .7;
}

/* flexbox */
#contents01 .container,
#contents02 .container,
#contents03 .container,
#contents04 .container,
#contents05 .container,
#contents06 .container,
#contents07 .container,
#contents08 .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#contents01 .container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#contents02 .container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;

    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items: flex-end;
    color: white;
}
#contents03 .container,
#contents04 .container,
#contents05 .container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#contents08 .container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* CTA */
#contents06 .container .container-inside {
    width: 100%;
}
.cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 7%;
}
.cta h3 {
    margin: 0;
    width: auto;
    font-weight: 600;
    letter-spacing: .1rem;
    font-size: 330%;
    text-align: center;
}
.cta a {
    margin: 0;
}

/* エリア 高さ指定 */
#contents01 .container {
    min-height: 598px!important;
    position: relative;
}
#contents02 .container,
#contents03 .container,
#contents04 .container,
#contents05 .container,
#contents06 .container,
#contents07 .container,
#contents08 .container {
    min-height: 768px;
    position: relative;
}
#contents05 .container{
    min-height: 684px;
}
#contents03,
#contents04 {
    height: 768px;
}
#contents03 .container,
#contents04 .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
#contents08 .container {
    padding: 0;
}

#contents09 {
padding:4.6rem 0;
}


/* スクロールエリア */
#contents03,
#contents04 {
    position: relative;
}
#contents03 .bgfade03,
#contents04 .bgfade04 {
    display: none;
    position: absolute;
    top; 0;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}
.bgfade03 img,
.bgfade04 img {
    webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}
.bgfade03 img.fade,
.bgfade04 img.fade {
    opacity:0;
}

/* FMVロゴ */
.fmv-logo {
    position: absolute;
    top: 14px;
    left: 23px;
}

/* 背景画像設定 */
#contents01 {
    background: url(/fmv/uh/1710/images/1701_uh_01_pc.jpg) no-repeat center;
}
#contents02 {
    background: url(/fmv/uh/1710/images/1701_uh_02_pc.jpg) no-repeat center;
}
#contents03 {
    background: url(/fmv/uh/1710/images/1701_uh_03_b_pc.jpg) no-repeat center;
}
#contents04 {
    background: url(/fmv/uh/1710/images/1701_uh_04_b_pc.jpg) no-repeat center;
}
#contents05 {
    background: url(/fmv/uh/1710/images/1701_uh_05_pc.png) no-repeat center;
    background-color: #fff;
}
#contents06 {
    background: url(/fmv/uh/1710/images/1701_uh_06_pc.jpg) no-repeat center;
}
#contents08 {
    background-color: #EBE9EB;
}

#contents09 {
    background-color:#EBE9EB;
}
/* コンテンツ内　テキストエリア */
.container-inside {
    width: 50%;
    height: 100%;
}
#contents08 .container .container-inside.video-text {
    width: 30%;
    margin: 0 auto 0;
}
.container-inside.top > div {
    position: absolute;
    top: 50%;
    left: 3%;
    width: 100%;
    bottom: inherit;
    margin-top: -180px;
}
.container-inside.top img {
    width: 33%;
    height: auto;
    margin-left: 0;
}
.container-inside.top p {
    margin: 0;
    width: 100%;
}
#contents02 .container-inside > div,
#contents03 .container-inside > div,
#contents04 .container-inside > div,
#contents05 .container-inside > div {
    position: absolute;
    bottom: 0;
}
#contents03 .container-inside > div,
#contents04 .container-inside > div,
#contents05 .container-inside > div {
    width: 50%;
}

/* 見出し2 */
h2.heading {
    margin: 0 0 18px;
    font-size: 5.4rem;
    font-weight: normal;
    text-align: left;
}

/* 見出し3 */
h3.heading {
    font-size: 3.3rem;
    margin-bottom: 33px;
    font-weight: normal;
}

/* p */
#contents03 p,
#contents04 p {
    margin-bottom: 15%;
}
#contents05 p {
    margin-bottom: 6%;
}
#contents08 p {
    margin-bottom: 0;
}

/* 改行 */
.sp-inline {
  display: none;
} 

/* スマホ背景 */
.sp-bg {
  display: none;
}

/* SNS */
#sns {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}
#sns .flex-box {
    float: right;
}

/* 注釈 */
h3 span.textsmall {
    font-size: 1.6rem;
}
h3 span.textsmall {
    font-size: 1.6rem;
	
}
p span.textsmall_top {
    font-size: 1.3rem;
}


sup.uh_top{
font-size:50%;
top:-0.9em;
}

h3 sup.uh_top{
font-size:25%;
top:-1.9em;
}



ul.fmlistnone {
	margin: 0 10px 30px;
	padding-left: 0;
}

ul.fmlistnone li {
	list-style: none;
	font-size: 0.9rem;
	line-height: 1.5;
}

/******************************************************************

  レスポンシブデザイン

******************************************************************/

@media screen and (max-width: 750px) {

section>div {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* FMVロゴ
.fmv-logo {
    left: 10%;
} */

.bgfade03,
.bgfade04 {
    display: none!important;
}

/* 背景画像設定 */
#contents01,
#contents02,
#contents03,
#contents04,
#contents05,
#contents06 {
    background: none;
}

#contents01 .container { background: url(/fmv/uh/1710/images/1701_uh_01_sp.jpg) no-repeat left top; }
#contents02 .container { background: url(/fmv/uh/1710/images/1701_uh_02_sp.jpg) no-repeat left top; }
#contents03 .container { background: url(/fmv/uh/1710/images/1701_uh_03_sp.jpg) no-repeat left top; }
#contents04 .container { background: url(/fmv/uh/1710/images/1701_uh_04_sp.jpg) no-repeat left top; }
#contents05 .container { background: url(/fmv/uh/1710/images/1701_uh_05_sp.png) no-repeat left top; }
#contents06 .container { background: url(/fmv/uh/1710/images/1701_uh_06_sp.jpg) no-repeat left top; }
#contents08 {
    background-color: #F1F0EE;
}
.video-area {
    display: none;
}

#contents01 .container,
#contents02 .container,
#contents03 .container,
#contents04 .container,
#contents05 .container,
#contents06 .container {
    display: block;
    width: 100%;
    min-height: 368px;
    position: relative;
    margin-bottom: 0;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    min-height: auto!important;
}

#contents08 .container {
    padding: 0;
    min-height: 368px;
}
#contents08 .container .container-inside.video-text {
    width: 100%;
    position: static;
}

#contents01 .container:before,
#contents02 .container:before,
#contents03 .container:before,
#contents04 .container:before,
#contents05 .container:before {
    content: "";
    display: block;
    padding-top: 177.8666%;
}
#contents05 .container:before {
    padding-top: 164.7%;
}
#contents06 .container:before {
    content: "";
    display: block;
    padding-top: 133.7333%;
}

/* コンテンツ内　テキストエリア */
#contents03, #contents04 {
    height: auto;
}
.container-inside {
    width: 100%;
    position: absolute;
    top: 0;
}
#contents01 .container-inside {
    position: initial;
}
.container-inside.top > div {
    position: absolute;
    top: 14%;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
}
.container-inside.top img {
    width: 100%;
}
#contents02 .container-inside > div,
#contents03 .container-inside > div,
#contents04 .container-inside > div,
#contents05 .container-inside > div {
    width: 100%;
    position: absolute;
    top: 0;
    padding-top: 10%;
}
#contents08 .container-inside > div {
    width: 100%;
    position: static;
    top: 0;
    padding-top: 10%;
}
#contents08 .container-inside > div p {
    margin-bottom: 7%;
}
#contents08 .container-inside > div img {
    width: 100%;
}

/* CTA */
.cta {
    display: block;
}
.cta h3 {
    font-weight: 900;
    width: 96%;
    text-align: center;
    font-size: 6.4vw;
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.15;
}
.cta a {
    margin: 2rem auto;
}

/* 見出し2 */
h2.heading {
    text-align: center;
    font-size: 12vw;
    margin-bottom: 5%;
}
/* 見出し3 */
h3.heading {
    font-size: 6.4vw;
    margin-bottom: 7%;
}
/* 改行 */
.sp-inline {
    display: block;
}
/* SNS */
#sns {
    display: none;
}
/* スマホ背景 */
.sp-bg {
  display: block;
}

ul.fmlistnone {
	margin-top: 40px;
}

ul.fmlistnone li {
	margin-left: 0; 
	margin-bottom: 0; 
	padding: 0 10px 6px 10px;
	font-size: 1.4em;
}

#contents06 .cta span {
    margin-right: -0.7em;
}

}