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


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


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

#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: 50rem;/* 800px */
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 {
padding: 3rem 0 0 0;
width: 100%;
}

h2 {
	display: block;
	text-align: center;
	padding: 0 0 1rem 0;
}


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

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