@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/*student content*/
#fmv-newlife *{ box-sizing: border-box;}
#fmv-newlife ul, #fmv-newlife ol, #fmv-newlife li, #fmv-newlife dl, #fmv-newlife dt, #fmv-newlife dd{ list-style: none; padding: 0; margin: 0;}
#fmv-newlife figure{ padding: 0; margin: 0;}
#fmv-newlife{ width: 100%; min-width: 1200px; margin: 0 auto; height: 100%; font-size: 16px; font-family: "Roboto", 'Noto Sans JP', "Segoe UI", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; color: #000; margin-top: 12px;}
#fmv-newlife .content_box{ width: 100%; max-width: 1200px; margin: 0 auto;}
#fmv-newlife a{ color: #006ed6;}
#fmv-newlife a:hover{ opacity: 0.8;}
#fmv-newlife p{ margin: 0; line-height: 1.5em;}
#fmv-newlife img{ max-width: 100%; height: auto; vertical-align: bottom;}
#fmv-newlife h1,#fmv-newlife h2,#fmv-newlife h3,#fmv-newlife h4,#fmv-newlife h5,#fmv-newlife h6{ background: none; border: none; padding: 0; margin: 0; font-weight: bold;}

@media screen and (max-width: 767px) {
#fmv-newlife{ min-width: 240px; font-size:3vw; margin-top:2.5%; font-size-adjust: none; -webkit-text-size-adjust: 100%; overflow: hidden;}
#fmv-newlife .content_box{ width: 90%;}
}


/*logo*/
#fmv-newlife .p-logo{ display: flex; justify-content: space-between; max-width: 1200px; margin: 60px auto 50px;}
@media screen and (max-width: 767px) {
#fmv-newlife .p-logo{ padding: 8%; margin: 0 auto;}
#fmv-newlife .p-logo .p-logo__fmv img{ height: 6.4vw;}
#fmv-newlife .p-logo .p-logo__win img{ height: 6.4vw;}
}


/*hero*/
#fmv-newlife .hero{ background: url("../images/mv_bg.jpg") center top no-repeat; background-size: 100%; text-align: center; max-width: 1200px; margin: 0 auto 50px ; padding: 10px 0 0;}
#fmv-newlife .hero h1{ margin-bottom: 10px;}
#fmv-newlife .hero h1 img{ margin: 0 auto;}
#fmv-newlife .hero ul{ display: flex; width: calc(100% + 6px); margin-left: -3px;}
#fmv-newlife .hero ul li{ width: calc(33.33% - 6px); margin: 0 3px;}
@media screen and (max-width: 767px) {
#fmv-newlife .hero{ background: url("../images/mv_bg_sp.jpg") center top no-repeat; background-size: 100%; margin: 0 auto 5% ; padding: 5% 0 0;}
#fmv-newlife .hero h1{ margin: 0 5% 5%;}
#fmv-newlife .hero ul{ display: flex; width: calc(100% + 4px); margin-left: -2px;}
#fmv-newlife .hero ul li{ width: calc(33.33% - 4px); margin: 0 2px;}
}


