/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* XHTML1.1/CSS【Type Jimdo】2009.10.24 var.1.0　(C)advista */
/* [http://www.meihoski.co.jp/] */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li{list-style:none;}
input,textarea{font-size: 1em;}
img{border: 0px none;}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body {-webkit-text-size-adjust: 100%;}

.text              {font-size: 18px; color: #562a00; line-height: 2rem; letter-spacing: 0.05rem;}
.big              { font-size:36px; text-align:center;color:#562a00;     line-height: 3.5rem;
    letter-spacing: 0.2rem;}
.mid              { font-size:27px;color:#562a00;    line-height: 2rem;
    letter-spacing: 0.1rem;}
h2                { font-size:42px; font-weight:300; color:#fff; line-height: 4rem; letter-spacing: 0.3rem;margin-bottom: 30px;}

#header         { display:flex; justify-content: space-between;    max-width: 1200px; margin: 0 auto; padding:10px;    align-items: center;}

#top     { background:url(../img/towelimg/topbg_10.jpg); background-repeat:no-repeat; background-size:cover; margin-bottom:0px;}


#top ul     { display:flex; justify-content: space-between; margin: 0 auto;max-width: 1100px;    padding: 100px 0;}

.tateflex       { display:flex;    flex-wrap: wrap; flex-direction: column; justify-content: space-between;}



#cont01 .contbox,#cont02 .contbox,#cont03 .contbox,#cont04 .contbox           { margin:0 auto; max-width: 1100px;}

#cont01 .big            { margin:60px; position:relative;}

#cont01 .big::before           { content:""; background:url(../img/towelimg/dakara.png); position:absolute;    width: 124px;
    height: 124px;    top: 60px;
    left: -130px;}

#cont01 ul       { display:flex; justify-content: space-between;    max-width: 1200px; margin: 0 auto; margin-bottom:60px;}

#cont01 ul li     { display:flex;    flex-wrap: wrap; flex-direction: column; max-width:328px;}



.box .text        { padding:0 30px 30px;}
.box            { border:3px solid #562a00;    min-height: 650px;    margin-bottom: 70px;} 

.boximg    { display:block; margin-bottom:15px;}

.icon        { text-align:center; display: block;    margin: 0 auto 15px;}

.boxunder      { position:relative;padding: 30px; border:3px solid #562a00;    min-height: 160px;}

.boxunder::before     {content:"▼"; color:#562a00; position:absolute;     font-size: 60px;     top: -50px; left: 131px;}


#flow              { margin-bottom:60px;}

.ma60        { margin-bottom:60px;}


#cont02      { background:#ed751e;}


#cont02 .text,#cont02 .mid     { color:#fff;}

#cont02 .contbox        { padding:100px 0; position:relative;}


#cont02 ul::after    { content:""; position:absolute; background:url(../img/towelimg/cotton60.png);    top: 260px;
    right: 0;
    width: 346px;
    height: 323px;
    background-repeat: no-repeat;}

#cont02 ul li            {    padding-top: 7px; margin-bottom:30px; padding-left:60px; position:relative;}

#cont02 ul li::before            { content:""; background: url(../img/towelimg/check.png); position:absolute;     width: 44px;
    height: 42px;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;}





#cont03 ul   {display:flex; justify-content: space-between; margin: 0 auto;max-width: 1100px;    padding: 100px 0;}

#cont03 .tateflex   { display:flex;    flex-wrap: wrap; flex-direction: column; justify-content: space-between;}



#cont03 .tateflex .text  { color:#595757;}

#cont03 .tateflex b       { color:#562a00;}

.img            { margin:0 auto;
    text-align: center;    margin-bottom: 30px;
}

#cont03 .big           { color:#fff; padding:10px 20px; background-color:#ed751e; margin-bottom:60px;}

#cont04          { background:#562a00;}

#cont04 .contbox        { padding:100px 0;}

#cont04 .text         { color:#fff;}


footer a  { text-decoration:none; color:#595757;}

footer ul             {    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1100px;
    padding: 40px 0;
    align-items: flex-end;}

.slider img1 {
  backface-visibility: hidden;
}

.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  border-radius: 5px;
  width: 230px;
  height: 40px;
  font-weight: bold;
  border-bottom: 4px solid #177e9e;
  transition: 0.3s;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
  background-color: #03a9f4;
  margin-bottom:18px;
}

.original-button:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0.4);
  border-bottom-width: 2px;
  transform: translateY(2px);
}