@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html , body , div , span , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , abbr , address , cite , code , del , dfn , em , img , ins , kbd , q , samp , small , strong , sub , sup , var , b , i , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td , article , aside , canvas , details , figcaption , figure , footer , header , menu , nav , section , summary , time , mark , audio , video {
    background: transparent; 
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

article , aside , details , figcaption , figure , footer , header , menu , nav , section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote , q {
    quotes: none;
}

blockquote:before , blockquote:after , q:before , q:after {
    content: "";
    content: none;
}

a {
    background: transparent; 
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title] , dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

input , select {
    vertical-align: middle;
}

/* ================================================================
 * Base
 * 要素に直接スタイルを当てるものを記述
================================================================ */
html {
    font-size: 62.5% !important;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: #231815;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1;
}

input {
    color: #231815;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: none;
}

textarea {
    color: #231815;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: none; 
    overflow: auto;
    resize: none;
}

h1 , h2 , h3 , h4 , h5 , h6 {
    font-weight: normal;
}

ul , ol {
    list-style: none;
}

a {
    color: #231815; 
    text-decoration: none;
}
a:hover , a:focus {
    -webkit-transition: all .3s ease-out;
    color: #231815;
    transition: all .3s ease-out;
}
a:hover:focus , a:hover:hover , a:focus:focus , a:focus:hover {
    opacity: .9;
}

/* ================================================================
 * Layout
 * headerやfooterなどレイアウトに関わるスタイルを記述
================================================================ */
/* ================================================================
 * Component
 * 使い回すパーツを記述
================================================================ */
/* ================================================================
 * Project
 * 画面固有のスタイルを記述
================================================================ */
div {
    position: relative;
}

.nsg50-container {
    line-height: 1.5;
}
.nsg50-container--top {
    height: 3000px;/*2630*/
}
.nsg50-container--detail {
    height: 3000px;
}
.nsg50-container--detail2 {
    height: 2800px;
}
.nsg50-container--detail3 {
    height: 3150px;
}
.nsg50-container--detail4 {
    height: 2800px;
}
.nsg50-container--detail5 {
    height: 2800px;/*2700*/
}
.nsg50-container--detail6 {
    height: 2800px;/*2700*/
}
.nsg50-container--detail7 {
    height: 2870px;/*3600*/
}
.nsg50-container--detail8 {
    height: 2800px;
}
.nsg50-container--detail9 {
    height: 3170px;/*2800*/
}
.nsg50-container--detail10 {
    height: 2900px;
}

.nsg50-col {
    padding: 0 20px 0 30px;
}

.nsg50-mv {
    background-image: url(../images/mv.jpg);
}
.nsg50-mv__text {
    bottom: 28px;
    text-shadow: 2px 2px 1px #fff;
}

.nsg50-box > a {
    display: block;
}

.nsg50-box__num {
    background-color: #2553AB;
}

.nsg50-box__text {
    background-color: #ff5189;
}

.nsg50-box__img img[src="assets/images/nsg50/load.gif"] {
    height: 100% !important;
    left: 50% !important; 
    top: 50% !important;
}

.nsg50-detail {
    margin: 0 20px 50px 30px;
}

.nsg50-detailCol__text {
    line-height: 2;
}

/* ================================================================
 * Utility
 * ユーティリティ系のスタイルを記述
================================================================ */
.u-mt0 {
    margin-top: 0 !important;
}

.u-pt0 {
    padding-top: 0 !important;
}

.u-mr0 {
    margin-right: 0 !important;
}

.u-pr0 {
    padding-right: 0 !important;
}

.u-mb0 {
    margin-bottom: 0 !important;
}

.u-pb0 {
    padding-bottom: 0 !important;
}

.u-ml0 {
    margin-left: 0 !important;
}

.u-pl0 {
    padding-left: 0 !important;
}

.u-mt5 {
    margin-top: 5px !important;
}

.u-pt5 {
    padding-top: 5px !important;
}

.u-mr5 {
    margin-right: 5px !important;
}

.u-pr5 {
    padding-right: 5px !important;
}

.u-mb5 {
    margin-bottom: 5px !important;
}

.u-pb5 {
    padding-bottom: 5px !important;
}

.u-ml5 {
    margin-left: 5px !important;
}

.u-pl5 {
    padding-left: 5px !important;
}

.u-mt10 {
    margin-top: 10px !important;
}

.u-pt10 {
    padding-top: 10px !important;
}

.u-mr10 {
    margin-right: 10px !important;
}

.u-pr10 {
    padding-right: 10px !important;
}

.u-mb10 {
    margin-bottom: 10px !important;
}

.u-pb10 {
    padding-bottom: 10px !important;
}

.u-ml10 {
    margin-left: 10px !important;
}

.u-pl10 {
    padding-left: 10px !important;
}

.u-mt15 {
    margin-top: 15px !important;
}

.u-pt15 {
    padding-top: 15px !important;
}

.u-mr15 {
    margin-right: 15px !important;
}

.u-pr15 {
    padding-right: 15px !important;
}

.u-mb15 {
    margin-bottom: 15px !important;
}

.u-pb15 {
    padding-bottom: 15px !important;
}

.u-ml15 {
    margin-left: 15px !important;
}

.u-pl15 {
    padding-left: 15px !important;
}

.u-mt20 {
    margin-top: 20px !important;
}

.u-pt20 {
    padding-top: 20px !important;
}

.u-mr20 {
    margin-right: 20px !important;
}

.u-pr20 {
    padding-right: 20px !important;
}

.u-mb20 {
    margin-bottom: 20px !important;
}

.u-pb20 {
    padding-bottom: 20px !important;
}

.u-ml20 {
    margin-left: 20px !important;
}

.u-pl20 {
    padding-left: 20px !important;
}

.u-mt25 {
    margin-top: 25px !important;
}

.u-pt25 {
    padding-top: 25px !important;
}

.u-mr25 {
    margin-right: 25px !important;
}

.u-pr25 {
    padding-right: 25px !important;
}

.u-mb25 {
    margin-bottom: 25px !important;
}

.u-pb25 {
    padding-bottom: 25px !important;
}

.u-ml25 {
    margin-left: 25px !important;
}

.u-pl25 {
    padding-left: 25px !important;
}

.u-mt30 {
    margin-top: 30px !important;
}

.u-pt30 {
    padding-top: 30px !important;
}

.u-mr30 {
    margin-right: 30px !important;
}

.u-pr30 {
    padding-right: 30px !important;
}

.u-mb30 {
    margin-bottom: 30px !important;
}

.u-pb30 {
    padding-bottom: 30px !important;
}

.u-ml30 {
    margin-left: 30px !important;
}

.u-pl30 {
    padding-left: 30px !important;
}

.u-mt35 {
    margin-top: 35px !important;
}

.u-pt35 {
    padding-top: 35px !important;
}

.u-mr35 {
    margin-right: 35px !important;
}

.u-pr35 {
    padding-right: 35px !important;
}

.u-mb35 {
    margin-bottom: 35px !important;
}

.u-pb35 {
    padding-bottom: 35px !important;
}

.u-ml35 {
    margin-left: 35px !important;
}

.u-pl35 {
    padding-left: 35px !important;
}

.u-mt40 {
    margin-top: 40px !important;
}

.u-pt40 {
    padding-top: 40px !important;
}

.u-mr40 {
    margin-right: 40px !important;
}

.u-pr40 {
    padding-right: 40px !important;
}

.u-mb40 {
    margin-bottom: 40px !important;
}

.u-pb40 {
    padding-bottom: 40px !important;
}

.u-ml40 {
    margin-left: 40px !important;
}

.u-pl40 {
    padding-left: 40px !important;
}

.u-mt45 {
    margin-top: 45px !important;
}

.u-pt45 {
    padding-top: 45px !important;
}

.u-mr45 {
    margin-right: 45px !important;
}

.u-pr45 {
    padding-right: 45px !important;
}

.u-mb45 {
    margin-bottom: 45px !important;
}

.u-pb45 {
    padding-bottom: 45px !important;
}

.u-ml45 {
    margin-left: 45px !important;
}

.u-pl45 {
    padding-left: 45px !important;
}

.u-mt50 {
    margin-top: 50px !important;
}

.u-pt50 {
    padding-top: 50px !important;
}

.u-mr50 {
    margin-right: 50px !important;
}

.u-pr50 {
    padding-right: 50px !important;
}

.u-mb50 {
    margin-bottom: 50px !important;
}

.u-pb50 {
    padding-bottom: 50px !important;
}

.u-ml50 {
    margin-left: 50px !important;
}

.u-pl50 {
    padding-left: 50px !important;
}

.u-mt55 {
    margin-top: 55px !important;
}

.u-pt55 {
    padding-top: 55px !important;
}

.u-mr55 {
    margin-right: 55px !important;
}

.u-pr55 {
    padding-right: 55px !important;
}

.u-mb55 {
    margin-bottom: 55px !important;
}

.u-pb55 {
    padding-bottom: 55px !important;
}

.u-ml55 {
    margin-left: 55px !important;
}

.u-pl55 {
    padding-left: 55px !important;
}

.u-mt60 {
    margin-top: 60px !important;
}

.u-pt60 {
    padding-top: 60px !important;
}

.u-mr60 {
    margin-right: 60px !important;
}

.u-pr60 {
    padding-right: 60px !important;
}

.u-mb60 {
    margin-bottom: 60px !important;
}

.u-pb60 {
    padding-bottom: 60px !important;
}

.u-ml60 {
    margin-left: 60px !important;
}

.u-pl60 {
    padding-left: 60px !important;
}

.u-mt65 {
    margin-top: 65px !important;
}

.u-pt65 {
    padding-top: 65px !important;
}

.u-mr65 {
    margin-right: 65px !important;
}

.u-pr65 {
    padding-right: 65px !important;
}

.u-mb65 {
    margin-bottom: 65px !important;
}

.u-pb65 {
    padding-bottom: 65px !important;
}

.u-ml65 {
    margin-left: 65px !important;
}

.u-pl65 {
    padding-left: 65px !important;
}

.u-mt70 {
    margin-top: 70px !important;
}

.u-pt70 {
    padding-top: 70px !important;
}

.u-mr70 {
    margin-right: 70px !important;
}

.u-pr70 {
    padding-right: 70px !important;
}

.u-mb70 {
    margin-bottom: 70px !important;
}

.u-pb70 {
    padding-bottom: 70px !important;
}

.u-ml70 {
    margin-left: 70px !important;
}

.u-pl70 {
    padding-left: 70px !important;
}

.u-mt75 {
    margin-top: 75px !important;
}

.u-pt75 {
    padding-top: 75px !important;
}

.u-mr75 {
    margin-right: 75px !important;
}

.u-pr75 {
    padding-right: 75px !important;
}

.u-mb75 {
    margin-bottom: 75px !important;
}

.u-pb75 {
    padding-bottom: 75px !important;
}

.u-ml75 {
    margin-left: 75px !important;
}

.u-pl75 {
    padding-left: 75px !important;
}

.u-mt80 {
    margin-top: 80px !important;
}

.u-pt80 {
    padding-top: 80px !important;
}

.u-mr80 {
    margin-right: 80px !important;
}

.u-pr80 {
    padding-right: 80px !important;
}

.u-mb80 {
    margin-bottom: 80px !important;
}

.u-pb80 {
    padding-bottom: 80px !important;
}

.u-ml80 {
    margin-left: 80px !important;
}

.u-pl80 {
    padding-left: 80px !important;
}

.u-mt85 {
    margin-top: 85px !important;
}

.u-pt85 {
    padding-top: 85px !important;
}

.u-mr85 {
    margin-right: 85px !important;
}

.u-pr85 {
    padding-right: 85px !important;
}

.u-mb85 {
    margin-bottom: 85px !important;
}

.u-pb85 {
    padding-bottom: 85px !important;
}

.u-ml85 {
    margin-left: 85px !important;
}

.u-pl85 {
    padding-left: 85px !important;
}

.u-mt90 {
    margin-top: 90px !important;
}

.u-pt90 {
    padding-top: 90px !important;
}

.u-mr90 {
    margin-right: 90px !important;
}

.u-pr90 {
    padding-right: 90px !important;
}

.u-mb90 {
    margin-bottom: 90px !important;
}

.u-pb90 {
    padding-bottom: 90px !important;
}

.u-ml90 {
    margin-left: 90px !important;
}

.u-pl90 {
    padding-left: 90px !important;
}

.u-mt95 {
    margin-top: 95px !important;
}

.u-pt95 {
    padding-top: 95px !important;
}

.u-mr95 {
    margin-right: 95px !important;
}

.u-pr95 {
    padding-right: 95px !important;
}

.u-mb95 {
    margin-bottom: 95px !important;
}

.u-pb95 {
    padding-bottom: 95px !important;
}

.u-ml95 {
    margin-left: 95px !important;
}

.u-pl95 {
    padding-left: 95px !important;
}

.u-mt100 {
    margin-top: 100px !important;
}

.u-pt100 {
    padding-top: 100px !important;
}

.u-mr100 {
    margin-right: 100px !important;
}

.u-pr100 {
    padding-right: 100px !important;
}

.u-mb100 {
    margin-bottom: 100px !important;
}

.u-pb100 {
    padding-bottom: 100px !important;
}

.u-ml100 {
    margin-left: 100px !important;
}

.u-pl100 {
    padding-left: 100px !important;
}

.u-youtube-wrap{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.u-youtube-wrap iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}