/*sec01*/
#fmv-newlife #sec01{ margin-bottom: 200px;}
#fmv-newlife #sec01 .content_box{ background: url("../images/sec01_bg.jpg") center top no-repeat; background-size: cover; text-align: center; padding: 50px 50px 90px; position: relative;}
#fmv-newlife #sec01 figure.arrow{ position: absolute; left: 0; right: 0; bottom: -70px; margin: auto;}
#fmv-newlife #sec01 h2{ text-align: center; margin-bottom: 40px;}
#fmv-newlife #sec01 h2 img{ margin: 0 auto;}
#fmv-newlife #sec01 h3{ text-align: center; margin-bottom: 40px;}
#fmv-newlife #sec01 h3 img{ margin: 0 auto;}
#fmv-newlife #sec01 h5{ text-align: center; margin-top: 60px;}
#fmv-newlife #sec01 h5 img{ margin: 0 auto;}
#fmv-newlife #sec01 ul{ padding: 50px 15px; display: flex; background: #fff;}
#fmv-newlife #sec01 ul li{ width: calc(50% - 50px); margin: 0 25px; text-align: center;}
#fmv-newlife #sec01 ul li figure{ margin-bottom: 15px;}
#fmv-newlife #sec01 ul li figure img{ border: 1px solid #ccc;}
#fmv-newlife #sec01 ul li h4{ display: inline-block; background: #9da8b3; color: #fff; font-size: 32px; font-weight: 500; line-height: 1.25em; padding: 0 0.75em; margin-bottom: 20px;}
#fmv-newlife #sec01 ul li p{ text-align: left; font-size: 20px; line-height: 1.75em;}
@media screen and (max-width: 767px) {
#fmv-newlife #sec01{ margin-bottom: 20%;}
#fmv-newlife #sec01 .content_box{ background: url("../images/sec01_bg_sp.jpg") center top no-repeat; background-size: cover; padding: 7.5% 5% 12.5%; width: 100%;}
#fmv-newlife #sec01 figure.arrow{ bottom: -7.5vw;}
#fmv-newlife #sec01 figure.arrow img{ height: 15vw;}
#fmv-newlife #sec01 h2{ margin-bottom: 2.5%;}
#fmv-newlife #sec01 h2 img{ height: 16.25vw; margin: auto;}
#fmv-newlife #sec01 h3{ margin-bottom: 5%;}
#fmv-newlife #sec01 h3 img{ height: 12.5vw; margin: auto;}
#fmv-newlife #sec01 h5{ margin-top: 10%;}
#fmv-newlife #sec01 h5 img{ width: 100%; margin: auto;}
#fmv-newlife #sec01 ul{ padding: 7.5% 5%; display: block;}
#fmv-newlife #sec01 ul li{ width: 100%; margin: 0 auto 10%;}
#fmv-newlife #sec01 ul li:last-child{ margin-bottom: 0;}
#fmv-newlife #sec01 ul li figure{ margin-bottom: 3.75%;}
#fmv-newlife #sec01 ul li h4{ font-size: 5vw; margin-bottom: 2.5%;}
#fmv-newlife #sec01 ul li p{ font-size: 3vw; line-height: 1.66em;}
}


/*ban*/
#fmv-newlife #ban{ margin: 60px auto 120px;}
#fmv-newlife #ban h2{ max-width: 1000px; margin: 0 auto 60px; text-align: center; background: #c40018; color: #fff; font-size: 40px; line-height: 1.25em; padding: 0.75em; position: relative;}
#fmv-newlife #ban h2:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 20px 0 20px; border-color: #c40017 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -24px; margin: auto;}
#fmv-newlife #ban ul li{ text-align: center; margin-top: 30px;}
#fmv-newlife #ban ul li img{ margin: auto;}
#fmv-newlife #ban p.att{ max-width: 1000px; margin: 15px auto 0; font-size: 12px;}
@media screen and (max-width: 767px) {
#fmv-newlife #ban{ margin: 5% auto 10%;}
#fmv-newlife #ban h2{ margin: 0 auto 7.5%; font-size: 6vw; line-height: 1.25em; padding: 0.5em;}
#fmv-newlife #ban h2:after{ border-width: 3.75vw 3.5vw 0 3.5vw; bottom: -3.5vw;}
#fmv-newlife #ban ul li{ margin-top: 5%;}
#fmv-newlife #ban p.att{ margin: 2.5% auto 0; font-size: 1.75vw;}
}


/*footer*/
#fmv-newlife #sec_footer{ margin-bottom: 70px;}
#fmv-newlife #sec_footer figure{ margin-bottom: 140px;}
#fmv-newlife #sec_footer dl{ display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#fmv-newlife #sec_footer dl dt{ margin-right: 60px; font-size: 20px;}
#fmv-newlife #sec_footer dl dd{ width: 264px;}
@media screen and (max-width: 767px) {
#fmv-newlife #sec_footer{ margin-bottom: 7.5%;}
#fmv-newlife #sec_footer figure{ margin-bottom: 10%;}
#fmv-newlife #sec_footer dl{ display: block; text-align: center;}
#fmv-newlife #sec_footer dl dt{ margin: 0 auto 5%; font-size: 3vw;}
#fmv-newlife #sec_footer dl dd{ width: 27.5%; margin: 6.25% auto 0;}
}


/*sec_series*/
#fmv-newlife .sec_series{ margin-bottom: 80px;}
#fmv-newlife .sec_series h2{ text-align: center; width: 690px; margin: 0 auto 50px;}
#fmv-newlife .sec_series h2 span{ display: block; font-size: 30px; line-height: 1.25em; font-weight: 500; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
#fmv-newlife .sec_series h2 strong{ display: block; font-size: 52px; line-height: 1.25em; font-weight: 700;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series{ margin-bottom: 10%;}
#fmv-newlife .sec_series .content_box{ width: 100%;}
#fmv-newlife .sec_series h2{ width: 75%; margin: 0 auto 5%;}
#fmv-newlife .sec_series h2 span{ font-size: 4vw; padding-bottom: 2.5%; margin-bottom: 2.5%;}
#fmv-newlife .sec_series h2 strong{ font-size: 7.5vw;}
}

