/* CSS Document */
html{
font-size:10px;
margin:0;
padding:0;
/* スムーススクロール */
scroll-behavior: smooth;
/* アンカーリンク余白調整 */
scroll-padding-top: 10px;
margin:0;
padding:0;
}
body {
background:#FFF;
margin:0;
padding:0;
font-size:2.0rem;
font-family: 'Noto Sans JP', "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;
line-height:1.6;
color:#000;
overflow-wrap: break-word;
text-align: center;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h1,h2,h3,h4,
ul,li,ol,dl,dt,dd,
img,iframe,strong,br,
header,footer,section,p{
margin:0;
padding:0;
}
ul,li,ol{
list-style: none;
}

a{
transition:0.3s;
text-decoration:underline;
color:#F53A18;
}
a:hover {
opacity: 0.8 ;
}
.big {
font-size:38px;
font-weight: bold;
color:#FFF;
}

strong {
font-weight: 700;
text-decoration: underline;
color:#FF0004;
}
/* b_side_nav */
#side_nav {
position: fixed;
bottom:80px;
right:-25px;
}
#side_nav img {
width:80px;
height:auto;
}
img {
margin:0;
padding:0;
line-height:1.0;
}

iframe,blockquote {
margin:0 auto;
text-align: center;
}
p{
margin-bottom:20px;
}




/* midashi */
h1{
margin-top:15px;
text-align:center;
}
h2{
}

/* align */
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.super {
vertical-align: super;
margin-right:4px;
font-size:1.8rem
}


/* highlight */
.highlighter {
background: linear-gradient(transparent 60%, #FFDC2E 60%);
}

/* responsive */
.dsp_pc{
display: block;
}
.dsp_sp{
display: none;
}

/*** layout ***** ****/

#frame {
width:980px;
margin:0 auto;
text-align: center;
}

/* header */
header{
line-height: 1.0;
}
header img{
}

#b_top {
position:fixed;
bottom:10px;
right:10px;
}


/*** nav *********/
nav {
text-align:center;
margin:30px auto 0 auto;
}
nav ul {
justify-content: center;
display:flex;
}
nav ul li{
}
nav ul a {
padding:5px 15px;
color:#000;
text-decoration: none;
}
nav ul a:hover{
text-decoration:underline;
}
nav ul a img {
margin-top:-3px;
}


/*** main *********/
#main {
margin:0 auto;
padding:0 0 50px 0;
}

section {
}
section#about table{
width:770px;
margin:0 auto;
}
section#about table td,
section#about table th{
text-align: left;
}
section#about table th{
font-weight: bolder;
width:30%;
}
section#about table td{
width:70%;
}


.box {
text-align: center;
}
.box .no01 {
background:#00A4CD;
padding:0 0 30px 0;
}
.box .no01 .big {
margin-top:30px;
}
.box .no01 p.no01 {
margin-bottom:20px;
}
.box .button_01 {
width:620px;
margin:0 auto;
}
.button_02 .dsp_pc{
display: inline-block;
}

/*** footer *********/

footer {
min-width:980px;
background: #00A4CD;
text-align: center;
color:#000;
font-size:1.6rem;
padding:30px 20px 20px 20px;
}
footer ul {
margin:0 0 30px 0;
}
footer ul li {
display: inline-block;
margin:0 8px;
}
footer ul li a {
color:#FFF;
}

/** smartphone ********************************/
@media screen and (min-width: 751px){
.br_crear {
display: none; 
}
}
@media only screen and (max-width: 750px) {
.dsp_pc {
display: none!important;
}
.dsp_sp {
display: block;
}




*{
max-width:100%;
}

#side_nav {
}
#side_nav img {
width:50px;
height:auto;
}



body {
font-size:1.6rem;
}

a{
line-height:1.3;
font-size:2.0rem;
}
.big {
font-size:2.6rem;
line-height:1.2;
margin-top:0;
}
table th {
min-width:30px;
}
img{
max-width:100%;
height:auto;
}

#frame {
}

nav a {
font-size:1.4rem;
}
nav ul a {
padding:5px 6px;
}
h1 {
margin:0;
padding:0;
}
h2 {
margin-bottom:10px;
font-size:1.8rem;
letter-spacing:1px;
}

header {
margin-top:0;
margin-bottom:0!important;
padding-top:0;
}
header h1 {
line-height:1.0!important;
margin-bottom:0!important;
padding-bottom:0!important;
}
#main {
padding-bottom:0;
}



#b_top img {
width:40px;
height:auto;
}

section {
margin-bottom:40px;
}
section#intro,
section#product {
margin-bottom:0;
}
.box {
}
.box .no01 {
padding:10px 5% 10px 5%;
}

.box .no01 p.no01 {
margin-bottom:0;
padding:0 0 25px 0;
}
section#about table{
max-width:375px;
}
section#about table td,
section#about table th{
font-size:1.2rem;
}


.button_02 {
padding:0 10% 0 10%;
}

iframe {
  width: 90%;
  aspect-ratio: 16/9; 
}


footer {
min-width:240px;
font-size:1.4rem;
padding:20px 20px 30px 20px;
font-size:1.2rem;
margin-top:0;
}

}