@charset "UTF-8";
/* ***************************** Import file to Scss or Sass. */
/* -----------------------------------------------------------------
Title: reset.css
Created: 2020-02-20
Last Modified: 2020-03-26
------------------------------------------------------------------ */
/*　目次 
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

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

#01　リセット

------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

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

caption, th { text-align: left; }

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

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }

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

#02　基本タグの定義
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Oswald', sans-serif;

------------------------------------------------------------------ */
body { color: #222222; font-family: "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; font-weight: 400; letter-spacing: 0.065em; text-align: left; width: auto; height: 100%; margin: 0px auto; background-position: top; }

@media all and (-ms-high-contrast: none) { body { letter-spacing: 0; } }

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

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; text-align: left; }

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

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

/** anchors */
/**************************************/
a { font-size: 1em; color: #023461; text-decoration: none; outline: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

a:link { outline: medium none; }

a:visited { outline: medium none; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
base content
------------------------------------------------------------------ */
p.pagetop { position: fixed; bottom: -15%; right: 100px; width: 20px; height: auto; margin: 0; z-index: 10; }

p.pagetop a { display: block; width: 20px; height: auto; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 auto; }

p.pagetop a img { width: 100%; height: auto; }

@media screen and (max-width: 1100px) { p.pagetop { bottom: -20%; right: 4.66667vw; width: 13.33333vw; }
  p.pagetop a { width: 100%; } }

p.pagetop:hover { opacity: 0.7; }

.nolink { pointer-events: none; }

.pc { display: none !important; }

@media screen and (min-width: 1000px) { .pc { display: inherit !important; } }

@media screen and (min-width: 1000px) { .sp { display: none !important; } }

img { display: block; width: 100%; height: auto; }

#wrapper { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; }

header { position: fixed; top: 0; left: 0; background: #FFFFFF; width: 100%; z-index: 100; }

header .pc { position: relative; top: 0; left: 0; border-bottom: 2px solid #AA8844; width: 100%; z-index: 10; }

header .pc .logo { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; }

header .pc .logo a { display: block; width: 320px; }

header .pc div { background: #004488; width: 100%; }

header .pc div ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1200px; height: 40px; margin: 0 auto; }

header .pc div ul li a { position: relative; top: 0; left: 0; font-size: 16px; color: #FFFFFF; }

header .pc div ul li a:hover:after { content: ''; display: block; position: absolute; bottom: -13px; left: 0; background: #AA8844; width: 100%; height: 3px; }

@media screen and (max-width: 1000px) { header .sp { border-bottom: 0.53333vw solid #AA8844; }
  header .sp .flex { position: relative; top: 0; left: 0; border-bottom: 1.33333vw solid #0055AA; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; box-sizing: border-box; z-index: 11; }
  header .sp .flex .logo { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 10.13333vw; }
  header .sp .flex .logo a { position: relative; top: 0; left: 0; display: block; width: 42.66667vw; }
  header .sp .flex .icon_box { position: absolute; top: 3.06667vw; right: 4vw; }
  header .sp .flex .icon_box .icon_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 6.66667vw; height: 4.53333vw; }
  header .sp .flex .icon_box .icon_link a::before, header .sp .flex .icon_box .icon_link a::after { position: absolute; left: 0; display: block; content: ""; width: 6.66667vw; height: 0.53333vw; background: #0055AA; -webkit-transition: 0.3s; transition: 0.3s; }
  header .sp .flex .icon_box .icon_link a::before { transform: translateY(2vw); }
  header .sp .flex .icon_box .icon_link a::after { transform: translateY(-2vw); }
  header .sp .flex .icon_box .icon_link a span { display: block; width: 6.66667vw; height: 0.53333vw; background: #0055AA; }
  header .sp .flex .icon_box .icon_link a.on:before { background: #FFFFFF; margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  header .sp .flex .icon_box .icon_link a.on:after { background: #FFFFFF; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
  header .sp .flex .icon_box .icon_link a.on span { display: none; }
  header .sp #menu { position: absolute; top: 0; left: 0; background: rgba(0, 68, 136, 0.9); width: 100%; height: 0; overflow: hidden; -webkit-transition: height 0.30s; -moz-transition: height 0.30s; -ms-transition: height 0.30s; -o-transition: height 0.30s; transition: height 0.30s; }
  header .sp #menu.on { height: 100lvh; overflow-y: scroll; }
  header .sp #menu div#menu_list { width: 100%; box-sizing: border-box; padding: 0; }
  header .sp #menu div#menu_list .inner { position: relative; top: 0; left: 0; width: 100%; padding: 14.66667vw 0 16.26667vw 0; margin: 0 auto; box-sizing: border-box; }
  header .sp #menu div#menu_list .inner ul li { text-align: center; margin: 0 0 8.4vw 0; }
  header .sp #menu div#menu_list .inner ul li:last-child { margin: 0; }
  header .sp #menu div#menu_list .inner ul li a { font-size: 4.8vw; font-weight: bold; color: #FFFFFF; } }

main { position: relative; top: 0; left: 0; padding: 120px 0 0 0; z-index: 1;}

@media screen and (max-width: 1000px) { main { padding: 12vw 0 0 0; } }

main div.inner { max-width: 1200px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1000px) { main div.inner { width: 89.33333vw; } }

.under_page main #key { position: relative; top: 0; left: 0; }

.under_page main #key h1 { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(0, 68, 136, 0.65); color: #FFFFFF; font-weight: bold; font-size: 56px; letter-spacing: 0.18em; width: 100%; height: 120px; }

.under_page main #key h1 strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: -40px; left: 0; background: rgba(170, 136, 68, 0.75); color: #FFFFFF; font-size: 20px; width: 100%; height: 40px; }

.under_page main #key h1.bg { background: rgba(170, 136, 68, 0.75); }

@media screen and (max-width: 1000px) { .under_page main #key h1 { font-size: 6.4vw; letter-spacing: 0.12em; height: 16vw; }
  .under_page main #key h1 strong { top: -5.33333vw; font-size: 3.73333vw; height: 5.33333vw; } }

footer .nav_link { position: fixed; top: 40%; right: 0; z-index:100; }

footer .nav_link ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }

footer .nav_link ul li a { display: block; width: 60px; height: 60px; overflow: hidden; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

footer .nav_link ul li:first-child a { position: relative; top: 0; left: 0; background: #AA8844; }

footer .nav_link ul li:first-child a img { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

footer .nav_link ul li:first-child a .on { position: absolute; top: 0; left: 0; background: #CC9933; width: 374px; opacity: 0; }

footer .nav_link ul li:first-child a:hover { width: 374px; }

footer .nav_link ul li:first-child a:hover .on { opacity: 1; }

footer .nav_link ul li:first-child a:hover .off { opacity: 0; }

footer .nav_link ul li:last-child a { background: #880000; }

footer .acces_box { margin: 0 0 100px 0; }

footer .acces_box h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #004488; color: #FFFFFF; font-size: 32px; font-weight: bold; width: 100%; height: 70px; }

footer .acces_box .map iframe { width: 100%; height: 450px; }

footer .acces_box .text strong { display: block; text-align: center; font-size: 24px; line-height: 1.8; font-weight: bold; letter-spacing: 0.05em; padding: 15px 0 24px 0; }

footer .acces_box .text p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #aa8844; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 auto; }

footer .acces_box .text p a:hover { background: #cc9933; }

footer .column_box { background: #004488; padding: 21px 0 10px 0; }

footer .column_box h4 { text-align: center; color: #FFFFFF; font-size: 32px; font-weight: bold; letter-spacing: 0.16em; width: 100%; margin: 0 0 18px 0; }

footer .column_box ul,
footer .article-content { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; }

footer .column_box ul li,
footer .article-content .hp2_content_topparts { position: relative; top: 0; left: 0; display: block; width: 31.16667%; margin: 0 3.25% 52px 0; }

footer .column_box ul li:nth-child(3n),
footer .article-content .hp2_content_topparts:nth-child(3n) { margin: 0 0 52px 0; }

footer .column_box ul li a span { display: block; }

footer .column_box ul li a span b { display: block; background: #FFFFFF; width: 100%; height: 190px; }

footer .column_box ul li a em,
footer .article-content .hp2_content_topparts .hp2_content_topparts_title { display: block; color: #FFFFFF; font-size: 18px; line-height: 1.8; font-weight: bold; margin: 14px 0 0 0; }

footer .article-content .hp2_content_topparts .hp2_content_topparts_body { display: none; }
footer .article-content .hp2_content_topparts .hp2_content_topparts_link { opacity: 0; }
footer .article-content .hp2_content_topparts .hp2_content_topparts_link a { position:absolute; top:0; left:0; width:100%; height:100%; }

footer .img { padding: 30px 0 0 0; }

footer .img img { display: block; width: 557px; margin: 0 auto; }

footer .name { background: #004488; padding: 30px 0 27px 0; }

footer .name h4 { width: 300px; margin: 0 auto 30px auto; }

footer .name p { text-align: center; color: #FFFFFF; letter-spacing: 0.04em; font-size: 14px; line-height: 1.5; }

footer .copy { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-size: 12px; letter-spacing: 0; width: 100%; height: 30px; }

@media screen and (max-width: 1000px) { footer .nav_link { display: none; }
  footer .acces_box { margin: 0 0 13.33333vw 0; }
  footer .acces_box h4 { font-size: 4.26667vw; height: 9.33333vw; }
  footer .acces_box .map iframe { height: 99.73333vw; }
  footer .acces_box .text strong { font-size: 3.2vw; line-height: 1.8; padding: 5.86667vw 0 6.26667vw 0; }
  footer .acces_box .text p a { font-size: 4.8vw; width: 49.86667vw; height: 12vw; margin: 0 auto; }
  footer .acces_box .text p a:hover { background: #aa8844; }
  footer .column_box { padding: 2.53333vw 0 9.26667vw 0; }
  footer .column_box h4 { font-size: 4.26667vw; margin: 0 0 2.53333vw 0; }
  footer .column_box ul,
  footer .article-content { display: block; max-width: 89.33333vw; }
  footer .column_box ul li,
  footer .article-content .hp2_content_topparts { width: 100%; margin: 0 0 7.33333vw 0; }
  footer .column_box ul li:nth-child(3n),
  footer .article-content .hp2_content_topparts:nth-child(3n) { margin: 0 0 7.33333vw 0; }
  footer .column_box ul li:last-child,
  footer .article-content .hp2_content_topparts:last-child { margin: 0; }
  footer .column_box ul li a span b { height: 49.33333vw; }
  footer .column_box ul li a em,
  footer .article-content .hp2_content_topparts .hp2_content_topparts_title { font-size: 3.2vw; line-height: 1.8; margin: 2.93333vw 0 0 0; }
  footer .img { padding: 2.4vw 0 0 0; }
  footer .img img { width: 85.73333vw; }
  footer .name { padding: 5.46667vw 0 3.06667vw 0; }
  footer .name h4 { width: 40vw; margin: 0 auto 3.6vw auto; }
  footer .name p { font-size: 3.2vw; line-height: 1.8; }
  footer .name a { color: #FFFFFF; }
  footer .copy { font-size: 2.66667vw; height: 5.33333vw; } }

/* -----------------------------------------------------------------
640px以下
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下かつ641px以上
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下
------------------------------------------------------------------ */
@media screen and (max-width: 999px) { header .pc { display: none; }
  #wrapper { font-size: 2.667vw; } }

/* -----------------------------------------------------------------
960px以上
------------------------------------------------------------------ */
@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- ヘッダー ------------------------------------------------------------------ */ }

.nolink { pointer-events: none; }

@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- float ------------------------------------------------------------------ */
  .float_l { float: left; }
  .float_r { float: right; } }

/* -----------------------------------------------------------------
ClearFix
------------------------------------------------------------------ */
.clear:after { content: " "; height: 0px; clear: both; visibility: hidden; display: block; }

.clear { display: inline-block; }

* html .clear { height: 1%; }

.clear { display: block; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.both { position: absolute; top: 0; left: 0; width: 100%; z-index: 40; opacity: 0.5; }

.both img { display: block; width: 100%; max-width: 1920px; margin: 0 auto; }

.access #cont01 { padding: 0 0 105px 0; }

.access #cont01 .map iframe { width: 100%; height: 450px; }

.access #cont01 .text strong { display: block; text-align: center; font-size: 24px; line-height: 1.8; font-weight: bold; letter-spacing: 0.05em; padding: 0 0 24px 0; }

.access #cont01 .text strong:first-child { padding: 15px 0 15px 0; }

.access #cont01 .text p a { display: block; width: 535px; margin: 0 auto; }

@media screen and (max-width: 1000px) { .access #cont01 { padding: 0 0 14vw 0; }
  .access #cont01 .map iframe { height: 99.73333vw; }
  .access #cont01 .text strong { font-size: 3.2vw; line-height: 1.8; letter-spacing: 0.05em; padding: 0 0 7.06667vw 0; }
  .access #cont01 .text strong:first-child { padding: 5.86667vw 0 5.73333vw 0; }
  .access #cont01 .text p a { display: block; width: 71.33333vw; margin: 0 auto; } }

.access footer .acces_box { display: none; }

.staff_list #cont01 { padding: 1px 0 100px 0; }

.staff_list #cont01 .inner dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; border-bottom: 4px solid rgba(0, 85, 170, 0.2); width: 800px; margin: 0 auto; padding: 52px 0 51px 0; }

.staff_list #cont01 .inner dl:nth-child(2n) { flex-direction: row-reverse; }

.staff_list #cont01 .inner dl dt { width: 190px; padding: 4px 0 0 0; }

.staff_list #cont01 .inner dl dt span { display: block; }

.staff_list #cont01 .inner dl dt strong { display: block; text-align: center; font-weight: bold; font-size: 28px; color: #004488; margin: 12px 0 0 0; }

.staff_list #cont01 .inner dl dt p { text-align: center; font-size: 16px; margin: 8px 0 0 0; }

.staff_list #cont01 .inner dl dd { width: 580px; }

.staff_list #cont01 .inner dl dd p { font-size: 18px; line-height: 1.8; }

.staff_list #cont01 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 800px; margin: 0 auto; }

.staff_list #cont01 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #777777; color: #222222; font-size: 20px; height: 50px; padding: 0 22px; margin: 0 30px 0 0; box-sizing: border-box; }

.staff_list #cont01 .inner .link { margin: 95px 0 92px 0; }

.staff_list #cont01 .inner .link .img2 { position: relative; top: 0; left: 0; width: 192px; margin: 0 auto 12px auto; }

.staff_list #cont01 .inner .link .img2 span { display: block; width: 100%; }

.staff_list #cont01 .inner .link .img2 strong { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 190px; background: rgba(0, 68, 136, 0.65); text-align: center; font-weight: bold; color: #FFFFFF; font-size: 22px; line-height: 1.45455; width: 100%; height: 100%; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.staff_list #cont01 .inner .link:hover .img2 strong { background: #004488; }

.staff_list #cont01 .inner .link .text strong { display: block; text-align: center; font-weight: bold; font-size: 28px; color: #004488; margin: 0 0 8px 0; }

.staff_list #cont01 .inner .link .text span { display: block; text-align: center; font-size: 16px; line-height: 1.6875; }

@media screen and (max-width: 1000px) { .staff_list #cont01 { padding: 0.53333vw 0 13.33333vw 0; }
  .staff_list #cont01 .inner dl { display: block; border-bottom: 0.53333vw solid rgba(0, 85, 170, 0.2); width: 100%; padding: 6.93333vw 0 7.46667vw 0; }
  .staff_list #cont01 .inner dl dt { width: 100%; padding: 0.53333vw 0 0 0; }
  .staff_list #cont01 .inner dl dt span { width: 26.66667vw; margin: 0 auto; }
  .staff_list #cont01 .inner dl dt strong { font-size: 4.26667vw; margin: 1.33333vw 0 0 0; }
  .staff_list #cont01 .inner dl dt p { font-size: 3.73333vw; margin: 0; }
  .staff_list #cont01 .inner dl dd { width: 100%; padding: 1.73333vw 0 0 0; }
  .staff_list #cont01 .inner dl dd p { font-size: 3.73333vw; line-height: 1.8; }
  .staff_list #cont01 .inner ol { width: 100%; }
  .staff_list #cont01 .inner ol li a { font-size: 3.2vw; height: 9.33333vw; padding: 0 2.8vw; margin: 0 5.6vw 0 0; }
  .staff_list #cont01 .inner .link { margin: 7.46667vw 0 11.46667vw 0; }
  .staff_list #cont01 .inner .link .img2 { width: 26.66667vw; margin: 0 auto 1.86667vw auto; }
  .staff_list #cont01 .inner .link .img2 strong { border-radius: 26.66667vw; font-size: 2.93333vw; line-height: 1.45455; }
  .staff_list #cont01 .inner .link .text strong { font-size: 4.26667vw; margin: 0; }
  .staff_list #cont01 .inner .link .text span { font-size: 2.13333vw; line-height: 1.6875; } }

.gaiyo #cont01 { padding: 48px 0 83px 0; }

.gaiyo #cont01 .inner h2 { font-size: 40px; line-height: 1.6; text-align: center; font-weight: bold; color: #004993; margin: 0 0 84px 0; }

.gaiyo #cont01 .inner .title { margin: 0 0 21px 0; }

.gaiyo #cont01 .inner .title strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-weight: bold; color: #FFFFFF; font-size: 32px; letter-spacing: 0.1em; width: 100%; height: 70px; }

.gaiyo #cont01 .inner .lead { font-size: 24px; line-height: 1.8; letter-spacing: 0.08em; font-weight: bold; margin: 0 0 56px 0; }

.gaiyo #cont01 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.gaiyo #cont01 .inner ul li { position: relative; top: 0; left: 0; width: 15.83333%; margin: 0 5.20833% 55px 0; }

.gaiyo #cont01 .inner ul li:nth-child(5n) { margin: 0 0 55px 0; }

.gaiyo #cont01 .inner ul li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.gaiyo #cont01 .inner ul li.last .img2 { position: relative; top: 0; left: 0; margin: 0 0 12px 0; }

.gaiyo #cont01 .inner ul li.last .img2 span { display: block; width: 100%; }

.gaiyo #cont01 .inner ul li.last .img2 strong { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 190px; background: rgba(0, 68, 136, 0.65); text-align: center; font-weight: bold; color: #FFFFFF; font-size: 22px; line-height: 1.45455; width: 100%; height: 100%; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.gaiyo #cont01 .inner ul li.last:hover .img2 strong { background: #004488; }

.gaiyo #cont01 .inner ul li:hover .img .img-inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.gaiyo #cont01 .inner ul li .img { position: relative; top: 0; left: 0; width: 190px; height: 190px; cursor: pointer; margin: 0 0 12px 0; }

.gaiyo #cont01 .inner ul li .img .img-inner { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

.gaiyo #cont01 .inner ul li .img span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 50%; overflow: hidden; }

@media screen and (min-width: 1000px) {
.gaiyo #cont01 .inner ul li .img span:first-child { -webkit-transform: translateZ(1px); transform: translateZ(1px); }

.gaiyo #cont01 .inner ul li .img span:last-child { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
}
.gaiyo #cont01 .inner ul li .text strong { display: block; text-align: center; font-weight: bold; font-size: 28px; color: #004488; margin: 0 0 8px 0; }

.gaiyo #cont01 .inner ul li .text span { display: block; text-align: center; font-size: 16px; line-height: 1.6875; }

@media screen and (max-width: 1000px) { .gaiyo #cont01 { padding: 6.53333vw 0 11.33333vw 0; }
  .gaiyo #cont01 .inner h2 { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 6.26667vw 0; }
  .gaiyo #cont01 .inner .title { margin: 0 0 2.53333vw 0; }
  .gaiyo #cont01 .inner .title strong { font-size: 4.26667vw; letter-spacing: 0.1em; height: 9.33333vw; }
  .gaiyo #cont01 .inner .lead { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.08em; margin: 0 0 6vw 0; }
  .gaiyo #cont01 .inner ul li { width: 29.85075%; margin: 0 5.22388% 6.93333vw 0; }
  .gaiyo #cont01 .inner ul li:nth-child(5n) { margin: 0 5.22388% 6.93333vw 0; }
  .gaiyo #cont01 .inner ul li:nth-child(3n) { margin: 0 0 6.93333vw 0; }
  .gaiyo #cont01 .inner ul li.last .img2 { margin: 0 0 1.6vw 0; }
  .gaiyo #cont01 .inner ul li.last .img2 strong { border-radius: 25.33333vw; font-size: 2.93333vw; line-height: 1.45455; }
  .gaiyo #cont01 .inner ul li .img { width: 26.66667vw; height: 26.66667vw; margin: 0 0 1.46667vw 0; }
  .gaiyo #cont01 .inner ul li .text strong { font-size: 4.26667vw; margin: 0 -0.53333vw 0; }
  .gaiyo #cont01 .inner ul li .text span { font-size: 3.73333vw; letter-spacing: -0.05em; } }

.gaiyo #cont02 { padding: 0 0 85px 0; }

.gaiyo #cont02 .inner .title { margin: 0 0 26px 0; }

.gaiyo #cont02 .inner .title strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-weight: bold; color: #FFFFFF; font-size: 32px; letter-spacing: 0.1em; width: 100%; height: 70px; }

.gaiyo #cont02 .inner .text { margin: 0 0 92px 0; }

.gaiyo #cont02 .inner .text.text2 { margin: 0 0 40px 0; }

.gaiyo #cont02 .inner .text.text3 { margin: 0; }

.gaiyo #cont02 .inner .text p { font-size: 24px; line-height: 1.8; letter-spacing: 0.08em; font-weight: bold; }

.gaiyo #cont02 .inner .text dl { display: -webkit-flex; display: -ms-flex; display: flex; }

.gaiyo #cont02 .inner .text dl dt { font-size: 24px; font-weight: bold; line-height: 1.8; width: 180px; }

.gaiyo #cont02 .inner .text dl dd { font-size: 24px; font-weight: bold; line-height: 1.8; }

.gaiyo #cont02 .inner .thum { margin: 48px 0 0 0; }

.gaiyo #cont02 .inner .thum ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 694px; margin: 0 auto; }

.gaiyo #cont02 .inner .thum ul li { position: relative; top: 0; left: 0; width: 190px; height: 190px; margin: 0 0 60px 0; }

.gaiyo #cont02 .inner .thum ul li div { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; }

.gaiyo #cont02 .inner .thum ul li div span { display: block; font-size: 24px; font-weight: bold; line-height: 1.33333; text-align: center; color: #FFFFFF; }

.gaiyo #cont02 .inner .thum ul li div strong { display: block; font-size: 32px; font-weight: bold; line-height: 1.25; letter-spacing: 0.1em; text-align: center; color: #FFFFFF; }

@media screen and (max-width: 1000px) { .gaiyo #cont02 { padding: 0 0 12.4vw 0; }
  .gaiyo #cont02 .inner .title { margin: 0 0 4.93333vw 0; }
  .gaiyo #cont02 .inner .title strong { font-size: 4.26667vw; letter-spacing: 0.1em; height: 9.33333vw; }
  .gaiyo #cont02 .inner .text { margin: 0 0 12.53333vw 0; }
  .gaiyo #cont02 .inner .text.text2 { margin: 0 0 5.33333vw 0; }
  .gaiyo #cont02 .inner .text.text3 { margin: 0; }
  .gaiyo #cont02 .inner .text p { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.08em; }
  .gaiyo #cont02 .inner .text dl dt { font-size: 3.73333vw; line-height: 1.8; width: 23.33333vw; }
  .gaiyo #cont02 .inner .text dl dd { font-size: 3.73333vw; line-height: 1.8; }
  .gaiyo #cont02 .inner .thum { margin: 6.93333vw 0 0 0; }
  .gaiyo #cont02 .inner .thum ul { width: 100%; }
  .gaiyo #cont02 .inner .thum ul li { width: 25.33333vw; height: 25.33333vw; margin: 0 0 8vw 0; }
  .gaiyo #cont02 .inner .thum ul li div span { font-size: 3.2vw; line-height: 1.33333; }
  .gaiyo #cont02 .inner .thum ul li div strong { font-size: 4.26667vw; line-height: 1.25; letter-spacing: 0.1em; } }

.service #cont01 { padding: 48px 0 63px 0; }

.service #cont01 .inner h2 { font-size: 40px; line-height: 1.6; text-align: center; font-weight: bold; color: #004993; margin: 0 0 84px 0; }

.service #cont01 .inner .box { margin: 0 0 72px 0; }

.service #cont01 .inner .box.last { margin: 0; }

.service #cont01 .inner .box .title { margin: 0 0 21px 0; }

.service #cont01 .inner .box .title strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-weight: bold; color: #FFFFFF; font-size: 32px; letter-spacing: 0.1em; width: 100%; height: 70px; }

.service #cont01 .inner .box .text { padding: 0 0 22px 0; }

.service #cont01 .inner .box .text p { font-size: 24px; line-height: 1.8; letter-spacing: 0.08em; font-weight: bold; }

.service #cont01 .inner .box .thum { margin: 29px 0 0 0; }

.service #cont01 .inner .box .thum ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 694px; margin: 0 auto -35px auto; }

.service #cont01 .inner .box .thum ul li { position: relative; top: 0; left: 0; width: 190px; height: 190px; margin: 0 0 60px 0; }

.service #cont01 .inner .box .thum ul li div { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; }

.service #cont01 .inner .box .thum ul li div span { display: block; font-size: 24px; font-weight: bold; line-height: 1.33333; text-align: center; color: #FFFFFF; }

.service #cont01 .inner .box .thum ul li div strong { display: block; font-size: 32px; font-weight: bold; line-height: 1.25; letter-spacing: 0.1em; text-align: center; color: #FFFFFF; }

.service #cont01 .inner .box .list { margin: 0 0 20px 0; }

.service #cont01 .inner .box .list strong { display: block; font-weight: bold; text-align: center; font-size: 32px; color: #004993; margin: 0 0 18px 0; }

.service #cont01 .inner .box .list ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.service #cont01 .inner .box .list ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(0, 85, 170, 0.1); font-size: 24px; font-weight: bold; text-align: center; line-height: 1.5; width: 100%; height: 100px; margin: 0 0 30px 0; }

.service #cont01 .inner .box .list ul.twocol li { width: 48.33333%; }

.service #cont01 .inner .box .list ul.threecol li { width: 31.16667%; }

@media screen and (max-width: 1000px) { .service #cont01 { padding: 6.53333vw 0 10vw 0; }
  .service #cont01 .inner h2 { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 6.26667vw 0; }
  .service #cont01 .inner .box { margin: 0 0 9.6vw 0; }
  .service #cont01 .inner .box.last { margin: 0; }
  .service #cont01 .inner .box .title { margin: 0 0 2.8vw 0; }
  .service #cont01 .inner .box .title strong { font-size: 4.26667vw; letter-spacing: 0.1em; height: 9.33333vw; }
  .service #cont01 .inner .box .text { padding: 2.26667vw 0 2.93333vw 0; }
  .service #cont01 .inner .box .text p { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.08em; }
  .service #cont01 .inner .box .thum { margin: 3.6vw 0 0 0; }
  .service #cont01 .inner .box .thum ul { width: 100%; margin: 0 auto -4.66667vw auto; }
  .service #cont01 .inner .box .thum ul li { width: 25.33333vw; height: 25.33333vw; margin: 0 0 8vw 0; }
  .service #cont01 .inner .box .thum ul li div span { font-size: 3.2vw; line-height: 1.33333; }
  .service #cont01 .inner .box .thum ul li div strong { font-size: 4.26667vw; line-height: 1.25; letter-spacing: 0.1em; }
  .service #cont01 .inner .box .list { margin: 0 0 2.66667vw 0; }
  .service #cont01 .inner .box .list strong { font-size: 4.26667vw; margin: 0 0 2.4vw 0; }
  .service #cont01 .inner .box .list ul li { font-size: 3.2vw; line-height: 1.5; height: 13.33333vw; margin: 0 0 4vw 0; }
  .service #cont01 .inner .box .list ul.twocol li { width: 47.01493%; }
  .service #cont01 .inner .box .list ul.threecol li { width: 30.14925%; }
  .service #cont01 .inner .box .list ul.sp_height li { height: 18.66667vw; } }

.recruit #cont01 { padding: 48px 0 100px 0; }

.recruit #cont01 .inner h2 { font-size: 40px; line-height: 1.6; text-align: center; font-weight: bold; color: #004993; margin: 0 0 75px 0; }

.recruit #cont01 .inner .lead { font-size: 24px; line-height: 1.8; font-weight: bold; margin: 0 0 93px 0; }

.recruit #cont01 .inner .title { margin: 0 0 45px 0; }

.recruit #cont01 .inner .title strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-weight: bold; color: #FFFFFF; font-size: 32px; letter-spacing: 0.1em; width: 100%; height: 70px; }

.recruit #cont01 .inner .title p { font-size: 24px; font-weight: bold; line-height: 1.8; margin: 22px 0 0 0; }

.recruit #cont01 .inner .tel strong { display: block; text-align: center; font-weight: bold; font-size: 40px; color: #004993; margin: 0 0 47px 0; }

.recruit #cont01 .inner .tel ul li:first-child a { background: #aa8844; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.recruit #cont01 .inner .tel ul li:first-child a:hover { background: #cc9933; }

.recruit #cont01 .inner .tel ul li:last-child { margin: 60px 0 0 0; }

.recruit #cont01 .inner .tel ul li:last-child a { background: #880000; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.recruit #cont01 .inner .tel ul li:last-child a:hover { background: #cc9933; }

.recruit #cont01 .inner .tel ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 374px; height: 90px; margin: 0 auto; }

.recruit #cont01 .inner .text { margin: 0 0 92px 0; }

.recruit #cont01 .inner .text ul li { margin: 0 0 44px 0; }

.recruit #cont01 .inner .text ul li:last-child { margin: 0; }

.recruit #cont01 .inner .text ul li strong { display: block; font-weight: bold; text-align: center; font-size: 32px; color: #004993; margin: 0 0 10px 0; }

.recruit #cont01 .inner .text ul li p { font-size: 24px; font-weight: bold; line-height: 1.8; letter-spacing: 0.1em; }

.recruit #cont01 .inner .list { margin: 0 0 60px 0; }

.recruit #cont01 .inner .list .title { margin: 0 0 39px 0; }

.recruit #cont01 .inner .list .title strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; font-weight: bold; color: #FFFFFF; font-size: 32px; letter-spacing: 0.1em; width: 100%; height: 70px; }

.recruit #cont01 .inner .list .title p { font-size: 24px; font-weight: bold; line-height: 1.8; }

.recruit #cont01 .inner .list .box { margin: 0 0 20px 0; }

.recruit #cont01 .inner .list strong { display: block; font-weight: bold; text-align: center; font-size: 32px; color: #004993; margin: 0 0 18px 0; }

.recruit #cont01 .inner .list ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.recruit #cont01 .inner .list ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; background: rgba(0, 85, 170, 0.1); font-size: 24px; font-weight: bold; text-align: center; line-height: 1.5; width: 100%; min-height: 100px; margin: 0 0 30px 0; padding: 15px 0 15px 0; box-sizing: border-box; }

.recruit #cont01 .inner .list ul li span { font-size: 20px; font-weight: normal; }

.recruit #cont01 .inner .list ul.twocol li { width: 48.33333%; margin: 0 3.33333% 30px 0; }

.recruit #cont01 .inner .list ul.twocol li:nth-child(2n) { margin: 0 0 30px 0; }

.recruit #cont01 .inner .list ul.threecol li { width: 31.16667%; margin: 0 3.25% 30px 0; }

.recruit #cont01 .inner .list ul.threecol li:nth-child(3n) { margin: 0 0 30px 0; }

@media screen and (max-width: 1000px) { .recruit #cont01 { padding: 6.53333vw 0 13.33333vw 0; }
  .recruit #cont01 .inner h2 { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 6vw 0; }
  .recruit #cont01 .inner .lead { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.07em; margin: 0 0 6.53333vw 0; }
  .recruit #cont01 .inner .title { margin: 0 0 5.46667vw 0; }
  .recruit #cont01 .inner .title strong { font-size: 4.26667vw; letter-spacing: 0.1em; height: 9.33333vw; }
  .recruit #cont01 .inner .title p { font-size: 3.73333vw; line-height: 1.8; margin: 2.66667vw 0 0 0; }
  .recruit #cont01 .inner .tel strong { font-size: 5.33333vw; margin: 0 0 6.8vw 0; }
  .recruit #cont01 .inner .tel ul li:last-child { margin: 8vw 0 0 0; }
  .recruit #cont01 .inner .tel ul li a { width: 49.86667vw; height: 12vw; }
  .recruit #cont01 .inner .text { margin: 0 0 11.46667vw 0; }
  .recruit #cont01 .inner .text ul li { margin: 0 0 5.33333vw 0; }
  .recruit #cont01 .inner .text ul li:last-child { margin: 0; }
  .recruit #cont01 .inner .text ul li strong { font-size: 4.26667vw; margin: 0 0 1.06667vw 0; }
  .recruit #cont01 .inner .text ul li p { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.1em; }
  .recruit #cont01 .inner .list { margin: 0 0 8vw 0; }
  .recruit #cont01 .inner .list .title { margin: 0 0 5.86667vw 0; }
  .recruit #cont01 .inner .list .title strong { font-size: 4.26667vw; letter-spacing: 0.1em; height: 9.33333vw; }
  .recruit #cont01 .inner .list .title p { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.05em; }
  .recruit #cont01 .inner .list .box { margin: 0 0 2.66667vw 0; }
  .recruit #cont01 .inner .list strong { font-size: 4.26667vw; margin: 0 0 2.4vw 0; }
  .recruit #cont01 .inner .list ul li { font-size: 3.2vw; line-height: 1.5; min-height: 13.33333vw; margin: 0 0 4vw 0; padding: 1.86667vw 0 2vw 0; }
  .recruit #cont01 .inner .list ul li span { font-size: 2.66667vw; }
  .recruit #cont01 .inner .list ul.twocol li { width: 47.01493%; margin: 0 5.97015% 4vw 0; }
  .recruit #cont01 .inner .list ul.twocol li:nth-child(2n) { margin: 0 0 4vw 0; }
  .recruit #cont01 .inner .list ul.threecol li { width: 29.85075%; margin: 0 5.22388% 4vw 0; }
  .recruit #cont01 .inner .list ul.threecol li:nth-child(3n) { margin: 0 0 4vw 0; } }

.message #cont01 { padding: 60px 0 0 0; }

.message #cont01 .inner dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 100px 0; }

.message #cont01 .inner dl:nth-child(2n) { flex-direction: row-reverse; }

.message #cont01 .inner dl dt { width: 48.33333%; }

.message #cont01 .inner dl dd { position: relative; top: 0; left: 0; width: 48.33333%; margin: -12px 0 0 0; }

.message #cont01 .inner dl dd strong { display: block; font-size: 40px; line-height: 1.6; font-weight: bold; letter-spacing: 0.05em; color: #004488; margin: 0 0 34px 0; }

.message #cont01 .inner dl dd p { font-size: 24px; line-height: 1.8; letter-spacing: 0.08em; font-weight: bold; margin: 0 0 50px 0; }

.message #cont01 .inner dl dd a { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #aa8844; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 0 0 7px; }

.message #cont01 .inner dl dd a:hover { background: #cc9933; }

@media screen and (max-width: 1000px) { .message #cont01 { padding: 8vw 0 0vw 0; }
  .message #cont01 .inner dl { display: block; margin: 0 0 13.33333vw 0; }
  .message #cont01 .inner dl dt { width: 100%; }
  .message #cont01 .inner dl dd { width: 100%; margin: 6.4vw 0 0 0; }
  .message #cont01 .inner dl dd strong { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 5.33333vw 0; }
  .message #cont01 .inner dl dd p { font-size: 3.73333vw; line-height: 1.8; margin: 0 0 6.53333vw 0; }
  .message #cont01 .inner dl dd a { position: relative; top: 0; left: 0; font-size: 4.8vw; letter-spacing: 0.1em; width: 49.86667vw; height: 12vw; margin: 0 auto; } }

.voice #cont01 { padding: 48px 0 0 0; }

.voice #cont01 h2 { text-align: center; font-weight: bold; font-size: 40px; line-height: 1.6; letter-spacing: 0.11em; color: #004993; margin: 0 0 84px 0; }

.voice #cont01 .inner dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 100px 0; }

.voice #cont01 .inner dl:nth-child(2n) { flex-direction: row-reverse; }

.voice #cont01 .inner dl dt { width: 48.33333%; }

.voice #cont01 .inner dl dd { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-between; width: 48.33333%; margin: -12px 0 0 0; }

.voice #cont01 .inner dl dd div strong { display: block; font-size: 40px; line-height: 1.6; font-weight: bold; letter-spacing: 0.05em; color: #004488; margin: 0 0 14px 0; }

.voice #cont01 .inner dl dd div p { font-size: 24px; line-height: 1.8; letter-spacing: 0.08em; font-weight: bold; }

.voice #cont01 .inner dl dd a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #aa8844; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 0 0 7px; }

.voice #cont01 .inner dl dd a:hover { background: #cc9933; }

@media screen and (max-width: 1000px) { .voice #cont01 { padding: 6.53333vw 0 0 0; }
  .voice #cont01 h2 { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 6.4vw 0; }
  .voice #cont01 .inner dl { display: block; margin: 0 0 13.33333vw 0; }
  .voice #cont01 .inner dl dt { width: 100%; }
  .voice #cont01 .inner dl dd { display: block; width: 100%; margin: 6.8vw 0 0 0; }
  .voice #cont01 .inner dl dd div strong { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 5.46667vw 0; }
  .voice #cont01 .inner dl dd div p { font-size: 3.73333vw; line-height: 1.8v; }
  .voice #cont01 .inner dl dd a { font-size: 4.8vw; width: 49.86667vw; height: 12vw; margin: 6.93333vw auto 0 auto; } }

.topics #cont01 { padding: 60px 0 100px 0; }

.topics #cont01 .inner h3 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; color: #FFFFFF; font-weight: bold; font-size: 32px; letter-spacing: 0.14em; width: 100%; height: 70px; }

.topics #cont01 .inner .link a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #004488; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 auto; }

.topics #cont01 .inner .link a:hover { background: #0055aa; }

.topics #cont01 .inner ul { margin: 0 0 60px 0; }

.topics #cont01 .inner ul li { border-bottom: 1px solid #777777; }

.topics #cont01 .inner ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #222222; padding: 35px 0 32px 20px; box-sizing: border-box; }

.topics #cont01 .inner ul li a span { display: block; font-weight: bold; font-size: 20px; letter-spacing: 0; margin: 0 24px 0 0; }

.topics #cont01 .inner ul li a em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-size: 18px; font-weight: bold; min-width: 120px; height: 30px; margin: 0 22px 0 0; }

.topics #cont01 .inner ul li a em.color1 { background: #004488; }

.topics #cont01 .inner ul li a em.color2 { background: #880000; }

.topics #cont01 .inner ul li a em.color3 { background: #AA8844; }

.topics #cont01 .inner ul li a em.color4 { background: #3388AA; }

.topics #cont01 .inner ul li a strong { font-size: 20px; letter-spacing: 0.08em; }

@media screen and (max-width: 1000px) { .topics #cont01 { padding: 8vw 0 5.33333vw 0; }
  .topics #cont01 .inner h3 { font-size: 4.26667vw; height: 9.33333vw; }
  .topics #cont01 .inner .link a { font-size: 4.8vw; width: 49.86667vw; height: 12vw; }
  .topics #cont01 .inner ul { margin: 0 auto 8.13333vw auto; }
  .topics #cont01 .inner ul li a { flex-wrap: wrap; padding: 3.73333vw 0 2.66667vw 2.66667vw; }
  .topics #cont01 .inner ul li a span { font-size: 3.2vw; margin: 0 4.93333vw 0 0; }
  .topics #cont01 .inner ul li a em { font-size: 3.2vw; min-width: 17.33333vw; height: 4.8vw; margin: 0; }
  .topics #cont01 .inner ul li a strong { font-size: 3.73333vw; line-height: 1.8; width: 100%; margin: 1.6vw 0 0 0; } }

.topics #cont02 { padding: 0 0 100px 0; }

.topics #cont02 .inner h3 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; color: #FFFFFF; font-weight: bold; font-size: 32px; letter-spacing: 0.14em; width: 100%; height: 70px; margin: 0 0 60px 0; }

.topics #cont02 .inner .link a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #004488; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 auto; }

.topics #cont02 .inner .link a:hover { background: #0055aa; }

.topics #cont02 .inner ul,
.topics #cont02 .inner .article-content { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; }

.topics #cont02 .inner ul li,
.topics #cont02 .inner .article-content .hp2_content_topparts { position: relative; top: 0; left: 0; display: block; width: 31.16667%; margin: 0 3.25% 52px 0; }

.topics #cont02 .inner ul li:nth-child(3n),
.topics #cont02 .inner .article-content .hp2_content_topparts:nth-child(3n) { margin: 0 0 52px 0; }

.topics #cont02 .inner ul li a span { display: block; }

.topics #cont02 .inner ul li a span b { display: block; background: #DDDDDD; width: 100%; height: 190px; }

.topics #cont02 .inner ul li a em,
.topics #cont02 .inner .article-content .hp2_content_topparts .hp2_content_topparts_title { display: block; color: #222222; font-size: 18px; line-height: 1.8; font-weight: bold; margin: 14px 0 0 0; }

.topics #cont02 .inner .article-content .hp2_content_topparts .hp2_content_topparts_body { display: none; }
.topics #cont02 .inner .article-content .hp2_content_topparts .hp2_content_topparts_link { opacity: 0; }
.topics #cont02 .inner .article-content .hp2_content_topparts .hp2_content_topparts_link a { position:absolute; top:0; left:0; width:100%; height:100%; }


@media screen and (max-width: 1000px) { .topics #cont02 { padding: 8vw 0 13.06667vw 0; }
  .topics #cont02 .inner h3 { font-size: 4.26667vw; height: 9.33333vw; margin: 0 0 4vw 0; }
  .topics #cont02 .inner .link a { font-size: 4.8vw; width: 49.86667vw; height: 12vw; }
  .topics #cont02 .inner ul,
  .topics #cont02 .inner .article-content { display: block; margin: 0 auto 6.8vw auto; }
  .topics #cont02 .inner ul li,
  .topics #cont02 .inner .article-content .hp2_content_topparts { width: 100%; margin: 0 0 6.53333vw 0; }
  .topics #cont02 .inner ul li:nth-child(3n),
  .topics #cont02 .inner .article-content .hp2_content_topparts:nth-child(3n) { margin: 0 0 6.53333vw 0; }
  .topics #cont02 .inner ul li:last-child,
  .topics #cont02 .inner .article-content .hp2_content_topparts:last-child { margin: 0; }
  .topics #cont02 .inner ul li a em,
  .topics #cont02 .inner .article-content .hp2_content_topparts .hp2_content_topparts_title { font-size: 3.73333vw; line-height: 1.8; margin: 2.66667vw 0 0 0; } }

.column footer .column_box { display: none; }

.column #cont01 { padding: 60px 0 100px 0; }

.column #cont01 .inner ul,
.column #cont01 .inner .article-content { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; }

.column #cont01 .inner ul li,
.column #cont01 .inner .article-content .hp2_content_topparts { position: relative; top: 0; left: 0; display: block; width: 31.16667%; margin: 0 3.25% 52px 0; }

.column #cont01 .inner ul li:nth-child(3n),
.column #cont01 .inner .article-content .hp2_content_topparts:nth-child(3n) { margin: 0 0 52px 0; }

.column #cont01 .inner ul li a span { display: block; }

.column #cont01 .inner ul li a span b { display: block; background: #DDDDDD; width: 100%; height: 190px; }

.column #cont01 .inner ul li a em,
.column #cont01 .inner .article-content .hp2_content_topparts .hp2_content_topparts_title { display: block; color: #222222; font-size: 18px; line-height: 1.8; font-weight: bold; margin: 13px 0 0 0; }

.column #cont01 .inner .article-content .hp2_content_topparts .hp2_content_topparts_body { display: none; }
.column #cont01 .inner .article-content .hp2_content_topparts .hp2_content_topparts_link { opacity: 0; }
.column #cont01 .inner .article-content .hp2_content_topparts .hp2_content_topparts_link a { position:absolute; top:0; left:0; width:100%; height:100%; }


.column #cont01 .inner .pager-inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; padding: 43px 0 0 0; }

.column #cont01 .inner .pager-inner span, .column #cont01 .inner .pager-inner a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; width: 50px; height: 50px; margin: 0 10px; box-sizing: border-box; }

.column #cont01 .inner .pager-inner span.nextpostslink img, .column #cont01 .inner .pager-inner span.previouspostslink img, .column #cont01 .inner .pager-inner a.nextpostslink img, .column #cont01 .inner .pager-inner a.previouspostslink img { width: 10px; }

.column #cont01 .inner .pager-inner span.extend, .column #cont01 .inner .pager-inner a.extend { display: none; }

.column #cont01 .inner .pager-inner span { background: #004488; color: #FFFFFF; }

.column #cont01 .inner .pager-inner a { border: 2px solid #004488; color: #004488; }

.column #cont01 .inner .pager-inner a.nextpostslink { border: none; }

.column #cont01 .inner .pager-inner a.prevpostslink { border: none; }

.column #cont01 .inner .pager-inner a.page:hover { background: #004488; color: #FFFFFF; opacity: 1.0; }

@media screen and (max-width: 1000px) { .column #cont01 { padding: 8vw 0 13.33333vw 0; }
  .column #cont01 .inner ul,
  .column #cont01 .inner .article-content { display: block; margin: 0 auto; }
  .column #cont01 .inner ul li,
  .column #cont01 .inner .article-content .hp2_content_topparts  { width: 100%; margin: 0 0 7.46667vw 0; }
  .column #cont01 .inner ul li:nth-child(3n),
  .column #cont01 .inner .article-content .hp2_content_topparts :nth-child(3n) { margin: 0 0 7.46667vw 0; }
  .column #cont01 .inner ul li:last-child,
  .column #cont01 .inner .article-content .hp2_content_topparts :last-child { margin: 0; }
  .column #cont01 .inner ul li a em,
  .column #cont01 .inner .article-content .hp2_content_topparts .hp2_content_topparts_title { font-size: 3.2vw; line-height: 1.8; margin: 2.66667vw 0 0 0; }
  .column #cont01 .inner .pager-inner { padding: 13.06667vw 0 0 0; }
  .column #cont01 .inner .pager-inner span, .column #cont01 .inner .pager-inner a { font-size: 3.2vw; width: 8.66667vw; height: 8.66667vw; margin: 0 2vw; } }

.news #cont01 { padding: 60px 0 130px 0; }

.news #cont01 .inner ul { border-top: 1px solid #777777; width: 100%; max-width: 1200px; margin: 0 auto; }

.news #cont01 .inner ul li { border-bottom: 1px solid #777777; }

.news #cont01 .inner ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #222222; padding: 35px 0 32px 20px; box-sizing: border-box; }

.news #cont01 .inner ul li a span { display: block; font-weight: bold; font-size: 20px; letter-spacing: 0; margin: 0 24px 0 0; }

.news #cont01 .inner ul li a em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-size: 18px; font-weight: bold; min-width: 120px; height: 30px; margin: 0 22px 0 0; }

.news #cont01 .inner ul li a em.color1 { background: #004488; }

.news #cont01 .inner ul li a em.color2 { background: #880000; }

.news #cont01 .inner ul li a em.color3 { background: #AA8844; }

.news #cont01 .inner ul li a em.color4 { background: #3388AA; }

.news #cont01 .inner ul li a strong { font-size: 20px; letter-spacing: 0.08em; }

.news #cont01 .inner .pager-inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; padding: 100px 0 0 0; }

.news #cont01 .inner .pager-inner span, .news #cont01 .inner .pager-inner a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; width: 50px; height: 50px; margin: 0 10px; box-sizing: border-box; }

.news #cont01 .inner .pager-inner span.nextpostslink img, .news #cont01 .inner .pager-inner span.previouspostslink img, .news #cont01 .inner .pager-inner a.nextpostslink img, .news #cont01 .inner .pager-inner a.previouspostslink img { width: 10px; }

.news #cont01 .inner .pager-inner span.extend, .news #cont01 .inner .pager-inner a.extend { display: none; }

.news #cont01 .inner .pager-inner span.extend, .news #cont01 .inner .pager-inner a.extend { display: none; }

.news #cont01 .inner .pager-inner span { background: #004488; color: #FFFFFF; }

.news #cont01 .inner .pager-inner a { border: 2px solid #004488; color: #004488; }

.news #cont01 .inner .pager-inner a.nextpostslink { border: none; }

.news #cont01 .inner .pager-inner a.prevpostslink { border: none; }

.news #cont01 .inner .pager-inner a.page:hover { background: #004488; color: #FFFFFF; opacity: 1.0; }

@media screen and (max-width: 1000px) { .news #cont01 { padding: 8vw 0 13.33333vw 0; }
  .news #cont01 .inner ul { margin: 0 auto; }
  .news #cont01 .inner ul li a { flex-wrap: wrap; padding: 3.73333vw 0 2.66667vw 2.66667vw; }
  .news #cont01 .inner ul li a span { font-size: 3.2vw; margin: 0 4.93333vw 0 0; }
  .news #cont01 .inner ul li a em { font-size: 3.2vw; min-width: 17.33333vw; height: 4.8vw; margin: 0; }
  .news #cont01 .inner ul li a strong { font-size: 3.73333vw; line-height: 1.8; width: 100%; margin: 1.6vw 0 0 0; }
  .news #cont01 .inner .pager-inner { padding: 13.33333vw 0 0 0; }
  .news #cont01 .inner .pager-inner span, .news #cont01 .inner .pager-inner a { font-size: 3.2vw; width: 8.66667vw; height: 8.66667vw; margin: 0 2vw; } }

.post_page #cont01 { padding: 52px 0 100px 0; }

.post_page #cont01 .inner .job { text-align: center; font-weight: bold; font-size: 24px; letter-spacing: 0.055em; margin: 0 0 43px 0; }

.post_page #cont01 .inner .edit { width: 100%; max-width: 800px; margin: 0 auto; }

.post_page #cont01 .inner .edit p { font-size: 18px; line-height: 1.8; letter-spacing: 0.1em; margin: 0 0 32px 0; }

.post_page #cont01 .inner .edit h1 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #004488; color: #FFFFFF; font-weight: bold; font-size: 32px; width: 100%; height: 70px; margin: 0 0 20px 0; }

.post_page #cont01 .inner .edit s { text-decoration: underline; }

.post_page #cont01 .inner .edit strong { font-weight: bold; font-size: 24px; line-height: 1.8; }

.post_page #cont01 .inner .edit h2 { font-size: 32px; line-height: 1.6875; font-weight: bold; color: #004488; margin: 0 0 32px 0; }

.post_page #cont01 .inner .edit .is-layout-flex { padding: 9px 0 0 0; }

.post_page #cont01 .inner .edit .is-layout-flex strong { line-height: 1.35; }

.post_page #cont01 .inner .edit .is-layout-flex img { width: auto; max-width: 100%; }

.post_page #cont01 .inner .edit .is-layout-flex p { margin: 0 0 29px 0; }

.post_page #cont01 .inner .edit .is-layout-flex p:first-child { padding: 3px 0 0 0; }

.post_page #cont01 .inner .client { max-width: 800px; margin: 0 auto 0 auto; }

.post_page #cont01 .inner .client h2 { font-size: 40px; line-height: 1.6; color: #004488; font-weight: bold; margin: 18px 0 0 0; }

.post_page #cont01 .inner .client .text { font-weight: bold; font-size: 24px; line-height: 1.8; margin: 13px 0 0 0; }

.post_page #cont01 .inner .client .link { margin: 44px 0 0 0; }

.post_page #cont01 .inner .client .link strong { display: block; font-weight: bold; font-size: 24px; line-height: 1.8; color: #004488; }

.post_page #cont01 .inner .client .link a { font-weight: bold; font-size: 24px; line-height: 1.8; color: #004488; }

.post_page #cont01 .inner .tag-list { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 800px; margin: 92px auto 0 auto; }

.post_page #cont01 .inner .tag-list li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 1px solid #777777; color: #222222; font-size: 20px; height: 50px; padding: 0 25px; margin: 0 30px 0 0; box-sizing: border-box; }

@media screen and (max-width: 1000px) { .post_page #cont01 { padding: 6.53333vw 0 13.33333vw 0; }
  .post_page #cont01 .inner .job { font-size: 3.73333vw; line-height: 1.8; margin: 0 0 5.33333vw 0; }
  .post_page #cont01 .inner .edit p { font-size: 3.73333vw; line-height: 1.8; margin: 0 0 6.66667vw 0; }
  .post_page #cont01 .inner .edit h1 { font-size: 4.26667vw; height: 9.33333vw; margin: 0 0 2.66667vw 0; }
  .post_page #cont01 .inner .edit strong { font-size: 3.73333vw; line-height: 1.8; }
  .post_page #cont01 .inner .edit h2 { font-size: 5.86667vw; line-height: 1.5; margin: 0 0 7.33333vw 0; }
  .post_page #cont01 .inner .edit .is-layout-flex { padding: 1.2vw 0 0 0; }
  .post_page #cont01 .inner .edit .is-layout-flex strong { line-height: 1.35; }
  .post_page #cont01 .inner .edit .is-layout-flex p { margin: 0 0 3.86667vw 0; }
  .post_page #cont01 .inner .edit .is-layout-flex p:first-child { padding: 0.4vw 0 0 0; }
  .post_page #cont01 .inner .client { margin: 0 auto 0 auto; }
  .post_page #cont01 .inner .client h2 { font-size: 5.86667vw; line-height: 1.5; margin: 2.4vw 0 0 0; }
  .post_page #cont01 .inner .client .text { font-size: 3.73333vw; line-height: 1.8; margin: 1.73333vw 0 0 0; }
  .post_page #cont01 .inner .client .link { margin: 5.86667vw 0 0 0; }
  .post_page #cont01 .inner .client .link strong { font-size: 3.2vw; line-height: 1.8; }
  .post_page #cont01 .inner .client .link a { font-size: 3.2vw; line-height: 1.8; }
  .post_page #cont01 .inner .tag-list { flex-wrap: wrap; width: 100%; margin: 12.4vw auto 0 auto; }
  .post_page #cont01 .inner .tag-list li a { font-size: 3.2vw; height: 9.33333vw; padding: 0 2.13333vw; margin: 0 5.33333vw 0 0; } }

.top_index main #key { position: relative; top: 0; left: 0; }

.top_index main #key ul li { position: relative; top: 0; left: 0; }

.top_index main #key ul li strong { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(0, 68, 136, 0.65); color: #FFFFFF; font-weight: bold; font-size: 50px; text-align: center; letter-spacing: 0.12em; width: 100%; min-height: 120px; padding: 10px 0; box-sizing: border-box; }

@media screen and (max-width: 1000px) { .top_index main #key ul li strong { font-size: 6.4vw; line-height: 1.45833; letter-spacing: 0.025em; min-height: 22.66667vw; padding: 1.33333vw 0; } }

.top_index main #cont01 { padding: 47px 0 99px 0; }

.top_index main #cont01 .inner .lead { text-align: center; font-size: 24px; line-height: 1.8; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 57px 0; }

.top_index main #cont01 .inner div h3 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #AA8844; color: #FFFFFF; font-weight: bold; font-size: 32px; letter-spacing: 0.14em; width: 100%; height: 70px; }

.top_index main #cont01 .inner div ul li { border-bottom: 1px solid #777777; }

.top_index main #cont01 .inner div ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #222222; padding: 35px 0 32px 20px; box-sizing: border-box; }

.top_index main #cont01 .inner div ul li a span { display: block; font-weight: bold; font-size: 20px; letter-spacing: 0; margin: 0 24px 0 0; }

.top_index main #cont01 .inner div ul li a em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-size: 18px; font-weight: bold; min-width: 120px; height: 30px; margin: 0 22px 0 0; }

.top_index main #cont01 .inner div ul li a em.color1 { background: #004488; }

.top_index main #cont01 .inner div ul li a em.color2 { background: #880000; }

.top_index main #cont01 .inner div ul li a em.color3 { background: #AA8844; }

.top_index main #cont01 .inner div ul li a em.color4 { background: #3388AA; }

.top_index main #cont01 .inner div ul li a strong { font-size: 20px; letter-spacing: 0.08em; }

@media screen and (max-width: 1000px) { .top_index main #cont01 { padding: 5.46667vw 0 13.06667vw 0; }
  .top_index main #cont01 .inner .lead { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.08em; margin: 0 0 6.4vw 0; }
  .top_index main #cont01 .inner div h3 { font-size: 4.26667vw; height: 9.33333vw; }
  .top_index main #cont01 .inner div ul { padding: 0; }
  .top_index main #cont01 .inner div ul li a { flex-wrap: wrap; padding: 4vw 0 2.66667vw 2.66667vw; }
  .top_index main #cont01 .inner div ul li a span { font-size: 3.2vw; margin: 0 5.06667vw 0 0; }
  .top_index main #cont01 .inner div ul li a em { font-size: 3.2vw; min-width: 17.33333vw; height: 4.8vw; margin: 0; }
  .top_index main #cont01 .inner div ul li a strong { font-size: 3.73333vw; line-height: 1.8; width: 100%; margin: 1.46667vw 0 0 0; } }

.top_index main #cont02 { position: relative; top: 0; left: 0; background: url(../images/index/cont02_img.png) center top no-repeat; background-size: cover; padding: 50px 0 70px 0; }

.top_index main #cont02 h2 { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 56px; letter-spacing: 0.15em; margin: 0 0 41px 0; }

.top_index main #cont02 .text { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 24px; line-height: 1.80417; margin: 0 0 56px 0; }

.top_index main #cont02 .link a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #aa8844; color: #FFFFFF; font-weight: bold; font-size: 36px; font-weight: bold; letter-spacing: 0.1em; width: 374px; height: 90px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; margin: 0 auto; }

.top_index main #cont02 .link a:hover { background: #cc9933; }

@media screen and (max-width: 1000px) { .top_index main #cont02 { background: url(../images/index/cont02_img_sp.png) center top no-repeat; background-size: cover; padding: 12.13333vw 0 14.13333vw 0; }
  .top_index main #cont02 h2 { font-size: 6.4vw; margin: 0 0 4.66667vw 0; }
  .top_index main #cont02 .text { font-size: 3.73333vw; line-height: 1.8; margin: 0 0 6.66667vw 0; }
  .top_index main #cont02 .link a { font-size: 4.8vw; width: 49.86667vw; height: 12vw; }
  .top_index main #cont02 .link a:hover { background: #aa8844; } }

.top_index main #cont03 { position: relative; top: 0; left: 0; padding: 50px 0 32px 0; }

.top_index main #cont03 .inner .text { margin: 0 0 105px 0; }

.top_index main #cont03 .inner .text p { text-align: center; font-weight: bold; letter-spacing: 0.1em; font-size: 24px; line-height: 1.80417; margin: 0 0 29px 0; }

.top_index main #cont03 .inner .text strong { display: block; width: 535px; margin: 0 auto; }

.top_index main #cont03 .inner .list ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }

.top_index main #cont03 .inner .list ul li { position: relative; top: 0; left: 0; width: 48.33333%; margin: 0 0 62px 0; }

.top_index main #cont03 .inner .list ul li p { position: relative; top: 0; left: 0; }

.top_index main #cont03 .inner .list ul li p span { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: bold; font-size: 32px; background: rgba(0, 68, 136, 0.65); width: 100%; height: 100%; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.top_index main #cont03 .inner .list ul li strong { display: block; font-size: 18px; font-weight: bold; line-height: 1.8; text-align: justify; letter-spacing: 0.1em; margin: 12px 0 0 0; }

.top_index main #cont03 .inner .list ul li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #cont03 .inner .list ul li:hover p span { background: rgba(0, 68, 136, 0.5); }

@media screen and (max-width: 1000px) { .top_index main #cont03 { padding: 6.4vw 0 12.13333vw 0; }
  .top_index main #cont03 .inner .text { margin: 0 0 14.13333vw 0; }
  .top_index main #cont03 .inner .text p { font-size: 3.73333vw; line-height: 1.8; letter-spacing: 0.06em; margin: 0 0 3.06667vw 0; }
  .top_index main #cont03 .inner .text strong { width: 71.33333vw; }
  .top_index main #cont03 .inner .list ul { display: block; }
  .top_index main #cont03 .inner .list ul li { width: 100%; margin: 0 0 7.2vw 0; }
  .top_index main #cont03 .inner .list ul li:last-child { margin: 0; }
  .top_index main #cont03 .inner .list ul li p span { font-size: 6.4vw; }
  .top_index main #cont03 .inner .list ul li strong { font-size: 3.2vw; line-height: 1.5; margin: 3.06667vw 0 0 0; } }


#a-con img {
  width: auto;
}

#a-con {
  font-size: 18px; line-height: 1.8; letter-spacing: 0.1em;
}

#a-con p {
  font-size: 18px; margin: 0 0 32px 0;
}

#a-con span {
  font-size: 14px; margin: 0 0 32px 0;
}

#mkcontents div {
  line-height: 1.5;
}

footer .content_item_list dt,
.topics #cont02 .inner .content_item_list dt,
.column #cont01 .inner .content_item_list dt {
  margin: 0 0 12px 0;
}

footer .content_item_list,
footer .content_item_list a {
  color: #FFFFFF;
  font-size: 18px; margin: 0 0 15px 0;
}

.topics #cont02 .inner .content_item_list,
.topics #cont02 .inner .content_item_list a {
  font-size: 18px; margin: 0 0 15px 0;
}

.column #cont01 .inner .content_item_list,
.column #cont01 .inner .content_item_list a {
  font-size: 18px; margin: 0 0 15px 0;
}

@media screen and (max-width: 1000px) { 
  .topics #cont02 .inner .content_item_list,
  .topics #cont02 .inner .content_item_list a {
    font-size: 3.73333vw;
  }
}

a[href="https://contents.ootaki-zeirishi.com/view.php?page=news-contents#backnumber_anchor"] {
  display: none;
}