@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

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

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

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

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

.clearfix { *zoom: 1; }

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

img { vertical-align: top; }

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/** YUI Fonts @module fonts @namespace yui- @requires  */
/** Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
html { font-size: 62.5%; }

/*
[ 明朝 ]

"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", Verdana, serif

[ ゴシック ]
"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif

*/
/** Nudge down to get to 13px equivalent for these form elements */
select, input, button, textarea, button { font: 99%; font-family: inherit; }

/** To help tables remember to inherit */
table { font-size: inherit; font: 100%; }

/** Bump up IE to get to 13px equivalent for these fixed-width elements */
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.onlySP { display: block; }

@media screen and (min-width: 769px) { .onlySP { display: none; } }

.onlyPC { display: none; }

@media screen and (min-width: 769px) { .onlyPC { display: block; } }

img { max-width: 100%; max-height: 100%; }

@media screen and (min-width: 769px) { .footer { min-width: 1280px; } }

.footer .pagetop { margin-top: 75px; }

.footer .pagetop:before { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.footer .pagetop:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

@media screen and (min-width: 769px) { .footer .pagetop { margin-top: 0; } }

.footer .pagetop .pagetop__inner { text-align: center; }

@media screen and (min-width: 769px) { .footer .pagetop .pagetop__inner { text-align: right; padding: 0 20px; width: 1280px; margin: 0 auto; } }

.footer .pagetop .pagetop__inner a { display: block; padding: 10px 0; font-size: 1.3rem; color: #3EA9E4; text-decoration: none; }

@media screen and (min-width: 769px) { .footer .pagetop .pagetop__inner a { display: inline-block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer .pagetop .pagetop__inner a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer .pagetop .pagetop__inner a span { position: relative; padding-right: 15px; }

.footer .pagetop .pagetop__inner a span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 8px; height: 8px; margin-top: -1px; border-top: 1px solid #3EA9E4; border-right: 1px solid #3EA9E4; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.footer__head { padding: 25px 25px 40px; }

@media screen and (min-width: 769px) { .footer__head { padding: 40px 40px 50px; width: 1280px; margin: 0 auto; } }

.footer__nav { font-size: 1.3rem; margin-bottom: 15px; }

@media screen and (min-width: 769px) { .footer__nav { font-size: 1.2rem; width: 1010px; float: left; letter-spacing: 0.2rem; margin-bottom: 0; }
  .footer__nav a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; line-height: 1.4;}
  .footer__nav a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__nav li { padding-bottom: 10px; }

@media screen and (min-width: 769px) { .footer__nav li { float: left; width: 25%; } }

.footer__nav li a { color: #444; text-decoration: none;}

.footer__sns img { width: 43px !important; height: 43px !important; }

@media screen and (min-width: 769px) { .footer__sns img { width: 40px !important; height: 40px !important; } }

@media screen and (min-width: 769px) { .footer__sns { float: left; width: auto; } }

.footer__sns dt { display: block; font-size: 1.4rem; padding-bottom: 10px; letter-spacing: 0.25rem; font-weight: normal; }

@media screen and (min-width: 769px) { .footer__sns dt { font-size: 1.2rem; } }

.footer__sns dd { float: left; width: 40px; }

.footer__sns dd { margin-left: 10px; }
.footer__sns dd:nth-of-type(1) { margin-left: 0; }

@media screen and (min-width: 769px) { .footer__sns dd a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__sns dd a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (min-width: 769px) { .footer__body { width: 1280px; margin: 0 auto; } }

.footer__body ul { border-top: 1px solid #ccc; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (min-width: 769px) { .footer__body ul { margin: 0 40px; padding-top: 35px; padding-bottom: 20px; width: 1200px; } }

.footer__body ul li { font-size: 1.4rem; text-align: center; width: 50%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-bottom: 1px solid #ccc; }

.footer__body ul li:nth-of-type(odd) { border-right: 1px solid #ccc; }

.footer__body ul li img { max-height: 44px; }

.footer__body ul li a { display: block; width: 100%; }

@media screen and (max-width: 768px) { .footer__body ul li a { padding: 10px 20px; } }

@media screen and (min-width: 769px) { .footer__body ul li { font-size: 1.3rem; text-align: center; float: none; border: none; padding: 0; }
  .footer__body ul li:not(:first-of-type) { border-left: 1px solid #ddd; }
  .footer__body ul li:nth-of-type(odd) { border-right: none; }
  .footer__body ul li img { max-height: none; height: auto; }
  .footer__body ul li:nth-of-type(1) { width: 200px; }
  .footer__body ul li:nth-of-type(1) img { width: 111px; }
  .footer__body ul li:nth-of-type(2) { width: 200px; }
  .footer__body ul li:nth-of-type(2) img { width: 121px; }
  .footer__body ul li:nth-of-type(3) { width: 200px; }
  .footer__body ul li:nth-of-type(3) img { width: 144px; }
  .footer__body ul li:nth-of-type(4) { width: 200px; }
  .footer__body ul li:nth-of-type(4) img { height: 44px; }
  .footer__body ul li:nth-of-type(5) { width: 200px; }
  .footer__body ul li:nth-of-type(5) img { width: auto; height: 44px; }
  .footer__body ul li:nth-of-type(6) { width: 200px; }
  .footer__body ul li:nth-of-type(6) img { width: auto; height: 42px; }
  .footer__body ul li a { display: block; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body ul li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

@media screen and (max-width: 768px) { .footer__body ul li.num_04 img { max-width: 85%; } }

.footer__body .footer__link { border-bottom: 1px solid #ccc; text-align: center; }

@media screen and (min-width: 769px) { .footer__body .footer__link { text-align: right; margin: 0 40px 20px; padding: 0 0 10px 0; } }

.footer__body .footer__link .link-text { color: #444; font-size: 1.3rem; text-decoration: none; display: block; padding: 11px 0; }

@media screen and (min-width: 769px) { .footer__body .footer__link .link-text { font-size: 1.1rem; letter-spacing: 1.2px; display: inline-block; padding: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .footer__body .footer__link .link-text:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.footer__body .footer__link .link-text span { position: relative; padding-right: 10px; }

.footer__body .footer__link .link-text span:after { content: ""; position: absolute; top: 50%; right: 0px; width: 5px; height: 5px; margin-top: -3px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.footer__foot .links { padding: 0 25px 0px; }

.footer__foot .links ul { overflow: hidden; margin-bottom: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }

@media screen and (min-width: 769px) { .footer__foot .links { padding: 0px 0 0 40px; }
  .footer__foot .links ul { margin-bottom: 0; } }

.footer__foot .links li { float: left; font-size: 1.1rem; padding-bottom: 10px; }

.footer__foot .links li a { display: inline-block; padding: 3px 15px 2px; position: relative; text-decoration: none; color: #343434; }

.footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 8px; margin-top: -4px; background: #c1c1c1; }

.footer__foot .links li:first-of-type { font-size: 1.0rem; color: #878787; padding: 0 5px 11px 0; }

.footer__foot .links li:first-of-type a:after { display: none; }

.footer__foot .links li:nth-of-type(2) a:after { display: none; }

@media screen and (min-width: 769px) { .footer__foot .links li { padding-bottom: 0px; }
  .footer__foot .links li:first-of-type { font-size: 1.0rem; padding-bottom: 1px; }
  .footer__foot .links li a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; padding: 3px 17px 2px; }
  .footer__foot .links li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
  .footer__foot .links li a:after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background: #c1c1c1; }
  .footer__foot .links li:first-of-type { padding: 0 3px 0 0; } }

.footer__foot .copyright { font-size: 1.0rem; padding: 0px 0 25px; text-align: left; display: inline-block; line-height: 1.5; color: #999; }

@media screen and (min-width: 769px) { .footer__foot { width: 1280px; margin: 0 auto 20px; }
  .footer__foot .copyright { float: left; padding: 7px 0 0 0px; font-size: 1.0rem; text-align: left; } }

.footer__logo { max-width: 150px; margin: 30px auto 30px; text-align: center; }
.footer__logo img[src*="MFGC.png"] { width: 170px; margin-top: 5px;}

@media screen and (max-width: 768px) { .footer__logo img[src*="footer_logo2"] { width: 108px;} }


@media screen and (min-width: 769px) { .footer__logo { float: right; width: 330px; height: 32px; max-width: none; text-align: right; margin: 0 40px 0 0; } }