@charset "UTF-8";
@media only screen and (max-width: 800px) { html { font-size: 62.5%; }
  body { width: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem; line-height: 1.4; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #333; zoom: 1; /* IEのみ */ background: #fff; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; vertical-align: top; }
  ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  ul li { display: inline-block; }
  h1, h2, h3, h4, h5, h6 { display: inline; font-weight: normal; font-size: 1rem; margin: 0; padding: 0; }
  table, tr, th, td { margin: 0; padding: 0; border-spacing: 0; }
  a { border: 0; color: #333; text-decoration: none; }
  a:hover { color: #f00; text-decoration: underline; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; background-color: #fff; /*--モバイルメニュー--*/ /*--モバイルメニューボタン--*/ /* 最初のspanをマイナス45度に */ /* 2番目と3番目のspanを45度に */ }
  header section { margin: 0 auto; display: block; width: 100%; padding: 4vw 0; }
  header div.newsline { display: flex; align-items: center; background-color: #FFD5D5; height: 12vw; }
  header div.newsline a { margin: 0 auto; color: #FF0000; width: 96vw; font-size: 1.2rem; }
  header div.headline { display: flex; align-items: center; background-color: #02235C; height: 10vw; }
  header div.headline p { margin: 0 auto; color: #fff; width: 96vw; font-size: 0.8rem; }
  header div.headmenu { display: none; }
  header div.headmenu ul { height: 35px; }
  header div.headmenu ul li a { display: block; height: 100%; padding: 8px 10px 0 10px; font-size: 1.4rem; }
  header div.headmenu ul li a.select, header div.headmenu ul li a:hover { background-color: #fff; }
  header div.menublock { width: 100%; background-color: #fff; position: relative; }
  header div.menublock #site-logo { display: block; width: 50vw; max-width: 222px; margin: 0 2vw; }
  header div.menublock #site-logo img { width: 100%; }
  header div.menublock ul.searcharea { display: block; margin: 4vw 0 0 5vw; }
  header div.menublock ul.searcharea input.searchtext { display: inline-block; border: none; outline: none; appearance: none; box-sizing: border-box; border: 1px #333 solid; width: 75vw; height: 7vw; margin: 0; padding: 0 2vw; line-height: 7vw; font-size: 1.2rem; }
  header div.menublock ul.searcharea ::placeholder { color: rgba(51, 51, 51, 0.5); }
  header div.menublock ul.searcharea input.searchbutton { display: inline-block; text-align: center; cursor: pointer; cursor: hand; border: none; outline: none; appearance: none; background-color: #333; color: #fff; width: 13vw; height: 7vw; margin-left: 2vw; padding: 0; line-height: 7vw; font-size: 1.2rem; }
  header div.menublock ul.searcharea input.searchbutton:active { background-color: rgba(10, 152, 52, 0.7); }
  header div.menublock ul.searcharea a.twitter { display: none; }
  header div.menublock ul.searcharea a.twitter img { width: 100%; }
  header div.menublock ul.searcharea a.facebook { display: none; }
  header div.menublock ul.searcharea a.facebook img { width: 100%; }
  header div.menublock ul.searcharea a.kawasaki { display: none; }
  header div.menublock ul.searcharea a.kawasaki img { width: 100%; }
  header div.menublock ul.searcharea a.twitter:hover, header div.menublock ul.searcharea a.facebook:hover, header div.menublock ul.searcharea a.kawasaki:hover { opacity: 0.7; filter: alpha(opacity=70); }
  header div.menublock nav.pcmenu { margin: 0 auto; display: none; }
  header div.menublock nav.pcmenu ul { position: relative; justify-content: center; }
  header div.menublock nav.pcmenu ul li > ul { display: none; position: absolute; left: auto; width: 220px; padding: 5px 10px; z-index: 99; background: #e6e6e6; box-sizing: border-box; }
  header div.menublock nav.pcmenu ul li > ul > li { width: 200px; padding: 10px 0; border-bottom: 1px #333 solid; border-right: none; }
  header div.menublock nav.pcmenu ul li > ul > li > a:before { display: inline-block; content: ""; width: 0; height: 0; margin: -5px 5px 0 0; border: 5px solid transparent; border-left: 5px solid #333; }
  header div.menublock nav.pcmenu ul li > ul > li:last-child { border-bottom: none; }
  header nav.globalMenuSp { display: none; width: 100%; }
  header nav.globalMenuSp hr { width: 100%; height: 1px; margin-bottom: 3vw; padding: 0; border: 0; background-color: #e6e6e6; }
  header nav.globalMenuSp ul { display: block; margin: 4vw 4vw 0 4vw; }
  header nav.globalMenuSp ul li { display: block; margin-bottom: 3vw; font-size: 1.4rem; }
  header nav.globalMenuSp ul li > ul { display: none; position: relative; }
  header nav.globalMenuSp ul li > ul > li { float: none; width: 100%; margin-top: 2vw; }
  header nav.globalMenuSp ul li > ul > li:first-child { margin: 0; }
  header nav.globalMenuSp ul.multilingual { margin-right: -3vw; }
  header nav.globalMenuSp ul.multilingual li { display: inline-block; margin-right: 2vw; }
  header .navToggle { display: block; position: absolute; right: 2vw; top: 3vw; width: 11vw; height: 11vw; border-radius: 1.5vw; cursor: pointer; z-index: 3; background: #02235C; text-align: center; }
  header .navToggle span { display: block; position: absolute; width: 7vw; border-bottom: solid 2px #fff; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 2vw; }
  header .navToggle span:nth-child(1) { top: 2vw; }
  header .navToggle span:nth-child(2) { top: 4vw; }
  header .navToggle span:nth-child(3) { top: 6vw; }
  header .navToggle span:nth-child(4) { border: none; color: #fff; font-size: 0.7rem; top: 7.5vw; left: 1vw; width: 9vw; }
  header .navToggle.active span:nth-child(1) { top: 4vw; left: 2vw; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
  header .navToggle.active span:nth-child(2), header .navToggle.active span:nth-child(3) { top: 4vw; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
  header .menu-dropdown-icon:before { display: block; cursor: pointer; content: "+"; float: right; padding: 1vw; color: #fff; font-size: 1rem; line-height: 1; background-color: #333; }
  footer { width: 100%; background-color: #02235C; color: #fff; }
  footer section { margin: 0 auto; width: 96vw; padding: 3vw 2vw; font-size: 1.1rem; }
  footer section div.totop { width: 100%; text-align: right; }
  footer section div.totop a { color: #fff; }
  footer section div.totop a:hover { color: #f00; text-decoration: underline; }
  footer section ul.banner { margin: 4vw -1vw 0 0; }
  footer section ul.banner li { width: 23vw; margin: 0 1vw 1vw 0; }
  footer section ul.banner li img { width: 100%; }
  footer section ul.listup { margin-top: 4vw; }
  footer section ul.listup a { color: #fff; }
  footer section p { margin-top: 3vw; }
  footer section span.copyrights { display: block; color: #CCFFDC; margin-top: 3vw; }
  article#contents { border-top: 1px #DADADA solid; }
  article#contents section { width: 100%; padding: 3vw 0; }
  article#contents section h1.title { display: inline-block; width: 100%; color: #2C1184; text-align: center; font-size: 2rem; }
  article#contents section h1.more { margin-top: 3vw; }
  article#contents section h2 { display: block; color: #2C1184; margin-bottom: 3vw; font-size: 1.8rem; }
  article#contents section h3 { display: block; color: #2C1184; font-size: 1.4rem; }
  article#contents section div.container { margin: 0 auto; background-color: #fff; box-sizing: border-box; width: 100vw; padding: 5vw 2vw; font-size: 1.2rem; }
  article#contents section div.container img.bigphoto { display: block; margin: 0 auto; width: 100%; margin-bottom: 2vw; }
  article#contents section div.container p { margin-top: 3vw; }
  article#contents section div.container hr { background-color: #ccc; margin: 3vw 0; }
  article#contents section div.container div.txt_img { width: 100%; }
  article#contents section div.container div.txt_img div.txt { font-size: 1.2rem; }
  article#contents section div.container div.txt_img div.img { width: 100%; margin-bottom: 3vw; text-align: center; }
  article#contents section div.container div.txt_img div.img img { width: 60vw; }
  article#contents section div.container div.txt_img div.img span { display: block; margin-top: 1vw; font-size: 1.2rem; }
  article#contents section div.container div.img_img { display: flex; justify-content: space-between; width: 96vw; }
  article#contents section div.container div.img_img div.img { width: 47vw; }
  article#contents section div.container div.img_img div.img img { width: 100%; }
  article#contents section div.container div.img_img div.img span { display: block; margin-top: 1vw; font-size: 1.2rem; }
  .red { color: #f00; }
  .blue { color: #2C1184; }
  hr { width: 100%; height: 1px; padding: 0; border: 0; background-color: #DADADA; }
  ul.listup { display: block; }
  ul.listup li { display: list-item; padding-left: 1.2em; text-indent: -1.2em; margin-bottom: 0.5vw; font-size: 1.2rem; }
  ul.listup li:before { content: "・"; }
  ul.list { display: block; }
  ul.list li { display: list-item; margin-bottom: 1vw; font-size: 1.2rem; }
  ol.countup { display: block; margin: 0; padding: 0; counter-reset: number; }
  ol.countup li { display: list-item; padding-left: 1em; text-indent: -1em; margin-bottom: 0.5vw; font-size: 1.2rem; }
  ol.countup li:before { counter-increment: number; content: counter(number) "."; }
  div.indent { margin-left: 1em; }
  a span { text-decoration: underline; }
  img.outside { vertical-align: middle; height: 13px; margin-left: 0.5em; }
  img.download { vertical-align: middle; height: 16px; margin-right: 0.5em; }
  span.search-highlight { font-weight: bold; text-decoration: none; color: #c33; }
  p.skip { position: absolute; top: -30px; left: 0; }
  p.skip a { font-size: 0.5rem; }
  a.link { text-decoration: underline; }
  img.img_center { display: block; margin: 0 auto; width: 100%; margin-bottom: 2vw; }
  /*検索結果*/
  article.search div.container ol.countup li { margin-bottom: 3vw; font-size: 1.1rem; }
  article.search div.container ol.countup li a.title { color: #2C1184; font-weight: bold; text-decoration: underline; font-size: 1.2rem; }
  article.search div.container ol.countup li a.link { font-size: 1rem; } }
@media only screen and (min-width: 801px) { html { font-size: 62.5%; }
  body { width: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem; line-height: 1.4; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #333; zoom: 1; /* IEのみ */ background: #fff; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; vertical-align: top; }
  ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  ul li { display: inline-block; }
  h1, h2, h3, h4, h5, h6 { display: inline; font-weight: normal; font-size: 1rem; margin: 0; padding: 0; }
  table, tr, th, td { margin: 0; padding: 0; border-spacing: 0; }
  a { border: 0; color: #333; text-decoration: none; }
  a:hover { color: #f00; text-decoration: underline; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; background-color: #fff; /*--モバイルメニュー--*/ /*--モバイルメニューボタン--*/ /* 最初のspanをマイナス45度に */ /* 2番目と3番目のspanを45度に */ }
  header section { margin: 0 auto; display: flex; justify-content: space-between; width: 950px; padding-top: 2px; }
  header div.newsline { display: flex; align-items: center; background-color: #FFD5D5; height: 35px; }
  header div.newsline a { margin: 0 auto; color: #FF0000; width: 950px; font-size: 1.4rem; }
  header div.headline { display: flex; align-items: center; background-color: #02235C; height: 35px; }
  header div.headline p { margin: 0 auto; color: #fff; width: 950px; font-size: 1rem; }
  header div.headmenu { display: block; width: 100%; height: 35px; background-color: #e6e6e6; overflow: hidden; }
  header div.headmenu ul { height: 35px; }
  header div.headmenu ul li a { display: block; height: 100%; padding: 8px 10px 0 10px; font-size: 1.4rem; }
  header div.headmenu ul li a.select, header div.headmenu ul li a:hover { background-color: #fff; }
  header div.menublock { width: 100%; background-color: #fff; padding: 25px 0 10px 0; }
  header div.menublock #site-logo { display: block; width: 222px; }
  header div.menublock #site-logo img { width: 100%; }
  header div.menublock ul.searcharea { display: block; padding-top: 20px; }
  header div.menublock ul.searcharea input.searchtext { display: inline-block; border: none; outline: none; appearance: none; box-sizing: border-box; border: 1px #333 solid; width: 314px; height: 33px; margin: 0; padding: 0 20px; line-height: 33px; font-size: 1.4rem; }
  header div.menublock ul.searcharea ::placeholder { color: rgba(51, 51, 51, 0.5); }
  header div.menublock ul.searcharea input.searchbutton { display: inline-block; text-align: center; cursor: pointer; cursor: hand; border: none; outline: none; appearance: none; background-color: #333; color: #fff; width: 70px; height: 33px; margin-left: 5px; padding: 0; line-height: 33px; font-size: 1.4rem; }
  header div.menublock ul.searcharea input.searchbutton:active { background-color: rgba(10, 152, 52, 0.7); }
  header div.menublock ul.searcharea a.twitter { display: block; width: 33px; padding-left: 10px; }
  header div.menublock ul.searcharea a.twitter img { width: 100%; }
  header div.menublock ul.searcharea a.facebook { display: block; width: 33px; padding-left: 10px; }
  header div.menublock ul.searcharea a.facebook img { width: 100%; }
  header div.menublock ul.searcharea a.kawasaki { display: block; width: 33px; padding-left: 10px; }
  header div.menublock ul.searcharea a.kawasaki img { width: 100%; }
  header div.menublock ul.searcharea a.twitter:hover, header div.menublock ul.searcharea a.facebook:hover, header div.menublock ul.searcharea a.kawasaki:hover { opacity: 0.7; filter: alpha(opacity=70); }
  header div.menublock nav.pcmenu { margin: 0 auto; width: 950px; padding-top: 50px; }
  header div.menublock nav.pcmenu ul { position: relative; justify-content: center; }
  header div.menublock nav.pcmenu ul li { padding: 0 10px; border-right: 1px #333 solid; font-size: 1.4rem; color: #333; }
  header div.menublock nav.pcmenu ul li:last-child { border-right: none; }
  header div.menublock nav.pcmenu ul li > ul { display: none; position: absolute; left: auto; width: 220px; padding: 5px 10px; z-index: 99; background: #e6e6e6; box-sizing: border-box; }
  header div.menublock nav.pcmenu ul li > ul > li { width: 200px; padding: 10px 0; border-bottom: 1px #333 solid; border-right: none; }
  header div.menublock nav.pcmenu ul li > ul > li > a:before { display: inline-block; content: ""; width: 0; height: 0; margin: -5px 5px 0 0; border: 5px solid transparent; border-left: 5px solid #333; }
  header div.menublock nav.pcmenu ul li > ul > li:last-child { border-bottom: none; }
  header nav.globalMenuSp { display: none; width: 100%; }
  header nav.globalMenuSp hr { width: 100%; height: 1px; margin-bottom: 3vw; padding: 0; border: 0; background-color: #e6e6e6; }
  header nav.globalMenuSp ul { display: block; margin: 4vw 4vw 0 4vw; }
  header nav.globalMenuSp ul li { display: block; margin-bottom: 3vw; font-size: 1.4rem; }
  header nav.globalMenuSp ul li > ul { display: none; position: relative; }
  header nav.globalMenuSp ul li > ul > li { float: none; width: 100%; margin-top: 2vw; }
  header nav.globalMenuSp ul li > ul > li:first-child { margin: 0; }
  header nav.globalMenuSp ul.multilingual { margin-right: -3vw; }
  header nav.globalMenuSp ul.multilingual li { display: inline-block; margin-right: 2vw; }
  header .navToggle { display: none; }
  header .navToggle span { display: block; position: absolute; width: 7vw; border-bottom: solid 2px #fff; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 2vw; }
  header .navToggle span:nth-child(1) { top: 2vw; }
  header .navToggle span:nth-child(2) { top: 4vw; }
  header .navToggle span:nth-child(3) { top: 6vw; }
  header .navToggle span:nth-child(4) { border: none; color: #fff; font-size: 0.7rem; top: 7.5vw; left: 1vw; width: 9vw; }
  header .navToggle.active span:nth-child(1) { top: 4vw; left: 2vw; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
  header .navToggle.active span:nth-child(2), header .navToggle.active span:nth-child(3) { top: 4vw; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
  header .menu-dropdown-icon:before { display: block; cursor: pointer; content: "+"; float: right; padding: 1vw; color: #fff; font-size: 1rem; line-height: 1; background-color: #333; }
  footer { width: 100%; background-color: #02235C; color: #fff; }
  footer section { margin: 0 auto; width: 950px; padding: 30px 0; font-size: 1.3rem; }
  footer section div.totop { width: 100%; text-align: right; }
  footer section div.totop a { color: #fff; }
  footer section div.totop a:hover { color: #f00; text-decoration: underline; }
  footer section ul.banner { margin: 30px -10px 0 0; }
  footer section ul.banner li { width: 182px; margin: 0 10px 10px 0; }
  footer section ul.banner li img { width: 100%; }
  footer section ul.listup { margin-top: 40px; }
  footer section ul.listup a { color: #fff; }
  footer section p { margin-top: 30px; }
  footer section span.copyrights { display: block; color: #CCFFDC; margin-top: 30px; }
  article#contents { border-top: 1px #DADADA solid; }
  article#contents section { width: 100%; padding: 30px 0; }
  article#contents section h1.title { display: inline-block; width: 100%; color: #2C1184; text-align: center; font-size: 3rem; }
  article#contents section h1.more { margin-top: 30px; }
  article#contents section h2 { display: block; color: #2C1184; margin-bottom: 25px; font-size: 2.1rem; }
  article#contents section h3 { display: block; color: #2C1184; font-size: 1.6rem; }
  article#contents section div.container { margin: 0 auto; background-color: #fff; box-sizing: border-box; width: 950px; padding: 30px 0; font-size: 1.4rem; }
  article#contents section div.container img.bigphoto { display: block; margin: 0 auto; width: 745px; margin-bottom: 20px; }
  article#contents section div.container p { margin-top: 30px; }
  article#contents section div.container hr { background-color: #ccc; margin: 30px 0; }
  article#contents section div.container div.txt_img { width: 100%; }
  article#contents section div.container div.txt_img div.txt { float: left; width: 635px; margin-right: 30px; font-size: 1.4rem; }
  article#contents section div.container div.txt_img div.img { float: right; width: 285px; }
  article#contents section div.container div.txt_img div.img img { width: 100%; }
  article#contents section div.container div.txt_img div.img span { display: block; margin-top: 10px; font-size: 1.4rem; }
  article#contents section div.container div.img_img { display: flex; justify-content: space-between; width: 750px; margin: 0 auto; }
  article#contents section div.container div.img_img div.img { width: 360px; }
  article#contents section div.container div.img_img div.img img { width: 100%; }
  article#contents section div.container div.img_img div.img span { display: block; margin-top: 10px; font-size: 1.4rem; }
  .red { color: #f00; }
  .blue { color: #2C1184; }
  hr { width: 100%; height: 1px; padding: 0; border: 0; background-color: #DADADA; }
  ul.listup { display: block; }
  ul.listup li { display: list-item; padding-left: 1.2em; text-indent: -1.2em; margin-bottom: 2px; font-size: 1.4rem; }
  ul.listup li:before { content: "・"; }
  ul.list { display: block; }
  ul.list li { display: list-item; margin-bottom: 5px; font-size: 1.4rem; }
  ol.countup { display: block; margin: 0; padding: 0; counter-reset: number; }
  ol.countup li { display: list-item; padding-left: 1em; text-indent: -1em; margin-bottom: 2px; font-size: 1.4rem; }
  ol.countup li:before { counter-increment: number; content: counter(number) "."; }
  div.indent { margin-left: 1em; }
  a span { text-decoration: underline; }
  img.outside { vertical-align: middle; height: 16px; margin-left: 5px; }
  img.download { vertical-align: middle; height: 22px; margin-right: 5px; }
  span.search-highlight { font-weight: bold; text-decoration: none; color: #c33; }
  p.skip { position: absolute; top: -30px; left: 0; }
  p.skip a { font-size: 0.5rem; }
  a.link { text-decoration: underline; }
  img.img_center { display: block; margin: 0 auto; margin-bottom: 20px; }
  /*検索結果*/
  article.search div.container ol.countup li { margin-bottom: 30px !important; font-size: 1.3rem; }
  article.search div.container ol.countup li a.title { color: #2C1184; font-weight: bold; text-decoration: underline; font-size: 1.6rem; }
  article.search div.container ol.countup li a.link { font-size: 1.2rem; } }