@charset "UTF-8";

/* reset,preset
**************************************************************************************************/
#sdpf * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#sdpf { line-height:1; margin:0; -webkit-text-size-adjust: 100%; }
#sdpf h1, #sdpf h2, #sdpf h3, #sdpf h4, #sdpf h5, #sdpf h6{ margin: 0; font-family: 'Noto Sans JP', sans-serif; }
#sdpf p { line-height:1.5; margin: 0; font-family: 'Noto Sans JP', sans-serif; }
#sdpf article,#sdpf aside,#sdpf details,#sdpf figcaption,#sdpf figure,
#sdpf footer,#sdpf header,#sdpf hgroup,#sdpf menu,#sdpf nav,#sdpf section
{	display:block; }
#sdpf hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
#sdpf ul { list-style:none; margin:0; padding:0; }
#sdpf li { margin:0; padding:0; }
#sdpf input, #sdpf select { vertical-align:middle; }
#sdpf a,#sdpf button,#sdpf input,#sdpf select { outline: none; cursor: pointer; }
#sdpf img { vertical-align:middle; }
#sdpf figure { margin: 0; padding: 0; }
#sdpf picture { display: block; }

#sdpf a { color: #222222; text-decoration:none; outline: none; backface-visibility:hidden; }
#sdpf a:visited {  }
#sdpf a:hover{ }
#sdpf a img { border:0; position:relative; }
@media screen and (min-width: 769px) {
  #sdpf a { -webkit-transition: all 0.2s; transition: all 0.2s;  }
  #sdpf a:hover{ opacity:0.8; }
}

/* mediaquery
**************************************************************************************************/

/* font
**************************************************************************************************/
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 200;
	src: url('/content/dam/nttcom/hq/jp/business/dx/smart/font/NotoSansCJKjp-Light.woff') format('woff')
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('/content/dam/nttcom/hq/jp/business/dx/smart/font/NotoSansCJKjp-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('/content/dam/nttcom/hq/jp/business/dx/smart/font/NotoSansCJKjp-Bold.woff') format('woff');
}

/* animation
**************************************************************************************************/

/* fontsize,color
**************************************************************************************************/
#sdpf table { font-size:inherit;font:100% }
#sdpf pre,#sdpf code,#sdpf kbd,#sdpf samp,#sdpf tt { font-family:monospace;*font-size:108%;line-height:100% }
#sdpf .serif { font-family: serif; }
#sdpf .sanserif { font-family: sans-serif; }

#sdpf .embed{ position:relative; width:100%; padding-top:56.25%; }
#sdpf .embed iframe{ position:absolute; top:0; right:0; width:100%; height:100%; }