#fmv-newlife .sec_series .series_mv{ background: #767070; padding: 0 15px 15px; max-width: 1130px; margin: 0 auto 80px;}
#fmv-newlife .sec_series .series_mv h3{ background: #767070; color: #fff; font-size: 32px; padding: 15px; text-align: center;}
#fmv-newlife .sec_series .series_mv h3 span{ display: inline-block; vertical-align: middle; line-height: 0; margin-right: 0.5em;}
#fmv-newlife .sec_series .series_mv h3 strong{ display: inline-block; vertical-align: middle; font-weight: 500;}
#fmv-newlife .sec_series .series_mv dl{ background: #fff; display: flex; align-items: center; padding: 30px 0;}
#fmv-newlife .sec_series .series_mv dl dt{ width: 50%; text-align: center; padding: 0 15px 0 15px;}
#fmv-newlife .sec_series .series_mv dl dd{ width: 50%; padding: 0 45px 0 0;}
#fmv-newlife .sec_series .series_mv dl dd p strong{ font-size: 1.3em;
background: -moz-linear-gradient(top, rgba(255,255,0,0) 0%, rgba(255,255,0,0) 50%, rgba(255,255,0,1) 51%, rgba(255,255,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,0,0) 0%, rgba(255,255,0,0) 50%, rgba(255,255,0,1) 51%, rgba(255,255,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,0,0) 0%, rgba(255,255,0,0) 50%, rgba(255,255,0,1) 51%, rgba(255,255,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff00', endColorstr='#00ffff00',GradientType=0 );
}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series .series_mv{ padding: 0 5% 5%; margin: 0 auto 10%;}
#fmv-newlife .sec_series .series_mv h3{ font-size: 5vw; padding: 3.75%;}
#fmv-newlife .sec_series .series_mv h3 span{ width: 7.5vw; margin-right: 0.25em;}
#fmv-newlife .sec_series .series_mv dl{ display: block; padding: 5%;}
#fmv-newlife .sec_series .series_mv dl dt{ width: 100%; padding: 0; margin-bottom: 5%;}
#fmv-newlife .sec_series .series_mv dl dd{ width: 100%; padding: 0;}
}

#fmv-newlife .sec_series h4{ font-size: 39px; line-height: 1.25em; margin-bottom: 20px; letter-spacing: 0.05em; font-feature-settings: "palt";}
#fmv-newlife .sec_series h4 small{ font-size: 12px;}
#fmv-newlife .sec_series p{ font-size: 20px; line-height: 1.75em; margin-bottom: 1em;}
#fmv-newlife .sec_series p:last-child{ margin-bottom: 0;}
#fmv-newlife .sec_series p small{ font-size: 12px;}
#fmv-newlife .sec_series p .red{ color: #ff0000;}
#fmv-newlife .sec_series p.att{ font-size: 12px; padding-left: 2.5em; margin-bottom: 0; position: relative;}
#fmv-newlife .sec_series p.att span{ position: absolute; left: 0; top: 0;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series h4{ font-size: 5vw; margin-bottom: 5%;}
#fmv-newlife .sec_series h4 small{ font-size: 2vw;}
#fmv-newlife .sec_series p{ font-size: 3vw; line-height: 1.66em;}
#fmv-newlife .sec_series p small{ font-size: 2vw;}
#fmv-newlife .sec_series p.att{ font-size: 2vw;}
}

#fmv-newlife .sec_series .series_detail{ width: 960px; margin: 0 auto 100px;}
#fmv-newlife .sec_series .series_detail dl{ display: flex; width: calc(100% + 40px); margin: 0 0 80px -20px;}
#fmv-newlife .sec_series .series_detail dl:nth-child(2n+1){ flex-direction: row-reverse;}
#fmv-newlife .sec_series .series_detail dl dt{ width: calc(50% - 40px); margin: 0 20px;}
#fmv-newlife .sec_series .series_detail dl dd{ width: calc(50% - 40px); margin: 0 20px;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series .series_detail{ width: 84%; margin: 0 auto 10%;}
#fmv-newlife .sec_series .series_detail dl{ display: block; width: 100%; margin: 0 auto 10%;}
#fmv-newlife .sec_series .series_detail dl dt{ width: 100%; margin: 0 auto 5%; text-align: center;}
#fmv-newlife .sec_series .series_detail dl dd{ width: 100%; margin: 0 auto;}
}

