@charset "UTF-8";
/* ======================================== reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span {
  margin: auto;
  padding: 0;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

h1, h2, h3, form, p, ul, li, ol, dl, dt, dd {
  margin: auto;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul, span {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6, big, small {
  font-size: 100%;
  font-weight: normal;
}

select, input, textarea {
  font-size: 100%;
}

b, strong {
  font-weight: bold;
}

em {
  font-style: normal;
}

a:link, a:active, a:hover, a:visited {
  color: #ff4f00;
  font-size: 100%;
  line-height: 100%;
  text-decoration: none;
  margin: auto;
  padding: 0;
}

noscript a:link, noscript a:visited, noscript a:active {
  text-decoration: underline;
  color: #000;
  line-height: 100%;
  margin: auto;
  padding: 0;
}

img {
  vertical-align: bottom;
}

body {
  background: #fff;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  color: #000;
  font-family:sans-serif;
  font-size: 14px;
}

small {
  font-size: smaller;
}

.clear {
  clear: both;
}

.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.w15p { width: 15%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w65p { width: 65%; }
.w75p { width: 75%; }


.orange {
  color: #ff4f00;
}

/* For modern browsers */
.cf:before,
.cf:after {
  content:"";
  display:block;
  overflow:hidden;
}
 
.cf:after {
  clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom:1;
}


/* For web font */
@font-face {
  font-family: 'CenturyGothic';
  src: url('../font/GOTHIC.TTF') format('truetype');
}



/*------------------------------------------------------*/

/* ======================================== body */
body {
  text-align: center;
  background: #ffffff;
//  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.7, #ffffff), to(#dddddd));
//  background: -moz-linear-gradient(top, #ffffff, #dddddd);
  background: -moz-linear-gradient(top, #ffffff, #ffffff 70%, #dddddd);
  margin: 0;
}


/* ======================================== wrapper */
@media screen and (min-width: 1100px){
  .wrp {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
  }
}


/* ======================================== header */
.pagetop .logoBlock {
  float: left;
  margin: 0;
  padding: 0 0 0 70px;
}
.pagetop .logoBlock a {
  display: block;
}

.pagetop .naviBlock {
  width: 426px;
  height: 64px;
  overflow:hidden;
  float:right;
  margin: 0;
  padding: 0;
}

.pagetop .naviBlock ul {
  overflow:hidden;
  clear: both;
}

.pagetop .naviBlock li {
  height: 100%;
  float:left;
  margin: 0;
}

.pagetop .naviBlock li.current {
  color: #ffffff;
  background: #fa6b08;
  padding: 25px 20px;
}

.pagetop .naviBlock li a {
  padding: 25px 20px;
  display: block;
}

.pagetop .naviBlock li a:hover {
  color: #ffffff;
  background: #666666;
}



/*------------------------------------------
               リサイズ対応
---------------------------------------------*/
@media screen and (max-width: 770px){
  .pagetop .naviBlock{
    width: 100%;
    float: left;
  }
  .pagetop .naviBlock li{
    width: 24%;
    height: 100%;
    text-align: center;
  }
  .pagetop .naviBlock li.current,
  .pagetop .naviBlock li a{
    padding: 25px 5px;
  }
}




/* ======================================== article */
/* 本文 */
.article {
  padding: 50px 52px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 770px){
  .article {
    padding: 50px 6%;
  }
}

.column2R {
  padding: 0 18px;
  float: right;
}

.column2L {
  padding: 0 18px;
  float: left;
}

@media screen and (max-width: 1100px){
  .column2R,
  .column2L {
    float: none;
  }
}


.floatR {
  float: right;
  margin: 0 0 30px 30px;
}

.floatL {
  float: left;
  margin: 0 30px 30px 0;
}


/* ======================================== footer */
.footer {
  text-align: center;
  position: relative;
  clear: both;
}

.snsLink {
  top: -40px;
  right: 20px;
  position: absolute;
}

.snsLink ul li.linkList {
  display: inline-block;
}


.footerLink ul {
  font-size: 8.5px;
  letter-spacing: -0.4em;
}

.footerLink ul li.linkList {
  letter-spacing: 2px;
  border-right: #545454 1px solid;
  border-left: #545454 1px solid;
  margin: 10px 0;
  padding: 0 20px;
  display: inline-block;
}

.footerLink ul li.linkList a {
  color: #545454;
}


.copyright {
  color: #444444;
  font-size: 9.5px;
  margin: 20px 0;
}