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

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

#top            { background:url(../img/top/top_image.jpg); background-repeat:no-repeat; background-size:cover; margin-bottom:4px; height:1053px; text-align:center;/* max-width: 1200px;*/ margin:auto;}
#top .topbox       { padding:60px 0;}
#top .title     { font-size:34px; font-weight:bold; color:#fff;}
#top .img       { padding:40px 0;}
#top .big       {font-size:28px; color:#00478a; font-weight:bold;  line-height: 2.8rem; padding-top:80px;}
.img            { text-align:center;}
.img .imgbox           { width:100%;}


#cont01 .contbox,#cont02 .contbox{ /*max-width:1280px;*/max-width:1100px;}

#cont01 .contbox {margin:145px auto;}
#cont01 .contbox .img{ text-align:center;}
#cont01 .contbox ul{ display:flex; justify-content:center; flex-wrap: wrap;}
#cont01 .contbox li{ margin:40px 60px 0px; text-align: center;}

#cont02         { background:url(../img/top/cont02_image.jpg); /*height:1040px;*/ /*max-width:1200px; margin:auto;*/ width: 100vw; padding-bottom: 40px;}
#cont02 .contbox{ margin:auto;}
#cont02 .contbox .subtitle            { position:relative; top:-44px; text-align:center;}
#cont02  h3   { text-align:center; color:#00478a; letter-spacing: 0.12rem; font-size:21px;}
#cont02  h4   {color:#00478a; margin-bottom:15px; height:48px;}
#cont02 .contbox ul{ display:flex; justify-content:center;}
#cont02 .contbox li { margin: 0 40px 60px;  min-width: 400px;}
#cont02 .box .imgbox{ display:flex; justify-content:center; padding-bottom:20px; min-height:400px; align-items: center;}

#cont02 .contbox .box dl{ max-width:330px; display:flex; margin: auto;}
#cont02 .contbox .box dt{ min-width:70px;}
#cont02 .contbox .box dd{}
#cont02 .contbox .box dd span{ font-size:10px;}


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);
}