@charset "UTF-8";
/*------------- ! CAUTION ! ---------------
*  このcssはsassからコンパイルされたものです｡  *
------------------------------------------*/
/* reset
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }

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

fieldset, img { border: 0; }

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

h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1; }

img { vertical-align: bottom; }

br { letter-spacing: 0; }

header, nav, main, section, article, aside, footer, button { display: block; }

/* init
-------------------------------------------*/
html { font-size: 62.5%; background-color: #FFF; }

body { color: #333; font-size: 4.69vw; font-family: "FP-ヒラギノUD丸ゴ StdN W3"; }

@media only screen and (min-width: 48.0625em) { body { font-size: 1.8em; } }
/* site settings
-------------------------------------------*/
.page { overflow: hidden; }

.inner { position: relative; width: 94.79vw; margin: 0 auto; }

@media only screen and (min-width: 48.0625em) { .inner { width: 980px; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .inner { width: 98%; } }
a { color: #208FCF; }
a:hover { text-decoration: none; opacity: .7; }

img { height: auto; }

p, ul, table { line-height: 1.8; }

input, textarea { font-family: "FP-ヒラギノUD丸ゴ StdN W6" !important; }

@media only screen and (min-width: 48.0625em) { .spBr, .sp { display: none; } }
@media only screen and (max-width: 48em) { .pcBr { display: none; } }
/* utility class
-------------------------------------------*/
.fl-r { float: right; }

.fl-l { float: left; }

.clear { display: block; clear: both; height: 0; line-height: 0; font-size: 0; }

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

.hover:hover, .link--hover:hover { opacity: 0.7; transition: opacity .5s; }

.uline, .link--uline { text-decoration: underline; }

.uline:hover, .link--uline:hover, .uline--r, .link--noline { text-decoration: none; }

.uline--r:hover, .link--noline:hover { text-decoration: underline; }

ul.list, .list--h, .list--hb, .list--flex { overflow: hidden; zoom: 1; list-style-type: none; }

ul.list li, .list--h li, .list--hb li, .list--flex li { background: 設定; padding-left: 設定; }

.list--h:after { content: ""; clear: both; display: table; }
.list--h > li { float: left; }

.list--hb { letter-spacing: -.6em; text-align: center; }
.list--hb > li { display: inline-block; letter-spacing: normal; vertical-align: middle; }

.list--flex { display: flex; }

ul[class*="list1-"] { clear: both; overflow: hidden; zoom: 1; }
ul[class*="list1-"] li { padding-right: 20px; float: left; line-height: 1.4; }

.list1-2 li { width: 50%; }

.list1-3 li { width: 33.3%; }

.list1-4 li { width: 25%; }

ol.list { counter-reset: li; }
ol.list li { position: relative; margin-left: 1em; }
ol.list li:before { content: counter(li); counter-increment: li; position: absolute; left: -1em; width: 1em; text-align: center; }

/* style
-------------------------------------------*/
ul > li { display: inline; list-style-type: none; }

.headline--title, .headline--small { line-height: 1.4; color: #000; font-size: 9.11vw; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; text-align: center; }

@media only screen and (min-width: 48.0625em) { .headline--title, .headline--small { font-size: 4rem; } }
.headline--large { color: #134279; display: inline-block; height: 13.93vw; line-height: 13.93vw; padding: 0 11.33vw; background: url(../images/bg-head-before.png) no-repeat left center/contain, url(../images/bg-head-after.png) no-repeat right center/contain; text-align: center; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; font-size: 10.41vw; }

@media only screen and (min-width: 48.0625em) { .headline--large { height: 80px; line-height: 80px; padding: 0 70px; box-sizing: border-box; text-align: center; font-size: 6rem; } }
.headline--middle { color: #134279; text-align: center; font-size: 7.81vw; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }

@media only screen and (min-width: 48.0625em) { .headline--middle { font-size: 4.7rem; } }
.headline--xsmall { color: #000; text-align: center; font-size: 6.51vw; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }

@media only screen and (min-width: 48.0625em) { .headline--xsmall { font-size: 3rem; } }
.headline--tel { font-size: 5.21vw; }

@media only screen and (min-width: 48.0625em) { .headline--tel { font-size: 2.4rem; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .headline--tel { font-size: 2.4vw; } }
.article--p { margin-top: 4.56vw; }

@media only screen and (min-width: 48.0625em) { .article--p { margin-top: 25px; } }
.article--table { width: 100%; margin-top: 5.21vw; border-top: 1px solid #CCC; text-align: left; font-size: 3.91vw; }
.article--table th { padding: 4.29vw 0; border-bottom: 1px solid #CCC; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
.article--table td { padding: 4.29vw 0 4.29vw 6.51vw; border-bottom: 1px solid #CCC; }

@media only screen and (min-width: 48.0625em) { .article--table { width: 800px; margin: 20px auto 0; font-size: 1.8rem; } }
@media only screen and (min-width: 48.0625em) { .article--table th { padding: 25px 22px; } }
@media only screen and (min-width: 48.0625em) { .article--table td { padding: 25px 22px 25px 50px; } }
.headWrap { width: 100%; text-align: center; }

.main__btn, .main__btn--totop { text-align: center; }

.main__btn a, .main__btn--totop a, .main__btn input, .main__btn--totop input { display: inline-block; line-height: 1; width: 70.625vw; margin-top: 6.25vw; padding: 3.91vw 7.81vw; box-sizing: border-box; border: none; border-radius: 8px; background-color: #134279; color: #FFF; text-decoration: none; font-size: 5.73vw; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }

@media only screen and (min-width: 48.0625em) { .main__btn a, .main__btn--totop a, .main__btn input, .main__btn--totop input { margin: 30px 8px; padding: 15px 30px; width: 280px; font-size: 2.2rem; } }
.main__btn input, .main__btn--totop input { -webkit-appearance: none; }

@media only screen and (min-width: 48.0625em) { .main__btn--totop a { margin-top: 50px; } }
#mail_form .main__btn, #mail_form .main__btn--totop { font-size: 0; }
#mail_form .main__btn input, #mail_form .main__btn--totop input { padding: 3.91vw 8.46vw; border: 4px solid #134279; cursor: pointer; font-size: 5.73vw; }
#mail_form .main__btn input:hover, #mail_form .main__btn--totop input:hover { opacity: .7; }
#mail_form #mail_back_button { margin-right: 3.91vw; background-color: #FFF; color: #134279; }

@media only screen and (min-width: 48.0625em) { #mail_form .main__btn input, #mail_form .main__btn--totop input { padding: 15px 45px; font-size: 2.4rem; } }
@media only screen and (min-width: 48.0625em) { #mail_form #mail_back_button { margin-right: 32px; padding: 15px 40px; } }
.lead { margin-top: 7.81vw; }

@media only screen and (min-width: 48.0625em) { .lead { line-height: 2; margin-top: 30px; } }
.main__content { position: relative; padding: 13.67vw 0; background-color: #FFF; }
.main__content:nth-child(even) { position: relative; padding: 13.67vw 0; background-color: #FFF; }
.main__content::before { display: block; position: absolute; top: -2.60vw; left: 0; width: 100%; height: 2.60vw; background: url(../images/bg-cloud-white.png) repeat-x center top/contain; content: ""; }
.main__content:nth-child(even) { background-color: #E5E5E5; }
.main__content:nth-child(even)::before { display: block; position: absolute; top: -2.60vw; left: 0; width: 100%; height: 2.60vw; background: url(../images/bg-cloud-white.png) repeat-x center top/contain; content: ""; background: url(../images/bg-cloud-gray.png) repeat-x center top/contain; }

@media only screen and (min-width: 48.0625em) { .main__content { padding: 100px 0; text-align: center; }
  .main__content:nth-child(even) { padding: 100px 0; text-align: center; } }
@media only screen and (min-width: 48.0625em) { .main__content::before, .main__content:nth-child(even)::before { top: -20px; height: 20px; } }
/* layout
-------------------------------------------*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

#graylayer { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.5); z-index: 7777; }
#graylayer::after { display: inline-block; height: 100%; vertical-align: middle; content: ""; }

#overlayer { display: none; position: relative; overflow-y: visible; width: 88.6vw; max-width: 886px; height: 626px; max-height: 83vh; padding: 20px; background: #FFF; vertical-align: middle; z-index: 8888; }
#overlayer .close { position: absolute; top: -18px; right: -18px; z-index: 9999; cursor: pointer; }
#overlayer img { width: 100%; }

#overImg { overflow: auto; height: 100%; }

#header { width: 100%; height: 80.73vw; text-align: center; background-color: #007DBB; -webkit-animation: bgcolor 45s infinite; animation: bgcolor 45s infinite; }

@media only screen and (min-width: 48.0625em) { #header { height: 360px; } }
.header__logo { position: absolute; top: 23.43vw; left: 50%; margin-left: -13.93vw; }
.header__logo img { width: 27.86vw; }

@media only screen and (min-width: 48.0625em) { .header__logo { top: 70px; margin-left: -75px; }
  .header__logo img { width: 150px; } }
.header__utility { float: right; padding: 1.95vw 0; border-radius: 0 0 9px 9px; background-color: #FFF; }

@media only screen and (min-width: 48.0625em) { .header__utility { padding: 17px 0; font-size: 20px; } }
.header__utility__list { line-height: 1; }
.header__utility__list li { padding: 0.91vw 1.95vw 0.91vw  3.90vw; background: url(../images/bg-utility.png) no-repeat left top/0.78vw 6.25vw; }
.header__utility__list li:first-child { background: none; }
.header__utility__list a { color: #000; text-decoration: none; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }

@media only screen and (max-width: 48em) { .header__utility__list { padding-right: 1.95vw; } }
@media only screen and (min-width: 48.0625em) { .header__utility__list li { padding: 5px 15px 6px 23px; background: url(../images/bg-utility-pc.png) repeat-y left top/3px auto; } }
@media only screen and (max-width: 48em) { .header__utility__list li img { width: 5.21vw; } }
@media only screen and (min-width: 48.0625em) { .header__utility__list li:first-child { padding-left: 21px; } }
@media only screen and (max-width: 48em) { .header__utility__list li:first-child img { width: 6.38vw; } }
@media only screen and (min-width: 48.0625em) { .header__utility__list li:last-child { padding-right: 21px; } }
@media only screen and (min-width: 48.0625em) { .header__utility__list img { height: 20px; vertical-align: top; } }
.main__about__info { width: 100%; margin-top: 6.66vw; padding: 7.03vw 3.91vw; box-sizing: border-box; border: 1.04vw solid #DDD; }
.main__about__info .about__info__equotation { margin-top: 50px; }
.main__about__info .about__info__equotation div[class^=equotation__] { display: inline-block; position: relative; text-align: center; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
.main__about__info .about__info__equotation div[class^=equotation__] p { line-height: 1.4; }
.main__about__info .about__info__equotation .equotation__uzmk { margin-right: 5.85vw; }
.main__about__info .about__info__equotation .equotation__uzmk::before { display: block; position: absolute; top: 3.91vw; right: -2.34vw; width: 3.91vw; height: 3.91vw; background: url(../images/info-plus.png) no-repeat 0 0/contain; content: ""; }
.main__about__info .about__info__equotation .equotation__deck { margin: 0.52vw 13.28vw 0 0; }
.main__about__info .about__info__equotation .equotation__deck::before { display: block; position: absolute; top: 4.17vw; right: -7.81vw; width: 3.125vw; height: 2.47vw; background: url(../images/info-equal.png) no-repeat 0 0/contain; content: ""; }

@media only screen and (min-width: 48.0625em) { .main__about__info { margin-top: 45px; padding: 50px; border: 4px solid #DDD; } }
@media only screen and (max-width: 48em) { .main__about__info .about__info__equotation div[class^=equotation__] p { font-size: 3.65vw; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__uzmk { margin-right: 60px; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__uzmk::before { top: 30px; right: -27px; width: 30px; height: 30px; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__uzmk img { margin-bottom: 20px; } }
@media only screen and (max-width: 48em) { .main__about__info .about__info__equotation .equotation__uzmk img { width: 13.02vw; margin-bottom: 3.25vw; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__deck { margin: 3px 104px 0 0; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__deck::before { top: 32px; right: -63px; width: 24px; height: 19px; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__deck img { margin-bottom: 20px; } }
@media only screen and (max-width: 48em) { .main__about__info .about__info__equotation .equotation__deck img { width: 13.02vw; margin-bottom: 3.25vw; } }
@media only screen and (min-width: 48.0625em) { .main__about__info .about__info__equotation .equotation__newdeck img { margin-bottom: 20px; } }
@media only screen and (max-width: 48em) { .main__about__info .about__info__equotation .equotation__newdeck img { width: 13.02vw; margin-bottom: 3.25vw; } }
.main__sevice__nav { text-align: center; font-size: 0; }
.main__sevice__nav li { display: inline-block; font-size: 5.21vw; vertical-align: top; }
.main__sevice__nav a { color: #0D3F7C; text-decoration: none; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
.main__sevice__nav img { width: 41.67vw; margin-bottom: 3.91vw; }
.main__sevice__nav p { line-height: 1.2; }

@media only screen and (min-width: 48.0625em) { .main__sevice__nav { margin-top: 60px; } }
@media only screen and (max-width: 48em) { .main__sevice__nav { margin: 0 -1.56vw; } }
@media only screen and (max-width: 48em) { .main__sevice__nav li { margin: 7.16vw 2.56vw 0; } }
@media only screen and (min-width: 48.0625em) { .main__sevice__nav li { width: 205px; font-size: 2.2rem; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .main__sevice__nav li { width: 20.5vw; } }
@media only screen and (min-width: 48.0625em) { .main__sevice__nav img { width: 160px; margin-bottom: 20px; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .main__sevice__nav img { width: 80%; } }
.main__service__cont { margin-top: 12.5vw; padding-top: 10.41vw; background: url(../images/bg-hr.png) no-repeat center top/contain; }

@media only screen and (min-width: 48.0625em) { .main__service__cont { margin-top: 100px; padding-top: 60px; background: url(../images/bg-hr-pc.png) no-repeat center top; } }
.service__example { margin-top: 8.07vw; width: 100%; padding: 6.51vw; box-sizing: border-box; border-radius: 11px; background-color: #FFF; text-align: center; }
.service__example .service__example__list { overflow: hidden; margin: 0 -5px; font-size: 0; }
.service__example .service__example__list li { display: inline-block; margin-top: 9.77vw; font-size: 4.69vw; vertical-align: top; }
.service__example .service__example__list img { width: 100%; margin-bottom: 10px; }

#site .service__example__list img, #print .service__example__list img { border: 1px solid #ccc; }

@media only screen and (min-width: 48.0625em) { .service__example { margin-top: 60px; padding: 30px; } }
@media only screen and (max-width: 48em) { .service__example .service__example__list li:first-child { margin-top: 3.91vw; } }
@media only screen and (min-width: 48.0625em) { .service__example .service__example__list li { width: 300px; margin: 23px 5px 7px; font-size: 1.6rem; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .service__example .service__example__list li { width: 28.5vw; margin: 23px 0.5vw 7px; } }
@media only screen and (max-width: 48em) { .service__example .service__example__list img { width: 78.125vw; } }
.disable { cursor: default; color: #333; text-decoration: none; }
.disable:hover { opacity: 1; }

.main__company__cont { margin-top: 12.37vw; }
.main__company__cont .company__cont__ideal { font-family: "FP-ヒラギノUD丸ゴ StdN W6"; margin-top: 5.21vw; font-size: 6.61vw; text-align: center; }

@media only screen and (min-width: 48.0625em) { .main__company__cont { margin-top: 105px; } }
@media only screen and (min-width: 48.0625em) { .main__company__cont .company__cont__ideal { margin-top: 30px; font-size: 2.8rem; } }
.main__content__privacy { margin-top: 50px; }

@media only screen and (max-width: 48em) { .main__content__privacy { text-align: left; }
  .main__content__privacy .headline--xsmall { text-align: left; } }
.main__content__inquiry { margin-top: 9.11vw; }
.main__content__inquiry .headline--xsmall { line-height: 1.4; }

@media only screen and (min-width: 48.0625em) { .main__content__inquiry { margin-top: 60px; } }
@media only screen and (max-width: 48em) { .main__content__inquiry:last-child { margin-top: 13.02vw; } }
@media only screen and (max-width: 48em) { .main__content__inquiry .lead { margin-top: 7.16vw; } }
.main__content__address { padding: 6.51vw 0; box-sizing: border-box; border: 4px solid #DDD; border-radius: 9px; }

@media only screen and (max-width: 48em) { .main__content__address { margin: 3.91vw 0; text-align: center; } }
@media only screen and (min-width: 48.0625em) { .main__content__address { width: 830px; margin: 30px auto 0; padding: 20px 50px; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .main__content__address { width: 84vw; padding: 2vw 5vw; } }
.content__address__tel { font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
.content__address__tel .tel { line-height: 1; font-size: 8.33vw; }
.content__address__tel .address__time { line-height: 1; font-size: 4.67vw; }

@media only screen and (max-width: 48em) { .content__address__tel .tel { margin-top: 3.91vw; } }
@media only screen and (min-width: 48.0625em) { .content__address__tel { float: left; padding: 20px 0; }
  .content__address__tel .headline--tel { display: inline-block; float: left; margin-top: 17px; }
  .content__address__tel .address__info { float: left; margin-left: 25px; }
  .content__address__tel .tel { font-size: 3.2rem; }
  .content__address__tel .address__time { margin-top: 7px; font-size: 1.6rem; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .content__address__tel .tel { font-size: 3.2vw; }
  .content__address__tel .address__time { margin-top: 7px; font-size: 1.6vw; } }
.content__address__mail { margin-top: 3.91vw; padding-top: 4.56vw; background: url(../images/bg-address.png) no-repeat center top/70.05vw 0.78vw; }
.content__address__mail .mail { margin-top: 3.91vw; }
.content__address__mail .mail a { line-height: 1; color: #333; font-size: 6.25vw; }

@media only screen and (min-width: 48.0625em) { .content__address__mail { float: left; margin: 0 0 0 40px; padding: 36px 0 36px 50px; background: url(../images/bg-address-pc.png) no-repeat left center; }
  .content__address__mail .headline--tel { display: inline-block; float: left; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
  .content__address__mail .mail { float: left; margin: 0 0 0 24px; }
  .content__address__mail .mail a { font-size: 2.4rem; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .content__address__mail { margin-left: 4vw; padding-left: 5vw; }
  .content__address__mail .mail { margin: 0 0 0 2.4vw; }
  .content__address__mail .mail a { font-size: 2.4vw; } }
.func { color: #ED0657; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }

#mail_form { margin: 3.25vw auto 0; }

@media only screen and (min-width: 48.0625em) { #mail_form { width: 800px; margin: 20px auto 0; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { #mail_form { width: 80vw; } }
.inquiry__table { text-align: left; }
.inquiry__table:first-child { border-top: 1px solid #DDD; }
.inquiry__table dt { padding: 3.69vw 0 3.26vw; font-family: "FP-ヒラギノUD丸ゴ StdN W6"; }
.inquiry__table dd { padding-bottom: 3.69vw; border-bottom: 1px solid #DDD; }
.inquiry__table dd .func { display: block; font-family: "FP-ヒラギノUD丸ゴ StdN W3"; margin-top: 3px; }
.inquiry__table input, .inquiry__table textarea { min-width: 78.125vw; line-height: 1; padding: 4.43vw 1.82vw; font-size: 4.69vw; border: none; background: #E5E5E6; box-sizing: border-box; }
.inquiry__table .inputFull { width: 100%; }
.inquiry__table .error { border: 2px solid #F04680; }

@media only screen and (min-width: 48.0625em) { .inquiry__table { display: table; table-layout: fixed; width: 800px; max-width: 800px; } }
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { .inquiry__table { width: 100%; } }
@media only screen and (max-width: 48em) { .inquiry__table dt { line-height: 1; } }
@media only screen and (min-width: 48.0625em) { .inquiry__table dt { display: table-cell; width: 30%; padding: 28px 30px 28px 20px; box-sizing: border-box; border-bottom: 1px solid #DDD; vertical-align: top; } }
@media only screen and (min-width: 48.0625em) { .inquiry__table dd { display: table-cell; width: 70%; padding: 16px 30px 16px 0; box-sizing: border-box; } }
@media only screen and (min-width: 48.0625em) { .inquiry__table input, .inquiry__table textarea { min-width: 280px; padding: 14px; font-size: 1.8rem; } }
@media only screen and (min-width: 48.0625em) { .inquiry__table input[name="name"] { width: 320px; } }
@media only screen and (min-width: 48.0625em) { .inquiry__table .inputFull { width: 94.64%; } }
.main__content__conf #mail_form { margin-top: 50px; }

@media only screen and (min-width: 48.0625em) { .main__content__conf #mail_form .inquiry__table dd { padding: 28px 30px 28px 0; } }
#footer { position: relative; width: 100%; margin-top: 50vw; padding-bottom: 6.51vw; text-align: center; font-size: 3.64vw; }
#footer p { line-height: 1; }

@media only screen and (min-width: 48.0625em) { #footer { margin-top: 165px; padding-bottom: 20px; font-size: 1.4rem; } }
.copyright { margin-top: 3.51vw; font-size: 3.125vw; font-family: "HelvaticaNeve-Light", "Helvatica Neve Light", "Helvetica Neve", Helvetica, Arial; }

@media only screen and (min-width: 48.0625em) { .copyright { margin-top: 30px; font-size: 1.2rem; } }
#pagetop img { width: 13.02vw; }

@media only screen and (min-width: 48.0625em) { #pagetop img { width: 50px; } }
.fixed { position: fixed; right: 2.60vw; bottom: -100px; }

@media only screen and (min-width: 48.0625em) { .fixed { right: 30px; } }
.absolute { position: absolute; right: 2.60vw; top: -19.53vw; }

@media only screen and (min-width: 48.0625em) { .absolute { top: -80px; right: 30px; } }
/* animation
-------------------------------------------*/
@keyframes bgcolor { 0% { background-color: #0080B8; }
  10% { background-color: #0080B8; }
  20% { background-color: #7C5B8D; }
  30% { background-color: #E0437E; }
  40% { background-color: #E35433; }
  50% { background-color: #E88020; }
  60% { background-color: #D2A000; }
  70% { background-color: #83A633; }
  80% { background-color: #0D945A; }
  90% { background-color: #009AA2; }
  100% { background-color: #0080B8; } }
@-webkit-keyframes bgcolor { 0% { background-color: #0080B8; }
  10% { background-color: #0080B8; }
  20% { background-color: #7C5B8D; }
  30% { background-color: #E0437E; }
  40% { background-color: #E35433; }
  50% { background-color: #E88020; }
  60% { background-color: #D2A000; }
  70% { background-color: #83A633; }
  80% { background-color: #0D945A; }
  90% { background-color: #009AA2; }
  100% { background-color: #0080B8; } }
/* media query
-------------------------------------------*/
@media only screen and (min-width: 48.0625em) and (max-width: 62.5em) { img { max-width: 100%; height: auto; } }