/**********************************************************************/
/* base.css */
/**********************************************************************/


/* SmartPhone setup -------------------------------------- */
html{-webkit-text-size-adjust: none;}
img,
video { max-width :100%; } 


/* BaseLayout -------------------------------------- */
body {
color: #000;
overflow-x:hidden;
overflow-y:auto;
background-color:#f0f0f0;
}

#container {
margin: 0 auto;
padding: 0;
}

.col-fluid{
margin: 0 auto;
padding: 0;
clear:both;
display: -webkit-flex;
display: flex;
 -webkit-flex-wrap:nowrap;
flex-wrap: wrap;
}

.col{
width: 76.25rem;/* 1220px */
margin: 0 auto;
padding: 0;
clear:both;
display: -webkit-flex;
display: flex;
 -webkit-flex-wrap:nowrap;
flex-wrap: wrap;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}


/**********************************************************************/
/* CONTENTS */
/**********************************************************************/


/* Main -- 1 column  --------------------------------- */
.one-col-01 {
width: 100%;
}

/* Main -- COMMON STYLE  ----------------------------- */
h1 {
margin:0;
padding:0;
}

h2 {
margin:0;
padding:0;
}

h3 {
margin:0;
padding:0;
}

h4 {
margin:0;
padding:0;
}

article {
margin:0;
padding:0;
clear:both;
}

p {
margin:0;
padding:0;
}

.pb01 {
padding-bottom: 1rem;
}

.pb02 {
padding-bottom: 2rem;
}

.pb03 {
padding-bottom: 3rem;
}

.mt02 {
margin-top: 2rem;
}

.mb01 {
margin-bottom: 1rem;
}

.mb02 {
margin-bottom: 2rem;
}

.mb03 {
margin-bottom: 3rem;
}

.mb05 {
margin-bottom: 5rem;
}

/* footer ---------------------------------------- */
footer {
}

#totop {
text-align:right;
}

#copyright {
display: block;
text-align: center;
}

/**********************************************************************/
/* max-width : 1220px ***** FOR TL or PC */
/**********************************************************************/
@media screen and (max-width : 1220px){
.col {
width: 80%;
}
}


/**********************************************************************/
/* max-width : 767px ***** FOR SP */
/**********************************************************************/
@media screen and (max-width : 767px){
.col {
width: 90%;
}
}