#fmv-newlife .sec_series .series_movie{ width: 960px; margin: 0 auto 100px;}
#fmv-newlife .sec_series .series_movie h4{ text-align: center;}
#fmv-newlife .sec_series .series_movie ul{ display: flex; width: calc(100% + 40px); margin: 0 0 80px -20px;}
#fmv-newlife .sec_series .series_movie ul li{ width: calc(50% - 40px); margin: 0 20px;}
#fmv-newlife .sec_series .series_movie ul li img{ border: 1px solid #ccc;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series .series_movie{ width: 84%; margin: 0 auto 10%;}
#fmv-newlife .sec_series .series_movie ul{ display: block; width: 100%; margin: 0 auto; text-align: center;}
#fmv-newlife .sec_series .series_movie ul li{ width: 100%; margin: 5% auto;}
}

#fmv-newlife .sec_series .series_lineup{ width: 1050px; margin: 0 auto 100px;}
#fmv-newlife .sec_series .series_lineup h4{ text-align: center; margin-bottom: 60px;}
#fmv-newlife .sec_series .series_lineup ul{ display: flex; width: 100%; padding: 0 170px; margin: 0 auto 40px;}
#fmv-newlife .sec_series .series_lineup ul li{ width: 50%; padding: 0 80px; text-align: center;}
#fmv-newlife .sec_series .series_lineup ul li:not(:first-child){ border-left: 2px solid #aaa;}
#fmv-newlife .sec_series .series_lineup ul li figure{ margin-bottom: 30px;}
#fmv-newlife .sec_series .series_lineup ul li p{ display: inline-block; text-align: left; font-size: 20px; line-height: 1.25em; margin-bottom: 30px;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; font-size: 20px; color: #fff; text-decoration: none; margin: 20px auto 0; max-width: 280px;
background: rgb(82,82,82);
background: -moz-linear-gradient(top,  rgba(82,82,82,1) 0%, rgba(55,55,55,1) 100%);
background: -webkit-linear-gradient(top,  rgba(82,82,82,1) 0%,rgba(55,55,55,1) 100%);
background: linear-gradient(to bottom,  rgba(82,82,82,1) 0%,rgba(55,55,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#373737',GradientType=0 );
}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.black{
background: rgb(82,82,82);
background: -moz-linear-gradient(top,  rgba(82,82,82,1) 0%, rgba(55,55,55,1) 100%);
background: -webkit-linear-gradient(top,  rgba(82,82,82,1) 0%,rgba(55,55,55,1) 100%);
background: linear-gradient(to bottom,  rgba(82,82,82,1) 0%,rgba(55,55,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#373737',GradientType=0 );
}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.blue{
background: rgb(191,204,228);
background: -moz-linear-gradient(top,  rgba(191,204,228,1) 0%, rgba(160,179,215,1) 100%);
background: -webkit-linear-gradient(top,  rgba(191,204,228,1) 0%,rgba(160,179,215,1) 100%);
background: linear-gradient(to bottom,  rgba(191,204,228,1) 0%,rgba(160,179,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfcce4', endColorstr='#a0b3d7',GradientType=0 );
}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.beige{ background: #c9bfb6;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.brown{ background: #7e6b62;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.red{ background: #bd3738;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.silver{ background: #d8d8db; color: #000;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.pbk{ background: #3c3c3a;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.sgy{ background: #bab8b9;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.swh{ background: #ededf1; color: #000;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.spacer{ visibility: hidden; pointer-events: none; opacity: 0;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series .series_lineup{ width: 84%; margin: 0 auto 10%;}
#fmv-newlife .sec_series .series_lineup h4{ margin-bottom: 7.5%;}
#fmv-newlife .sec_series .series_lineup ul{ display: block; width: 100%; padding: 0; margin: 0 auto;}
#fmv-newlife .sec_series .series_lineup ul li{ width: 100%; padding: 0; margin-bottom: 15%;}
#fmv-newlife .sec_series .series_lineup ul li:not(:first-child){ border: none; margin-bottom: 0;}
#fmv-newlife .sec_series .series_lineup ul li figure{ margin-bottom:5%;}
#fmv-newlife .sec_series .series_lineup ul li figure img{ width: 50%;}
#fmv-newlife .sec_series .series_lineup ul li p{ font-size: 4.5vw; margin-bottom: 5%;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn{ width: 66.66vw; height: 10vw; font-size: 4.5vw; margin: 3.75% auto 0; max-width: 66.66vw;}
#fmv-newlife .sec_series .series_lineup ul li a.lineup_btn.spacer{ display: none;}
}

#fmv-newlife .sec_series .series_lineup table{ width: 100%; border-spacing: 0; font-size: 19px; line-height: 1.25em; table-layout: fixed;}
#fmv-newlife .sec_series .series_lineup table.pc{ display: table;}
#fmv-newlife .sec_series .series_lineup table tr th{ vertical-align: middle; background: #eee; padding: 20px; text-align: left; border-bottom: 4px solid #aaa; font-weight: normal; width: 170px;}
#fmv-newlife .sec_series .series_lineup table tr td{ vertical-align: middle; background: #bbb; padding: 20px; text-align: center; border-bottom: 4px solid #aaa; font-weight: bold; border-left: 2px solid #aaa; border-right: 2px solid #aaa;}
#fmv-newlife .sec_series .series_lineup table tr td:nth-child(2){ border-left: none;}
#fmv-newlife .sec_series .series_lineup table tr td:last-child{ border-right: none;}
#fmv-newlife .sec_series .series_lineup table tr:nth-child(2n) td{ background: #fff;}
#fmv-newlife .sec_series .series_lineup table tr td sup{ font-size: 66%;}
#fmv-newlife .sec_series .series_lineup table tr td span{ display: inline-block; text-align: left;}
@media screen and (max-width: 767px) {
#fmv-newlife .sec_series .series_lineup table.pc{ display: none;}
#fmv-newlife .sec_series .series_lineup table.sp{ display: table;}
#fmv-newlife .sec_series .series_lineup table{ width: 100%; border-spacing: 0; font-size: 3.5vw; margin-top: 7.5%;}
#fmv-newlife .sec_series .series_lineup table tr th{ background: #eee; padding: 2.5% 2.5%; text-align: left; border-bottom: 2px solid #aaa; font-weight: normal; width: 33.33%;}
#fmv-newlife .sec_series .series_lineup table tr td{ background: #bbb; padding: 2.5% 2.5%; text-align: left; border: none; border-bottom: 2px solid #aaa; font-weight: bold; width: 66.66%;}
#fmv-newlife .sec_series .series_lineup table tr td sup{ font-size: 66%;}
}

/*LOOX シリーズ*/
#fmv-newlife #sec_loox.sec_series .series_lineup ul{ display: flex; width: 100%; padding: 0 160px; margin: 0 auto 40px;}
#fmv-newlife #sec_loox.sec_series .series_lineup ul li{ padding: 0 40px;}
#fmv-newlife #sec_loox.sec_series .series_lineup table{ width: calc(100% - 170px); margin: 0 auto 0 0;}
@media screen and (max-width: 767px) {
#fmv-newlife #sec_loox.sec_series .series_lineup ul{ display: block; width: 100%; padding: 0; margin: 0 auto;}
#fmv-newlife #sec_loox.sec_series .series_lineup ul li{ width: 100%; padding: 0; margin-bottom: 15%;}
#fmv-newlife #sec_loox.sec_series .series_lineup table{ width: 100%; margin-top: 7.5%;}
}

/*CHシリーズ*/
#fmv-newlife #sec_ch.sec_series .series_mv{ background: #abcef8;}
#fmv-newlife #sec_ch.sec_series .series_mv h3{ background: #abcef8;}
#fmv-newlife #sec_ch.sec_series .series_lineup h4{ margin-bottom: 20px;}
#fmv-newlife #sec_ch.sec_series .series_lineup h5{ background: #accff9; color: #fff; font-size: 20px; line-height: 1em; padding: 0.5em; text-align: center;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img{ /*margin-left: 160px;*/ margin-bottom: 20px; text-align: center; position: relative;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul{ display: block; position: absolute; left: 40px; top: 60px;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li{ width: 100%; padding: 0 0 0 1.25em; text-align: left; border: none; font-weight: bold; margin-bottom: 0.5em;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li:before{ content: ""; width: 1em; height: 1em; background: #000; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.blue{ color: #d3e4fd;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.blue:before{ background: #d3e4fd;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.beige{ color: #e1d1bd;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.beige:before{ background: #e1d1bd;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.brown{ color: #5b4743;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul li.brown:before{ background: #5b4743;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li{ width: 50%; padding: 0 10px; text-align: center; position: relative;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li figure{ text-align: right; padding-right: 5px;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li p{ margin-bottom: 0;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li span.ico{ width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: #accff9; color: #fff; font-size: 20px; line-height: 1.25em; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 5;}
#fmv-newlife #sec_ch.sec_series .series_lineup table{ width: calc(100% - 170px); margin: 0 auto 0 0;}
#fmv-newlife #sec_ch.sec_series .series_lineup table tr td{ background: #e0ecff;}
#fmv-newlife #sec_ch.sec_series .series_lineup table tr:nth-child(2n) td{ background: #fff;}
@media screen and (max-width: 767px) {
#fmv-newlife #sec_ch.sec_series .series_lineup h4{ margin-bottom: 2.5%;}
#fmv-newlife #sec_ch.sec_series .series_lineup h5{font-size: 4vw; margin-left: 0; margin-bottom: 2.5%}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img{ margin: 0 auto 3.75%;}
#fmv-newlife #sec_ch.sec_series .series_lineup .lineup_img ul{ left: 5vw; top: 7.5vw;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li{ width: 100%; padding: 0; margin-bottom: 15%;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li figure{ text-align: center; padding-right: 0;}
#fmv-newlife #sec_ch.sec_series .series_lineup ul li span.ico{ width: 15vw; height: 15vw; font-size: 3vw; left: 15vw; top: 0;}
#fmv-newlife #sec_ch.sec_series .series_lineup table{ width: 100%; margin-top: 7.5%;}
}

/*UHシリーズ*/
#fmv-newlife #sec_uh.sec_series .series_mv{ background: #8e1a1a;}
#fmv-newlife #sec_uh.sec_series .series_mv h3{ background: #8e1a1a;}
#fmv-newlife #sec_uh.sec_series .series_lineup .lineup_img{ /*margin-left: 160px;*/ margin-bottom: 20px; text-align: center; position: relative;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li{ width: 50%; padding: 0 10px; text-align: center; position: relative;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li figure{ text-align: right; padding-right: 5px;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li h5{ width: 100%; font-size: 20px; line-height: 1em; margin-bottom: 1em;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li p{ margin-bottom: 0;}
#fmv-newlife #sec_uh.sec_series .series_lineup table{ width: calc(100% - 170px); margin: 0 auto 0 0;}
#fmv-newlife #sec_uh.sec_series .series_lineup table tr td{ background: #edc9c9;}
#fmv-newlife #sec_uh.sec_series .series_lineup table tr:nth-child(2n) td{ background: #fff;}
@media screen and (max-width: 767px) {
#fmv-newlife #sec_uh.sec_series .series_lineup .lineup_img{ margin: 0 auto 3.75%;}
#fmv-newlife #sec_uh.sec_series .series_lineup .lineup_img ul{ left: 5vw; top: 7.5vw;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li{ width: 100%; padding: 0; margin-bottom: 15%;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li figure{ text-align: center; padding-right: 0;}
#fmv-newlife #sec_uh.sec_series .series_lineup ul li h5{ font-size: 4.5vw;}
#fmv-newlife #sec_uh.sec_series .series_lineup table{ width: 100%; margin-top: 7.5%;}
}


/*LOOXキャンペーン*/
#loox_camp{ position: relative; text-align: center; margin: 40px auto;}
#loox_camp figure.loox_camp_btn{ position: absolute; left: 0; right: 0; bottom: 40px; width: 800px; margin: auto;}
#loox_camp figure.loox_camp_btn a{ display: flex; align-items: center; justify-content: center; width: 800px; height: 80px; background: #c40018; color: #fff; font-size: 32px; font-weight: bold; text-decoration: none; position: relative;}
#loox_camp figure.loox_camp_btn a:after{ content: "＞"; font-size: 19px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
@media screen and (max-width: 767px) {
#loox_camp{ margin: 5% auto;}
#loox_camp figure.loox_camp_btn{ bottom: 6vw; width: 94%;}
#loox_camp figure.loox_camp_btn a{ width: 100%; height: 12.5vw; font-size: 5vw;}
#loox_camp figure.loox_camp_btn a:after{ font-size: 2.5vw; right: 5vw;}
}


/*f_catch*/
#fmv-newlife #f_catch{ margin: 80px auto 60px;}
@media screen and (max-width: 767px) {
#fmv-newlife #f_catch{ margin: 5% auto 5%;}
#fmv-newlife #f_catch .content_box{ width: 100%;}
}


/*あなたのパソコンは大丈夫？*/
#fmv-newlife #win8{ margin: 40px auto 100px;}
#fmv-newlife #win8 .content_box{ background: #005fd7; padding: 20px 50px 80px; position: relative;}
#fmv-newlife #win8 h2{ text-align: center; margin-bottom: 20px;}
#fmv-newlife #win8 h3{ background: #ffff26; text-align: center; padding: 20px 0;}
#fmv-newlife #win8 .win8_box{ background: #fff; text-align: center; padding: 20px 0;}
#fmv-newlife #win8 h4{ text-align: center; margin: 40px auto 0; font-size: 40px; line-height: 1.25em; letter-spacing: 0.05em; color: #ffff26; position: relative;}
#fmv-newlife #win8 h4:before{ content: ""; width: 4px; height: 75px; background: #ffff26; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-30deg);}
#fmv-newlife #win8 h4:after{ content: ""; width: 4px; height: 75px; background: #ffff26; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(30deg);}
#fmv-newlife #win8 h4 strong{ display: block; margin-top: 5px;}
#fmv-newlife #win8 figure.arrow{ position: absolute; width: 405px; left: 0; right: 0; bottom: -60px; margin: auto;}
@media screen and (max-width: 767px) {
#fmv-newlife #win8{ margin: 5% auto 12.5%;}
#fmv-newlife #win8 .content_box{ width: 100%; padding: 3.75vw 3vw 11.25vw;}
#fmv-newlife #win8 h2{ margin-bottom: 3.75%;}
#fmv-newlife #win8 h2 img{ width: 100%;}
#fmv-newlife #win8 h3{ padding: 3.75% 7.5%;}
#fmv-newlife #win8 h3 img{ width: 100%;}
#fmv-newlife #win8 .win8_box{ padding: 2.5% 1.25%;}
#fmv-newlife #win8 h4{ margin: 3.75% auto 0; font-size: 5.4vw; line-height: 1.25em;}
#fmv-newlife #win8 h4:before{ width: 2px; height: 15vw; left: 2.5vw; bottom: 0; top: auto; transform: translateY(0%) rotate(-30deg);}
#fmv-newlife #win8 h4:after{ width: 2px; height: 15vw; right: 2.5vw; bottom: 0; top: auto; transform: translateY(0%) rotate(30deg);}
#fmv-newlife #win8 h4 strong{ margin-top: 1.25%;}
#fmv-newlife #win8 h4 strong img{ height: 7.5vw;}
#fmv-newlife #win8 figure.arrow{ width: 50%; bottom: -6.75vw;}
}


/*camp*/
#fmv-newlife #camp{ margin: 60px auto;}
#fmv-newlife #camp .content_box{ background: #004da1; padding: 30px 50px 50px;}
#fmv-newlife #camp h2{ text-align: center; padding-bottom: 20px;}
#fmv-newlife #camp dl{ background: #fff; margin: 0 auto; padding: 50px 100px;}
#fmv-newlife #camp dl dt{ text-align: center; margin-bottom: 50px;}
#fmv-newlife #camp dl dd figure.camp_btn a{ display: flex; align-items: center; justify-content: center; width: 840px; height: 80px; margin: 0 auto; background: #000; color: #fff; text-decoration: none; font-size: 32px; font-weight: bold; line-height: 1em; letter-spacing: 0.1em; position: relative;}
#fmv-newlife #camp dl dd figure.camp_btn a:after{ content: "＞"; font-size: 19px; position: absolute; right: 32px; top: 50%; transform: translateY(-50%);}
#fmv-newlife #camp dl dd figure.camp_btn a{
background: rgb(210,0,30);
background: -moz-linear-gradient(top,  rgba(210,0,30,1) 0%, rgba(185,0,20,1) 100%);
background: -webkit-linear-gradient(top,  rgba(210,0,30,1) 0%,rgba(185,0,20,1) 100%);
background: linear-gradient(to bottom,  rgba(210,0,30,1) 0%,rgba(185,0,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2001e', endColorstr='#b90014',GradientType=0 );
}
@media screen and (max-width: 767px) {
#fmv-newlife #camp{ margin: 5% auto 10%;}
#fmv-newlife #camp .content_box{ width: 100%; padding: 3.75% 5% 5%;}
#fmv-newlife #camp h2{ padding-bottom: 3.75%;}
#fmv-newlife #camp h2 img{ width: calc(100% + 5vw); max-width: calc(100% + 5vw); margin-left: -2.5vw;}
#fmv-newlife #camp dl{ padding: 5% 5% 7.5%;}
#fmv-newlife #camp dl dt{ margin-bottom: 5%;}
#fmv-newlife #camp dl dd figure.camp_btn a{ width: 100%; height: 10vw; font-size: 4.5vw;}
#fmv-newlife #camp dl dd figure.camp_btn a:after{ font-size: 3vw; right: 3vw;}
}


/*camp230208*/
#fmv-newlife #camp_area{ margin: 80px auto;}
#fmv-newlife #camp_area h3{ margin: 60px auto 20px; text-align: center;}
@media screen and (max-width: 767px) {
#fmv-newlife #camp_area{ margin: 10% auto;}
#fmv-newlife #camp_area h3{ margin: 10% auto 2.5%; text-align: center;}
#fmv-newlife #camp_area h3 img{ height: 12.5vw;}
}





/************answer************/
#fmv-newlife section#answer * {
  box-sizing: content-box;
}
#fmv-newlife section#answer{
	margin-top:80px;
}
#fmv-newlife section#answer #wrap{
	width:980px; margin: 0 auto;
	background:#e1e1e1;
	border:1px solid #0077d1;
	margin-bottom:40px;
}
#fmv-newlife section#answer #wrap #inner{
	width:918px;
	background:#f1f1f1;
	margin:0px auto;
	padding:30px;
}
#fmv-newlife section#answer h4{
	font-size:28px;
	color:#505050;
	text-align:center;
	line-height:100%;
	margin:40px 0px;
}
#fmv-newlife section#answer #wrap #inner .point{
	width:445px;
	background:#fff;
	float:left;
}
#fmv-newlife section#answer #wrap #inner .point:first-child{
	margin-right:28px;
}
#fmv-newlife section#answer #wrap #inner .point ul li.num{
	font-size:18px;
	color:#fff;
	background:#0077d1;
	width:30px;
	height:30px;
    line-height: 30px;
	text-align:center;
	align-items: center;
}
#fmv-newlife section#answer #wrap #inner .point ul li.title{
	font-size:26px;
	color:#0077d1;
	line-height:100%;
	text-align:center;
}
#fmv-newlife section#answer #wrap #inner .point ul li.txt{
	margin:0px auto;
	font-size:14px;
	padding:30px;
	text-align:center;
}
#fmv-newlife section#answer #wrap #inner .point ul li.txt span{
	font-size:13px;
}
#fmv-newlife section#answer #wrap #inner p.read{
	font-size:20px;
	text-align:center;
	line-height:150%;
	padding-top:30px;
	clear:both;
}
#fmv-newlife section#answer #wrap #inner  ul.list2 {
	margin-top:20px;
}
#fmv-newlife section#answer #wrap #inner  ul.list2 li{
	background:#fff;
	color:#0077d1;
	font-size:20px;
	text-align:center;
	line-height:100%;
	padding:20px 0;
}
#fmv-newlife section#answer #wrap #inner  ul.list2 li:first-child{
	margin-bottom:30px;
}
#fmv-newlife section#answer #wrap #inner p.service{
	font-size:13px;
	text-align:center;
	line-height:150%;
	padding-top:10px;
	clear:both;
}
#fmv-newlife section#answer #wrap #inner p.service a{
	text-decoration:underline;
}
#fmv-newlife section#answer #wrap #inner p.service a:hover{
	text-decoration:none;
}
@media screen and (max-width: 767px) {
#fmv-newlife section#answer{ margin-top: 10%;}
#fmv-newlife section#answer #wrap {
    width: calc(100% - 30px);
    margin:0 auto 15px;
  }
