@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
**************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;400;700&display=swap');

/* 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%; }