#fmv-newlife section#answer  #wrap #inner {
    width: calc(100% - 30px);
    padding: 15px;
  }
#fmv-newlife section#answer h4 {
    font-size: 21px;
    line-height: 1.5;
    padding: 20px;
    margin: 0;
  }
#fmv-newlife section#answer .point {
    width: 100% !important;
  }
#fmv-newlife section#answer .point:first-child {
    margin-bottom: 15px;
  }
#fmv-newlife section#answer .point ul {
    padding: 0 15px 30px;
  }
#fmv-newlife section#answer .point ul li.num {
    margin-left: -15px;
  }
#fmv-newlife section#answer .point ul li.title {
    font-size: 20px !important;
    margin-bottom: 20px;
  }
#fmv-newlife section#answer .point ul li.txt {
    padding: 0 !important;
    text-align: left !important;
  }
#fmv-newlife section#answer p.read {
    font-size: 17px !important;
    margin-top: 30px !important;
    padding-top: 0 !important;
  }
#fmv-newlife section#answer .list2 li {
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    padding: 15px 10px !important;
  }
}



#fmv-newlife .brsp{ display:none;}
#fmv-newlife .brpc{ display:block;}
#fmv-newlife .sp{ display:none;}
#fmv-newlife .pc{ display:inline;}
@media screen and (max-width: 767px) {
#fmv-newlife .brsp{ display:block;}
#fmv-newlife .brpc{ display:none;}
#fmv-newlife .sp{ display:inline;}
#fmv-newlife .pc{ display:none;}
}


/*common調整*/
body{ min-width: 1px; width: auto;}
#mains{ min-width: 1px;}
aside{ min-width: 767px;}
@media screen and (max-width: 767px) {
aside{ min-width: 1px;}
}