@charset "UTF-8";
.inner, .milkMenu .inner > ul, .top .charm, .top .categoryItem nav ul, main .contents .figureRight,
main .contents .figureLeft, main .contents .pagenav {
  display: block;
}

.inner:after, .milkMenu .inner > ul:after, .top .charm:after, .top .categoryItem nav ul:after, main .contents .figureRight:after,
main .contents .figureLeft:after, main .contents .pagenav:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

main .contents h2:first-child, main .contents h3:first-child, main .contents h4:first-child, main .contents p:first-child, main .contents .paragraph:first-child, main .contents .paragraph02:first-child, main .contents .figureRight:first-child,
main .contents .figureLeft:first-child, main .contents .topics:first-child, main .contents .memo:first-child {
  margin-top: 0;
}

main .contents h2:last-child, main .contents h3:last-child, main .contents h4:last-child, main .contents p:last-child, main .contents .paragraph:last-child, main .contents .paragraph02:last-child, main .contents .figureRight:last-child,
main .contents .figureLeft:last-child, main .contents .topics:last-child, main .contents .memo:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  main .contents h2:first-child, main .contents h3:first-child, main .contents h4:first-child, main .contents p:first-child, main .contents .paragraph:first-child, main .contents .paragraph02:first-child, main .contents .figureRight:first-child,
  main .contents .figureLeft:first-child, main .contents .topics:first-child, main .contents .memo:first-child {
    margin-top: 0;
  }
  main .contents h2:last-child, main .contents h3:last-child, main .contents h4:last-child, main .contents p:last-child, main .contents .paragraph:last-child, main .contents .paragraph02:last-child, main .contents .figureRight:last-child,
  main .contents .figureLeft:last-child, main .contents .topics:last-child, main .contents .memo:last-child {
    margin-bottom: 0;
  }
}

/*====================================================

        reset

====================================================*/
.shokuiku main p, .shokuiku main h1, .shokuiku main h2, .shokuiku main h3, .shokuiku main h4, .shokuiku main h5, .shokuiku main h6, .shokuiku main a, .shokuiku main li, .shokuiku main caption, .shokuiku main td, .shokuiku main th, .shokuiku main dt, .shokuiku main dd, .shokuiku main input, .shokuiku main textarea, .shokuiku main select, .shokuiku main address {
  font-family: 'Hiragino Maru Gothic Pro',"Meiryo UI" , "メイリオ" , Meiryo ,"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

main {
  background: url("../images/common/bg-contenets-bottom.png") no-repeat center bottom;
}

main div, main span, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main abbr, main address, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main samp, main small, main strong, main sub, main sup, main var, main b, main i, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main canvas, main details, main figcaption, main figure, main footer, main header, main hgroup, main menu, main nav, main section, main summary, main time, main mark, main audio, main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

main div, main span, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main abbr, main address, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main samp, main small, main strong, main sub, main sup, main var, main b, main i, main a, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main form, main input, main button, main textarea, main article, main aside, main canvas, main details, main figcaption, main figure, main footer, main header, main hgroup, main menu, main nav, main section, main summary, main time, main mark, main audio, main video, main *:before, main *:after {
  box-sizing: border-box;
}

main li {
  list-style-type: none;
}

main figure, main em {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

main i, main em {
  font-style: normal;
}

main i.italic {
  font-style: italic;
}

main div:after, main dl:after, main ul:after {
  display: none;
  content: "";
  visibility: visible;
}

/*====================================================

        utility

====================================================*/
.inner, .milkMenu .inner > ul {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}

.radius {
  border-radius: 8px;
  overflow: hidden;
}

.fit img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover; object-position: 50% 50%;";
}

.block {
  display: block;
}

.inlineblock {
  display: inline-block;
}

.blue {
  color: #215edb;
}

.return_top {
  margin-top: 50px !important;
  text-align: center;
}

.return_top a {
  font-size: 120% !important;
  padding: 13px 38px 13px 60px !important;
  background-position: left 8px center !important;
  background-image: url("../images/common/arrow-circle-left.svg") !important;
}

.return_top a:hover {
  background-image: url("../images/common/arrow-circle-left_wh.svg") !important;
}

.btnBorder, .return_top a, .top .charm .btnCharm span, .top .categoryItem nav a {
  display: inline-block;
  min-width: 300px;
  padding: 8px 45px 8px 23px;
  border: 1px solid #215edb;
  border-radius: 100px;
  text-align: left;
  background: #fff url("../images/common/arrow-circle.svg") no-repeat right 8px center/24px 24px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #215edb;
  text-decoration: none;
  line-height: 1.2;
  transition: color 0.2s, background 0.2s;
}

.btnBorder:hover, .return_top a:hover, .top .charm .btnCharm span:hover, .top .categoryItem nav a:hover {
  color: #fff;
  background: #215edb url("../images/common/arrow-circle_wh.svg") no-repeat right 8px center/24px 24px;
}

.btnBorder[target*=blank], .return_top a[target*=blank], .top .charm .btnCharm span[target*=blank], .top .categoryItem nav a[target*=blank] {
  color: #666;
  border-color: #666;
  background: #fff url("../images/common/arrow-circle_gr.svg") no-repeat right 8px center/24px 24px;
}

.btnBorder[target*=blank]:hover, .return_top a[target*=blank]:hover, .top .charm .btnCharm span[target*=blank]:hover, .top .categoryItem nav a[target*=blank]:hover {
  color: #fff;
  background: #666 url("../images/common/arrow-circle_wh.svg") no-repeat right 8px center/24px 24px;
}

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

@media screen and (max-width: 640px) {
  .inner, .milkMenu .inner > ul {
    min-width: 320px;
  }
  .btnBorder, .return_top a, .top .charm .btnCharm span, .top .categoryItem nav a {
    min-width: auto;
    padding: 2vw 11vw 2vw 4vw;
    background: #fff url("../images/common/arrow-circle.svg") no-repeat right 2vw center/6vw 6vw;
    font-size: 3.73333vw;
  }
  .btnBorder:hover, .return_top a:hover, .top .charm .btnCharm span:hover, .top .categoryItem nav a:hover {
    background: #215edb url("../images/common/arrow-circle_wh.svg") no-repeat right 2vw center/6vw 6vw;
  }
  .btnBorder[target*=blank], .return_top a[target*=blank], .top .charm .btnCharm span[target*=blank], .top .categoryItem nav a[target*=blank] {
    background: #fff url("../images/common/arrow-circle_gr.svg") no-repeat right 2vw center/6vw 6vw;
  }
  .btnBorder[target*=blank]:hover, .return_top a[target*=blank]:hover, .top .charm .btnCharm span[target*=blank]:hover, .top .categoryItem nav a[target*=blank]:hover {
    background: #666 url("../images/common/arrow-circle_wh.svg") no-repeat right 2vw center/6vw 6vw;
  }
  .pc {
    display: none;
  }
  .sp {
    display: inline-block;
  }
}

/*====================================================

        common

====================================================*/
.wrapper {
  padding-bottom: 230px;
  background-image: url("../images/common/bg-contenets-bottom.png"), url("../images/common/bg-contenets.png");
  background-repeat: no-repeat;
  background-position: center bottom, center bottom;
  background-size: auto, 100% auto;
}

.top .wrapper {
  padding-bottom: 180px;
  background-image: url("../images/common/bg-contenets-bottom.png"), url("../images/index/bg-index.jpg");
  background-repeat: no-repeat;
  background-position: center bottom, center 100px;
  background-size: auto, cover;
}

@media screen and (max-width: 640px) {
  .wrapper {
    padding-bottom: 24vw;
    background-image: url("../images/common/bg-contenets-bottom.png"), url("../images/common/bg-contenets.png");
    background-repeat: no-repeat;
    background-position: center bottom, center bottom;
    background-size: 220% auto, 100% auto;
  }
}

/*====================================================

        milkMenu

====================================================*/
.milkMenu {
  position: relative;
}

.milkMenu .inner > ul, .milkMenu .inner > ul > ul {
  display: table;
  width: 100%;
  position: absolute;
  left: 0;
  top: 13px;
  z-index: 1;
  table-layout: fixed;
}

.milkMenu .inner > ul:after, .milkMenu .inner > ul > ul:after {
  display: none;
}

.milkMenu .inner > ul > li, .milkMenu .inner > ul > ul > li {
  display: table-cell;
  text-align: center;
  background: url("../images/common/header-nav-line.png") repeat-y left top;
}

.milkMenu .inner > ul > li:last-child, .milkMenu .inner > ul > ul > li:last-child {
  background-image: url("../images/common/header-nav-line.png"), url("../images/common/header-nav-line.png");
  background-position: right top, left top;
  background-repeat: repeat-y;
}

.milkMenu a {
  display: block;
  padding: 18px 0 17px;
  background: transparent;
  transition: background 0.3s;
}

.milkMenu a:hover {
  background: rgba(255, 255, 255, 0.15);
}

@media screen and (min-width: 641px) {
  .milkMenu .accordionContents {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .milkMenu .inner, .milkMenu .inner > ul {
    padding: 0;
  }
  .milkMenu .inner > ul, .milkMenu .inner > ul > ul {
    display: block;
    width: 100%;
    top: 0px;
  }
  .milkMenu .inner > ul:after, .milkMenu .inner > ul > ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .milkMenu .inner > ul > li, .milkMenu .inner > ul > ul > li {
    float: left;
    display: block;
    width: 33.33%;
    position: relative;
  }
  .milkMenu .inner > ul > li:nth-child(n+4), .milkMenu .inner > ul > ul > li:nth-child(n+4) {
    border-top: 1px dotted #92bff8;
  }
  .milkMenu .inner > ul > li:last-child, .milkMenu .inner > ul > ul > li:last-child {
    background: url("../images/common/header-nav-line.png") repeat-y left top;
  }
  .milkMenu a {
    padding: 2.3vw 0 2.2vw;
  }
  .milkMenu a img {
    width: auto;
    height: 6vw;
  }
  .milkMenu a.accordionBtn {
    position: relative;
  }
  .milkMenu a.accordionBtn.open:before {
    transform: rotate(-90deg);
  }
  .milkMenu a.accordionBtn:before {
    content: "";
    display: none;
    width: 3.5vw;
    height: 3.5vw;
    margin: auto;
    background: url("../images/common/arrow-circle_wh.svg") no-repeat center center/contain;
    position: absolute;
    opacity: 0.7;
    transform: rotate(90deg);
    right: 1.5vw;
    top: 0;
    bottom: 0;
    transition: transform 0.3s;
  }
  .milkMenu .btnAccordion {
    display: block;
    width: 5vw;
    height: 5vw;
    margin: auto;
    background: #aaa;
    position: absolute;
    right: 1.5vw;
    top: 0;
    bottom: 0;
  }
  .milkMenu .accordionContents {
    position: relative;
  }
  .milkMenu .accordionContents ul {
    display: block;
    padding: 6vw 4vw;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 2px #ddd;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    z-index: 1;
    transition: all 0.5s;
  }
  .milkMenu .accordionContents ul.open {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  }
  .milkMenu .accordionContents li {
    font-size: 3.2vw;
    border-bottom: 1px dashed #d9d9d9;
  }
  .milkMenu .accordionContents li:first-child {
    border-top: 1px dashed #d9d9d9;
  }
  .milkMenu .accordionContents li a {
    color: #333;
    text-decoration: none;
    background: url("../images/common/arrow-circle.svg") no-repeat 98% center;
    background-size: 4vw 4vw;
    padding: 2.3vw 8vw 2.2vw 0;
  }
  .milkMenu .accordionContents #accordionMenu01,
  .milkMenu .accordionContents #accordionMenu02 {
    top: 10.5vw;
  }
  .milkMenu .accordionContents #accordionMenu03,
  .milkMenu .accordionContents #accordionMenu04,
  .milkMenu .accordionContents #accordionMenu05 {
    top: 21vw;
  }
}

/*====================================================

        mainvisual

====================================================*/
.mainvisual {
  padding: 80px 0 120px;
  text-align: center;
  background: url("../images/common/bg-main.jpg") no-repeat center center/cover;
  position: relative;
}

.top .mainvisual {
  padding: 80px 0 200px;
  background: url("../images/index/bg-main.jpg") no-repeat bottom center/cover;
}

.mainvisual:before, .mainvisual:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.mainvisual:before {
  height: 120px;
  background: url("../images/common/bg-fence.png") no-repeat top center;
  background-size: cover;
}

.mainvisual:after {
  height: 80px;
  background: url("../images/common/bg-fence-bottom.svg") no-repeat top center;
  background-size: cover;
}

.mainvisual .catch {
  margin: 20px auto 10px;
}

.mainvisual .lead {
  color: #215edb;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 auto 100px;
  padding: 20px 50px;
  display: inline-block;
}

.mainvisual .title {
  margin: 40px auto;
}

@media screen and (max-width: 640px) {
  .mainvisual {
    padding: 20vw 5vw 15vw;
  }
  .top .mainvisual {
    padding: 20vw 5vw 30vw;
    background: url("../images/index/bg-main.jpg") no-repeat bottom center/cover;
  }
  .mainvisual:before {
    height: 15vw;
    background-size: auto 100%;
  }
  .mainvisual:after {
    height: 10vw;
    bottom: -1px;
  }
  .mainvisual h1 {
    margin: 5vw auto;
  }
  .mainvisual h1 img {
    width: 80vw;
  }
  .mainvisual .catch {
    font-size: 3.46667vw;
  }
  .mainvisual .lead {
    font-size: 2.66667vw;
    padding: 10px 20px;
    margin-bottom: 50px;
  }
  .mainvisual .title {
    margin: 7vw auto;
  }
  .mainvisual .title img {
    width: auto;
    height: 12vw;
  }
}

/*====================================================

        topicpath

====================================================*/
.topicpath {
  margin: -40px auto 30px;
}

.topicpath ul {
  letter-spacing: -0.5em;
}

.topicpath li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 8px;
  padding-right: 16px;
  font-size: 12px;
  font-size: 0.75rem;
}

.topicpath li:not(:last-child) {
  background: url("../images/common/arrow-topicpath.svg") no-repeat right center/8px 7px;
}

.topicpath li:first-child a {
  padding-left: 20px;
}

.topicpath li:first-child a:before {
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  margin: auto;
  background: url("../images/common/icon-home.svg") no-repeat 0 0/contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.topicpath a {
  color: #000;
  text-decoration: underline;
  position: relative;
}

.topicpath a:hover {
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .topicpath {
    margin: -5vw auto 4vw;
    padding: 0 10px;
  }
  .topicpath ul {
    width: 100%;
    padding: 5px 0;
    overflow: scroll;
    white-space: nowrap;
  }
  .topicpath li {
    margin-right: 8px;
    padding-right: 16px;
    font-size: 2.93333vw;
  }
  .topicpath li:not(:last-child) {
    background: url("../images/common/arrow-topicpath.svg") no-repeat right center/2.1vw 1.85vw;
  }
  .topicpath li:first-child a {
    padding-left: 5.2vw;
  }
  .topicpath li:first-child a:before {
    width: 4vw;
    height: 3.95vw;
  }
}

/*====================================================

        top

====================================================*/
.top .charm {
  margin: 30px auto 240px;
}

.top .charm figure {
  float: left;
  margin-right: 50px;
}

.top .charm .detail {
  padding-top: 30px;
  text-align: center;
  overflow: hidden;
}

.top .charm h2 {
  margin-bottom: 25px;
}

.top .charm .lead {
  margin-bottom: 25px;
}

.top .charm .text {
  width: 42em;
  margin: 0 auto 40px;
  position: relative;
}

.top .charm .text:before, .top .charm .text:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}

.top .charm .text:before {
  width: 10px;
  height: 17px;
  background: url("../images/common/icon-drop01.png") no-repeat 0 0;
  background-size: contain;
  right: -17px;
  top: -3px;
}

.top .charm .text:after {
  width: 25px;
  height: 48px;
  background: url("../images/common/icon-drop02.png") no-repeat 0 0;
  background-size: contain;
  left: -27px;
  bottom: -22px;
}

.top .charm .text p {
  display: inline;
  line-height: 2;
  font-size: 16px;
  font-size: 1rem;
}

.top .charm .text p span {
  display: block;
  margin-bottom: 4px;
  background: url("../images/common/bg-dashed-line.png") repeat-x left bottom;
}

.top .charm .btnCharm {
  display: inline-block;
  text-align: left;
  padding: 2px;
  border: 3px solid #ceedff;
  border-radius: 40px;
}

.top .charm .btnCharm span {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 640px) {
  .top .charm {
    margin: 10px auto 60px;
  }
  .top .charm figure {
    float: none;
    width: 75%;
    height: 55vw;
    margin: 0 auto 20px;
    overflow: hidden;
  }
  .top .charm .detail {
    padding-top: 5vw;
  }
  .top .charm h2 {
    margin-bottom: 6vw;
  }
  .top .charm h2 img {
    width: 90vw;
  }
  .top .charm .lead {
    margin-bottom: 6vw;
  }
  .top .charm .lead img {
    width: 60vw;
  }
  .top .charm .text {
    width: 100%;
    margin: 0 auto 7vw;
  }
  .top .charm .text:before {
    width: 10px;
    height: 17px;
    background: url("../images/index/bg-charm-drop01.png") no-repeat 0 0;
    right: 0;
    top: -5px;
  }
  .top .charm .text:after {
    width: 25px;
    height: 48px;
    background: url("../images/index/bg-charm-drop02.png") no-repeat 0 0;
    left: 0;
    bottom: -35px;
  }
  .top .charm .text p {
    line-height: 1.8;
    font-size: 3.2vw;
  }
  .top .charm .text p span {
    margin-bottom: 4px;
  }
  .top .charm .btnCharm {
    border: 2px solid #ceedff;
  }
  .top .charm .btnCharm span {
    min-width: 50vw;
    font-size: 4vw;
  }
}

.top .categoryItem {
  padding-top: 30px;
  position: relative;
}

.top .categoryItem:not(:last-of-type) {
  margin-bottom: 40px;
}

.top .categoryItem figure {
  position: absolute;
  left: 0;
  top: 0;
}

.top .categoryItem .detail {
  margin: 0 0 0 410px;
  padding: 65px 35px 40px;
  background: #fff url("../images/common/icon-pin01.png") no-repeat center 6px;
  background-size: 34px 34px;
  box-shadow: 10px 10px 0 #d6d3d1;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}

.top .categoryItem dl {
  display: table;
  width: 100%;
  padding-bottom: 20px;
}

.top .categoryItem dl dt,
.top .categoryItem dl dd {
  display: table-cell;
  vertical-align: middle;
}

.top .categoryItem dl dt {
  width: 190px;
  text-align: center;
  line-height: 1;
}

.top .categoryItem dl dt small {
  display: block;
  margin-top: 10px;
}

.top .categoryItem dl dd {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

.top .categoryItem nav {
  padding: 20px 15px;
  background-image: url("../images/common/bg-dashed-line.png"), url("../images/common/bg-dashed-line.png");
  background-position: left top,left bottom;
  background-repeat: repeat-x;
}

.top .categoryItem nav.none > * {
  display: none;
}

.top .categoryItem nav.none:before {
  content: "";
  display: block;
  padding: 70px 0;
  background: url("../images/index/txt-comingsoon.png") no-repeat center center;
}

.top .categoryItem nav li {
  float: left;
  width: 48%;
}

.top .categoryItem nav li:nth-child(odd) {
  margin-right: 4%;
}

.top .categoryItem nav li:nth-child(n+3) {
  margin-top: 10px;
}

.top .categoryItem nav li:nth-child(2n+1) {
  clear: both;
}

.top .categoryItem nav a {
  display: block;
  min-width: auto;
}

@media screen and (max-width: 640px) {
  .top .categoryItem {
    padding-top: 0;
  }
  .top .categoryItem:not(:last-of-type) {
    margin-bottom: 10vw;
  }
  .top .categoryItem figure {
    position: static;
    margin: auto;
    text-align: center;
  }
  .top .categoryItem .detail {
    margin: 5vw 0 0 0;
    padding: 10vw 4vw 5vw;
    background: #fff url("../images/common/icon-pin01.png") no-repeat center 6px;
    background-size: 7vw 7vw;
    box-shadow: 5px 5px 0 #d6d3d1;
  }
  .top .categoryItem dl {
    display: table;
    width: 100%;
    padding-bottom: 4vw;
  }
  .top .categoryItem dl dt,
  .top .categoryItem dl dd {
    display: table-cell;
    vertical-align: middle;
  }
  .top .categoryItem dl dt {
    width: 35%;
  }
  .top .categoryItem dl dt img {
    width: auto;
    height: 5vw;
  }
  .top .categoryItem dl dt small img {
    height: 3vw;
  }
  .top .categoryItem dl dt.is-small img {
    width: auto;
    height: 5.2vw;
  }
  .top .categoryItem dl dt.is-small small img {
    height: 3vw;
  }
  .top .categoryItem dl dd {
    font-size: 3.73333vw;
  }
  .top .categoryItem nav {
    padding: 5vw 2vw;
  }
  .top .categoryItem nav.none:before {
    content: "";
    display: block;
    padding: 10vw 0;
  }
}

/*====================================================

        under

====================================================*/
@media screen and (min-width: 641px) {
  main .contents {
    float: right;
    width: 700px;
  }
}

@media screen and (max-width: 640px) {
  main .contents {
    width: 100%;
  }
}

main .contents .right {
  text-align: right;
}

main .contents .center {
  text-align: center;
}

main .contents .left {
  text-align: left;
}

main .contents strong {
  font-weight: bold;
}

main .contents .big {
  font-size: 120%;
}

main .contents small, main .contents .small {
  font-size: 93%;
}

main .contents .tiny {
  font-size: 71%;
}

main .contents hr {
  display: block;
  height: 1px;
  margin: 20px 0 25px;
  padding: 0;
  border: 0;
  border-top: 1px solid #ededed;
}

@media screen and (max-width: 640px) {
  main .contents .big {
    font-size: 113%;
  }
  main .contents small, main .contents .small {
    font-size: 93%;
  }
  main .contents .tiny {
    font-size: 93%;
  }
  main .contents hr {
    margin: 4vw 0 4.5vw;
  }
}

main .contents h2 {
  margin: 40px auto 25px;
  padding: 20px 40px 20px 70px;
  background-image: url("../images/common/icon-pin01.png"), url("../images/common/icon-drop02.png"), url("../images/common/bg-dashed-line.png"), url("../images/common/bg-dashed-line.png");
  background-repeat: no-repeat,no-repeat,repeat-x,repeat-x;
  background-position: 12px center,right 6px center,left 2px,left bottom 2px;
  background-size: 34px 34px, 26px 44px, auto,auto;
  border-bottom: 2px solid rgba(59, 59, 59, 0.05);
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.4;
}

main .contents h3 {
  margin: 30px 0 25px;
  padding: 0 0 12px 50px;
  background-image: url("../images/common/icon-pin02.png"), url("../images/common/bg-dashed-line02.png");
  background-repeat: no-repeat, repeat-x;
  background-position: 20px 2px ,left bottom;
  background-size: 20px 19px, auto;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4;
}

main .contents h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}

main .contents h4 {
  margin: 30px 0 0;
  padding: 0 0 15px 45px;
  background-image: url("../images/common/icon-pin03.png"), url("../images/common/bg-dashed-line.png");
  background-repeat: no-repeat, repeat-x;
  background-position: 18px 2px ,left bottom;
  background-size: 16px 15px, auto;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.4;
}

main .contents p {
  margin: 20px auto 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8;
}

main .contents figure figcaption {
  margin: 5px 0 0;
}

main .contents sup, main .contents sub {
  font-size: 10px;
  font-size: 0.625rem;
}

main .contents .paragraph {
  margin: 30px auto 25px;
  padding: 0 50px;
}

main .contents .paragraph > dl,
main .contents .paragraph dl {
  font-size: 14px;
  font-size: 0.875rem;
}

main .contents .paragraph > dl dt,
main .contents .paragraph dl dt {
  margin: 0 0 10px;
  font-weight: bold;
}

main .contents .paragraph > dl dd,
main .contents .paragraph dl dd {
  margin: 0 0 20px;
  line-height: 1.7;
}

main .contents .paragraph > dl dd:last-child,
main .contents .paragraph dl dd:last-child {
  margin: 0;
}

main .contents .paragraph02 {
  margin: 30px auto 25px;
  padding: 0 0 0 30px;
}

main .contents .tableCaption {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
  padding-left: 22px;
  background: url("../images/common/arrow-border01.png") no-repeat 2px 4px/10px 12px;
}

main .contents .tableCaption + .table {
  margin-top: -5px;
}

@media screen and (max-width: 640px) {
  main .contents h2 {
    margin: 7vw auto 5vw;
    padding: 4vw 8vw 3.5vw 12vw;
    background-position: 2vw center,right 2vw center,left 2px,left bottom 2px;
    background-size: 7vw 7vw, 5vw 8.5vw, auto,auto;
    border-bottom: 1px solid rgba(59, 59, 59, 0.05);
    font-size: 5.33333vw;
  }
  main .contents h3 {
    margin: 7vw auto 5vw;
    padding: 0 0 3vw 10vw;
    background-position: 3vw 1vw ,left bottom;
    background-size: 5vw 4.95vw, auto;
    font-size: 4.26667vw;
  }
  main .contents h3 {
    font-size: 4vw;
  }
  main .contents h4 {
    font-size: 3.73333vw;
  }
  main .contents p {
    margin: 5vw auto 4vw;
    font-size: 3.73333vw;
  }
  main .contents .paragraph {
    margin: 5vw auto 4vw;
    padding: 0 3vw;
  }
  main .contents .paragraph > dl dt, main .contents .paragraph > dl dd {
    font-size: 3.2vw;
  }
  main .contents .paragraph02 {
    margin: 5vw auto 4vw;
    padding: 0 3vw;
  }
  main .contents .tableCaption {
    font-size: 3.46667vw;
    padding-left: 5vw;
    background: url("../images/common/arrow-border01.png") no-repeat 2px 4px/2.2vw 2.6vw;
  }
  main .contents .tableCaption + .table {
    margin-top: -2vw;
  }
}

main .contents .figureRight figure {
  float: right;
  margin-left: 20px;
}

main .contents .figureLeft figure {
  float: left;
  margin-right: 20px;
}

main .contents .figureRight,
main .contents .figureLeft {
  margin: 30px auto 25px;
}

main .contents .figureRight figure,
main .contents .figureLeft figure {
  width: 28.5%;
}
main .contents .figureRight figure.big,
main .contents .figureLeft figure.big {
  width: 38.5%;
}

main .contents .figureRight .detail,
main .contents .figureLeft .detail {
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  main .contents .figureRight,
  main .contents .figureLeft {
    margin: 5vw auto 4vw;
  }
  main .contents .figureRight figure,
  main .contents .figureLeft figure {
    float: none;
    width: 100%;
    margin: 0 auto 3vw;
    text-align: center;
  }
  main .contents .figureRight .wid1,
  main .contents .figureLeft .wid1 {
    width: 100% !important;
  }
  main .contents .figureRight .wid2,
  main .contents .figureLeft .wid2 {
    width: 100% !important;
  }
  main .contents .figureRight .wid3,
  main .contents .figureLeft .wid3 {
    width: 100% !important;
  }
  main .contents .figureRight .wid4,
  main .contents .figureLeft .wid4 {
    width: 100% !important;
  }
  main .contents .figureRight .wid5,
  main .contents .figureLeft .wid5 {
    width: 100% !important;
  }
  main .contents .figureRight .wid6,
  main .contents .figureLeft .wid6 {
    width: 100% !important;
  }
  main .contents .figureRight .wid7,
  main .contents .figureLeft .wid7 {
    width: 100% !important;
  }
  main .contents .figureRight .wid8,
  main .contents .figureLeft .wid8 {
    width: 100% !important;
  }
  main .contents .figureRight .wid9,
  main .contents .figureLeft .wid9 {
    width: 100% !important;
  }
  main .contents .figureRight .wid10,
  main .contents .figureLeft .wid10 {
    width: 100% !important;
  }
  main .contents .figureRight .wid11,
  main .contents .figureLeft .wid11 {
    width: 100% !important;
  }
  main .contents .figureRight .wid12,
  main .contents .figureLeft .wid12 {
    width: 100% !important;
  }
  main .contents .figureRight .wid13,
  main .contents .figureLeft .wid13 {
    width: 100% !important;
  }
  main .contents .figureRight .wid14,
  main .contents .figureLeft .wid14 {
    width: 100% !important;
  }
  main .contents .figureRight .wid15,
  main .contents .figureLeft .wid15 {
    width: 100% !important;
  }
  main .contents .figureRight .wid16,
  main .contents .figureLeft .wid16 {
    width: 100% !important;
  }
  main .contents .figureRight .wid17,
  main .contents .figureLeft .wid17 {
    width: 100% !important;
  }
  main .contents .figureRight .wid18,
  main .contents .figureLeft .wid18 {
    width: 100% !important;
  }
  main .contents .figureRight .wid19,
  main .contents .figureLeft .wid19 {
    width: 100% !important;
  }
  main .contents .figureRight .wid20,
  main .contents .figureLeft .wid20 {
    width: 100% !important;
  }
  main .contents .figureRight .wid21,
  main .contents .figureLeft .wid21 {
    width: 100% !important;
  }
  main .contents .figureRight .wid22,
  main .contents .figureLeft .wid22 {
    width: 100% !important;
  }
  main .contents .figureRight .wid23,
  main .contents .figureLeft .wid23 {
    width: 100% !important;
  }
  main .contents .figureRight .wid24,
  main .contents .figureLeft .wid24 {
    width: 100% !important;
  }
  main .contents .figureRight .wid25,
  main .contents .figureLeft .wid25 {
    width: 100% !important;
  }
  main .contents .figureRight .wid26,
  main .contents .figureLeft .wid26 {
    width: 100% !important;
  }
  main .contents .figureRight .wid27,
  main .contents .figureLeft .wid27 {
    width: 100% !important;
  }
  main .contents .figureRight .wid28,
  main .contents .figureLeft .wid28 {
    width: 100% !important;
  }
  main .contents .figureRight .wid29,
  main .contents .figureLeft .wid29 {
    width: 100% !important;
  }
  main .contents .figureRight .wid30,
  main .contents .figureLeft .wid30 {
    width: 100% !important;
  }
  main .contents .figureRight .wid31,
  main .contents .figureLeft .wid31 {
    width: 100% !important;
  }
  main .contents .figureRight .wid32,
  main .contents .figureLeft .wid32 {
    width: 100% !important;
  }
  main .contents .figureRight .wid33,
  main .contents .figureLeft .wid33 {
    width: 100% !important;
  }
  main .contents .figureRight .wid34,
  main .contents .figureLeft .wid34 {
    width: 100% !important;
  }
  main .contents .figureRight .wid35,
  main .contents .figureLeft .wid35 {
    width: 100% !important;
  }
  main .contents .figureRight .wid36,
  main .contents .figureLeft .wid36 {
    width: 100% !important;
  }
  main .contents .figureRight .wid37,
  main .contents .figureLeft .wid37 {
    width: 100% !important;
  }
  main .contents .figureRight .wid38,
  main .contents .figureLeft .wid38 {
    width: 100% !important;
  }
  main .contents .figureRight .wid39,
  main .contents .figureLeft .wid39 {
    width: 100% !important;
  }
  main .contents .figureRight .wid40,
  main .contents .figureLeft .wid40 {
    width: 100% !important;
  }
  main .contents .figureRight .wid41,
  main .contents .figureLeft .wid41 {
    width: 100% !important;
  }
  main .contents .figureRight .wid42,
  main .contents .figureLeft .wid42 {
    width: 100% !important;
  }
  main .contents .figureRight .wid43,
  main .contents .figureLeft .wid43 {
    width: 100% !important;
  }
  main .contents .figureRight .wid44,
  main .contents .figureLeft .wid44 {
    width: 100% !important;
  }
  main .contents .figureRight .wid45,
  main .contents .figureLeft .wid45 {
    width: 100% !important;
  }
  main .contents .figureRight .wid46,
  main .contents .figureLeft .wid46 {
    width: 100% !important;
  }
  main .contents .figureRight .wid47,
  main .contents .figureLeft .wid47 {
    width: 100% !important;
  }
  main .contents .figureRight .wid48,
  main .contents .figureLeft .wid48 {
    width: 100% !important;
  }
  main .contents .figureRight .wid49,
  main .contents .figureLeft .wid49 {
    width: 100% !important;
  }
  main .contents .figureRight .wid50,
  main .contents .figureLeft .wid50 {
    width: 100% !important;
  }
  main .contents .figureRight .wid51,
  main .contents .figureLeft .wid51 {
    width: 100% !important;
  }
  main .contents .figureRight .wid52,
  main .contents .figureLeft .wid52 {
    width: 100% !important;
  }
  main .contents .figureRight .wid53,
  main .contents .figureLeft .wid53 {
    width: 100% !important;
  }
  main .contents .figureRight .wid54,
  main .contents .figureLeft .wid54 {
    width: 100% !important;
  }
  main .contents .figureRight .wid55,
  main .contents .figureLeft .wid55 {
    width: 100% !important;
  }
  main .contents .figureRight .wid56,
  main .contents .figureLeft .wid56 {
    width: 100% !important;
  }
  main .contents .figureRight .wid57,
  main .contents .figureLeft .wid57 {
    width: 100% !important;
  }
  main .contents .figureRight .wid58,
  main .contents .figureLeft .wid58 {
    width: 100% !important;
  }
  main .contents .figureRight .wid59,
  main .contents .figureLeft .wid59 {
    width: 100% !important;
  }
  main .contents .figureRight .wid60,
  main .contents .figureLeft .wid60 {
    width: 100% !important;
  }
  main .contents .figureRight .wid61,
  main .contents .figureLeft .wid61 {
    width: 100% !important;
  }
  main .contents .figureRight .wid62,
  main .contents .figureLeft .wid62 {
    width: 100% !important;
  }
  main .contents .figureRight .wid63,
  main .contents .figureLeft .wid63 {
    width: 100% !important;
  }
  main .contents .figureRight .wid64,
  main .contents .figureLeft .wid64 {
    width: 100% !important;
  }
  main .contents .figureRight .wid65,
  main .contents .figureLeft .wid65 {
    width: 100% !important;
  }
  main .contents .figureRight .wid66,
  main .contents .figureLeft .wid66 {
    width: 100% !important;
  }
  main .contents .figureRight .wid67,
  main .contents .figureLeft .wid67 {
    width: 100% !important;
  }
  main .contents .figureRight .wid68,
  main .contents .figureLeft .wid68 {
    width: 100% !important;
  }
  main .contents .figureRight .wid69,
  main .contents .figureLeft .wid69 {
    width: 100% !important;
  }
  main .contents .figureRight .wid70,
  main .contents .figureLeft .wid70 {
    width: 100% !important;
  }
  main .contents .figureRight .wid71,
  main .contents .figureLeft .wid71 {
    width: 100% !important;
  }
  main .contents .figureRight .wid72,
  main .contents .figureLeft .wid72 {
    width: 100% !important;
  }
  main .contents .figureRight .wid73,
  main .contents .figureLeft .wid73 {
    width: 100% !important;
  }
  main .contents .figureRight .wid74,
  main .contents .figureLeft .wid74 {
    width: 100% !important;
  }
  main .contents .figureRight .wid75,
  main .contents .figureLeft .wid75 {
    width: 100% !important;
  }
  main .contents .figureRight .wid76,
  main .contents .figureLeft .wid76 {
    width: 100% !important;
  }
  main .contents .figureRight .wid77,
  main .contents .figureLeft .wid77 {
    width: 100% !important;
  }
  main .contents .figureRight .wid78,
  main .contents .figureLeft .wid78 {
    width: 100% !important;
  }
  main .contents .figureRight .wid79,
  main .contents .figureLeft .wid79 {
    width: 100% !important;
  }
  main .contents .figureRight .wid80,
  main .contents .figureLeft .wid80 {
    width: 100% !important;
  }
  main .contents .figureRight .wid81,
  main .contents .figureLeft .wid81 {
    width: 100% !important;
  }
  main .contents .figureRight .wid82,
  main .contents .figureLeft .wid82 {
    width: 100% !important;
  }
  main .contents .figureRight .wid83,
  main .contents .figureLeft .wid83 {
    width: 100% !important;
  }
  main .contents .figureRight .wid84,
  main .contents .figureLeft .wid84 {
    width: 100% !important;
  }
  main .contents .figureRight .wid85,
  main .contents .figureLeft .wid85 {
    width: 100% !important;
  }
  main .contents .figureRight .wid86,
  main .contents .figureLeft .wid86 {
    width: 100% !important;
  }
  main .contents .figureRight .wid87,
  main .contents .figureLeft .wid87 {
    width: 100% !important;
  }
  main .contents .figureRight .wid88,
  main .contents .figureLeft .wid88 {
    width: 100% !important;
  }
  main .contents .figureRight .wid89,
  main .contents .figureLeft .wid89 {
    width: 100% !important;
  }
  main .contents .figureRight .wid90,
  main .contents .figureLeft .wid90 {
    width: 100% !important;
  }
  main .contents .figureRight .wid91,
  main .contents .figureLeft .wid91 {
    width: 100% !important;
  }
  main .contents .figureRight .wid92,
  main .contents .figureLeft .wid92 {
    width: 100% !important;
  }
  main .contents .figureRight .wid93,
  main .contents .figureLeft .wid93 {
    width: 100% !important;
  }
  main .contents .figureRight .wid94,
  main .contents .figureLeft .wid94 {
    width: 100% !important;
  }
  main .contents .figureRight .wid95,
  main .contents .figureLeft .wid95 {
    width: 100% !important;
  }
  main .contents .figureRight .wid96,
  main .contents .figureLeft .wid96 {
    width: 100% !important;
  }
  main .contents .figureRight .wid97,
  main .contents .figureLeft .wid97 {
    width: 100% !important;
  }
  main .contents .figureRight .wid98,
  main .contents .figureLeft .wid98 {
    width: 100% !important;
  }
  main .contents .figureRight .wid99,
  main .contents .figureLeft .wid99 {
    width: 100% !important;
  }
  main .contents .figureRight .wid100,
  main .contents .figureLeft .wid100 {
    width: 100% !important;
  }
}

main .contents .table, main .contents .table02 {
  margin: 25px auto 30px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

main .contents .table:after, main .contents .table02:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0 0 8px 8px;
  border-left: 1px solid #b6dae0;
  border-bottom: 1px solid #b6dae0;
  border-right: 1px solid #b6dae0;
  position: absolute;
  left: 0;
  bottom: 0;
}

main .contents .table table, main .contents .table02 table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

main .contents .table table.center, main .contents .table02 table.center {
  text-align: center;
}

main .contents .table table thead, main .contents .table02 table thead {
  background: url("../images/common/bg-table-head.png") repeat 0 0;
  border-radius: 8px 8px 0 0;
  outline: 2px solid #e4fbff;
  border-bottom: 4px solid #2390a6;
}

main .contents .table table thead th, main .contents .table table thead td, main .contents .table02 table thead th, main .contents .table02 table thead td {
  padding: 6px 3px;
  border: none;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #fff;
  vertical-align: middle;
}

main .contents .table table tbody, main .contents .table02 table tbody {
  border-top: 2px solid #e4fbff;
}

main .contents .table table tbody tr:last-child > *:first-child, main .contents .table02 table tbody tr:last-child > *:first-child {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

main .contents .table table tbody th, main .contents .table table tbody td, main .contents .table02 table tbody th, main .contents .table02 table tbody td {
  padding: 20px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  vertical-align: middle;
  border-left: 1px solid #b6dae0;
  border-bottom: 1px solid #b6dae0;
  border-right: 1px solid #b6dae0;
}

main .contents .table table tbody th ul, main .contents .table table tbody td ul, main .contents .table02 table tbody th ul, main .contents .table02 table tbody td ul {
  margin-top: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}

main .contents .table table tbody th ul li, main .contents .table table tbody td ul li, main .contents .table02 table tbody th ul li, main .contents .table02 table tbody td ul li {
  margin-top: 2px;
}

main .contents .table table tbody th ul li:before, main .contents .table table tbody td ul li:before, main .contents .table02 table tbody th ul li:before, main .contents .table02 table tbody td ul li:before {
  width: 8px;
  height: 8px;
  top: 4px;
}

main .contents .table table tbody th, main .contents .table02 table tbody th {
  color: #0a7c93;
}

main .contents .table + .notes, main .contents .table02 + .notes {
  margin-top: -20px;
  text-align: right;
  font-size: 12px;
  font-size: 0.75rem;
}

main .contents .tablefix table {
  table-layout: fixed;
}

@media screen and (max-width: 640px) {
  main .contents .table, main .contents .table02 {
    margin: 4vw auto 5vw;
    border-radius: 8px 8px 0 0;
    position: relative;
  }
  main .contents .table:after, main .contents .table02:after {
    display: none;
  }
  main .contents .table.scroll, main .contents .table02.scroll {
    overflow: scroll;
  }
  main .contents .table.scroll:before, main .contents .table02.scroll:before {
    content: "";
    display: block;
    width: 65px;
    height: 65px;
    margin: auto;
    background: rgba(0, 0, 0, 0.5) url("../images/common/icon-swipe.png") no-repeat center center/45px 46px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s 0.5s;
  }
  main .contents .table.scroll.remove:before, main .contents .table02.scroll.remove:before {
    visibility: hidden;
    opacity: 0;
  }
  main .contents .table.scroll table, main .contents .table02.scroll table {
    min-width: 670px;
  }
  main .contents .table table thead th, main .contents .table table thead td, main .contents .table02 table thead th, main .contents .table02 table thead td {
    padding: 6px 3px;
    font-size: 3.2vw;
  }
  main .contents .table table tbody th, main .contents .table table tbody td, main .contents .table02 table tbody th, main .contents .table02 table tbody td {
    padding: 5vw 2vw;
    font-size: 2.93333vw;
  }
  main .contents .table table tbody th ul, main .contents .table table tbody td ul, main .contents .table02 table tbody th ul, main .contents .table02 table tbody td ul {
    margin-top: 1.5vw;
    font-size: 2.93333vw;
  }
  main .contents .table table tbody th ul li, main .contents .table table tbody td ul li, main .contents .table02 table tbody th ul li, main .contents .table02 table tbody td ul li {
    margin-top: 0.3vw;
  }
  main .contents .table table tbody th ul li:before, main .contents .table table tbody td ul li:before, main .contents .table02 table tbody th ul li:before, main .contents .table02 table tbody td ul li:before {
    width: 2.135vw;
    height: 2.135vw;
    top: 1vw;
  }
  main .contents .table + .notes, main .contents .table02 + .notes {
    margin-top: -3vw;
    font-size: 2.93333vw;
  }
}

main .contents .table02 table thead th, main .contents .table02 table thead td {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 10px 2px;
}

main .contents .table02 table tbody th, main .contents .table02 table tbody td {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 10px 2px;
}

main .contents dl p {
  margin: 10px auto;
}

main .contents .topics {
  display: block;
  margin: 50px auto 40px;
  padding: 2px;
  border: 3px solid #bad2ed;
  border-radius: 8px;
  overflow: hidden;
}

main .contents .topics dt {
  padding: 20px 0;
  background: url("../images/common/bg-topics-head.png") repeat 0 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

main .contents .topics dt span {
  padding: 0 40px;
  background-image: url("../images/common/icon-circle-triple.svg"), url("../images/common/icon-circle-triple.svg");
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 27px 8px, 27px 8px;
}

main .contents .topics dd {
  margin: 0;
  padding: 30px 50px;
  background: #e2f6ff;
  border-radius: 0 0 4px 4px;
}

main .contents .topics dd .figureRight, main .contents .topics dd .figureLeft {
  margin-top: 0;
}

main .contents .topics .title {
  display: block;
  margin-left: -25px;
  padding-left: 35px;
  background: url("../images/common/icon-circle01.png") no-repeat 0 5px/20px 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #347cc6;
  line-height: 1.4;
}

main .contents .memo {
  display: block;
  margin: 50px auto 40px;
  padding: 0 15px;
  background-image: url("../images/common/bg-dashed-line-row.png"), url("../images/common/bg-dashed-line-row.png");
  background-repeat: repeat-y, repeat-y;
  background-position: left top, right top;
}

main .contents .memo dt {
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  background-image: url("../images/common/bg-dashed-line.png"), url("../images/common/bg-dashed-line.png");
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
}

main .contents .memo dt span {
  padding: 0 40px;
  background-image: url("../images/common/icon-circle-triple.svg"), url("../images/common/icon-circle-triple.svg");
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 27px 8px, 27px 8px;
}

main .contents .memo dd {
  margin: 0;
  padding: 30px 40px;
  background-image: url("../images/common/bg-dashed-line.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}

main .contents .memo .title {
  display: block;
  margin-bottom: 12px;
  padding-left: 16px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}

main .contents .memo .title:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #40b5cd;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
}

main .contents .history {
  background-image: url("../images/common/bg-frame-left-top.png"), url("../images/common/bg-frame-right-top.png"), url("../images/common/bg-frame-right-bottom.png"), url("../images/common/bg-frame-left-bottom.png"), url("../images/common/bg-frame-top.png"), url("../images/common/bg-frame-right.png"), url("../images/common/bg-frame-bottom.png"), url("../images/common/bg-frame-left.png"), url("../images/common/bg-frame-bace.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
  background-position: left top, right top, right bottom, left bottom, left top, right top, left bottom, left top, left top;
  background-size: 18px 12px, 18px 12px, 18px 12px, 18px 12px,18px 12px, 18px 35px, 18px 12px, 18px 35px,60px 60px;
  padding: 50px 0 0;
}

main .contents .history dt {
  border: 1px solid #d6c39c;
  background: #fff;
  text-align: center;
  color: #a17a2c;
  padding: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
}

main .contents .history dt:before, main .contents .history dt:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -16px;
}

main .contents .history dt:before {
  left: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 16px 0;
  border-color: transparent #cab68d transparent transparent;
}

main .contents .history dt:after {
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 9px 0 0;
  border-color: #cab68d transparent transparent transparent;
}

main .contents .history dd {
  padding: 30px 50px 10px;
}

main .contents .history dd .figureRight, main .contents .history dd .figureLeft {
  margin-top: 0;
}

main .contents .history dd ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 0 0 30px;
  margin: 0 0 30px;
  position: relative;
}

main .contents .history dd ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 30px;
}

main .contents .history dd ul li:last-child:after {
  display: none;
}

main .contents .history dd ul li:before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -30px;
  top: 0;
  background: url("../images/common/icon-check.svg") left top no-repeat;
  border-radius: 0;
}

main .contents .history dd ul li:after {
  content: '';
  display: block;
  left: 30px;
  bottom: -25px;
  width: 15px;
  height: 45px;
  position: absolute;
  background: url("../images/common/arrow-dotted.svg") left top no-repeat;
  background-size: 15px 45px;
}

main .contents .history dd ul li .title {
  font-weight: bold;
  color: #a67e29;
  margin: 0 0 10px;
}

main .contents .history dd ul li p {
  text-align: justify;
  text-justify: inter-ideograph;
}

@media screen and (max-width: 640px) {
  main .contents dl p {
    margin: 3vw auto;
  }
  main .contents .topics {
    margin: 7vw auto 5vw;
    padding: 2px;
    border: 3px solid #bad2ed;
  }
  main .contents .topics dt {
    padding: 3.5vw 0;
    font-size: 4vw;
  }
  main .contents .topics dt span {
    padding: 0 8vw;
    background-size: 6vw 1.6vw, 6vw 1.6vw;
  }
  main .contents .topics dd {
    padding: 4vw;
  }
  main .contents .topics .title {
    margin-left: -1vw;
    padding-left: 5.5vw;
    background: url("../images/common/icon-circle01.png") no-repeat 0 1vw/4vw 4vw;
    font-size: 4vw;
    font-weight: bold;
    color: #347cc6;
    line-height: 1.4;
  }
  main .contents .memo {
    display: block;
    margin: 7vw auto 5vw;
    padding: 0 15px;
    background-image: url("../images/common/bg-dashed-line-row.png"), url("../images/common/bg-dashed-line-row.png");
    background-repeat: repeat-y, repeat-y;
    background-position: left top, right top;
  }
  main .contents .memo dt {
    padding: 3.5vw 0;
    font-size: 3.73333vw;
  }
  main .contents .memo dt span {
    padding: 0 8vw;
    background-size: 6vw 1.6vw, 6vw 1.6vw;
  }
  main .contents .memo dd {
    padding: 4vw 0;
  }
  main .contents .memo .title {
    margin-bottom: 2.5vw;
    padding-left: 4vw;
    font-size: 3.73333vw;
  }
  main .contents .memo .title:before {
    width: 2.135vw;
    height: 2.135vw;
    top: 1.6vw;
  }
  main .contents .history {
    padding-top: 30px;
  }
  main .contents .history dd {
    padding-top: 20px;
  }
  main .contents .history dd ul li:before {
    display: none;
  }
  main .contents .history dd ul li .title {
    display: inline-block;
    position: relative;
  }
  main .contents .history dd ul li .title:before {
    content: '';
    display: block;
    position: absolute;
    width: 5vw;
    height: 5vw;
    left: -28px;
    top: 0.1vh;
    background: url("../images/common/icon-check.svg") left top no-repeat;
    border-radius: 0;
  }
  main .contents .history dd ul li figure img {
    width: 40vw;
  }
}

main .contents ul:not([class^=list]) {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 20px;
}

main .contents ul:not([class^=list]) li {
  padding-left: 15px;
  position: relative;
  margin: 0 0 10px;
}

main .contents ul:not([class^=list]) li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #34b1ca;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
}

@media screen and (max-width: 640px) {
  main .contents ul:not([class^=list]) {
    font-size: 3.2vw;
  }
  main .contents ul:not([class^=list]) li {
    padding-left: 4vw;
    position: relative;
  }
  main .contents ul:not([class^=list]) li:before {
    content: "";
    display: block;
    width: 1.8vw;
    height: 1.8vw;
    top: 1.2vw;
  }
}

main .contents .col_02 > * {
  width: 48.5%;
}

main .contents .col_02 > *:nth-child(odd) {
  margin-right: 3%;
}

main .contents .col_02 > *:nth-child(n+3) {
  margin-top: 20px;
}

main .contents .col_02 > *:nth-child(2n+1) {
  clear: both;
}

@media screen and (max-width: 640px) {
  main .contents .col_02 > * {
    width: 100%;
  }
  main .contents .col_02 > *:nth-child(odd) {
    margin-right: auto;
  }
  main .contents .col_02 > *:nth-child(n+2) {
    margin-top: 16px;
  }
}

main .contents .col_03 > * {
  width: 32%;
}

main .contents .col_03 > *:not(:nth-child(3n)) {
  margin-right: 2%;
}

main .contents .col_03 > *:nth-child(n+4) {
  margin-top: 20px;
}

main .contents .col_03 > *:nth-child(3n+1) {
  clear: both;
}

@media screen and (max-width: 640px) {
  main .contents .col_03 > * {
    width: 100%;
  }
  main .contents .col_03 > *:not(:nth-child(3n)) {
    margin-right: auto;
  }
  main .contents .col_03 > *:nth-child(odd) {
    margin-right: auto;
  }
  main .contents .col_03 > *:nth-child(n+2) {
    margin-top: 16px;
  }
}

/* 2023.10.02 パッケージ削除 */
@media screen and (min-width: 641px) {

  main .contents .col_04 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2%;
    padding: 0 8%;
  }

}

@media screen and (max-width: 640px) {
  main .contents .col_04 > * {
    width: 100%;
  }
  main .contents .col_04 > *:nth-child(n+2) {
    margin-top: 16px;
  }
}


main .contents .col_02:after,
main .contents .col_03:after,
main .contents .col_04:after {
  content: "";
  display: block;
  clear: both;
}

main .contents .col_02:not(:last-child),
main .contents .col_03:not(:last-child),
main .contents .col_04:not(:last-child) {
  margin-bottom: 30px;
}

main .contents .col_02 figure,
main .contents .col_03 figure,
main .contents .col_04 figure {
  margin-bottom: 0;
}

main .contents .col_02 figure + p,
main .contents .col_03 figure + p,
main .contents .col_04 figure + p {
  margin-top: 10px;
}

main .contents .col_02 > *,
main .contents .col_03 > *,
main .contents .col_04 > * {
  float: left;
}

main .contents .col_02 .box01:not(:last-child),
main .contents .col_02 .box02:not(:last-child),
main .contents .col_03 .box01:not(:last-child),
main .contents .col_03 .box02:not(:last-child),
main .contents .col_04 .box01:not(:last-child),
main .contents .col_04 .box02:not(:last-child) {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  main .contents .col_02:not(:last-child),
  main .contents .col_03:not(:last-child),
  main .contents .col_04:not(:last-child) {
    margin-bottom: 16px;
  }
  main .contents .col_02 > *,
  main .contents .col_03 > *,
  main .contents .col_04 > * {
    float: none;
  }
}

main .contents .txtblock *:not(figure) {
  overflow: hidden;
  zoom: 1;
}

main .contents .pagenav {
  margin-top: 50px;
}

main .contents .pagenav li {
  text-align: center;
  width: 50%;
  margin: 0 !important;
  padding: 0 20px !important;
}

@media screen and (max-width: 640px) {
  main .contents .pagenav li {
    padding: 0 2% !important;
  }
}

main .contents .pagenav li:before {
  display: none !important;
}

main .contents .pagenav li.next {
  float: right;
}

main .contents .pagenav li.next a {
  padding: 15px 45px 15px 15px;
  background: url("../images/common/arrow-circle.svg") no-repeat right 15px center/18px 18px;
}

main .contents .pagenav li.next a:hover {
  background: #215edb url("../images/common/arrow-circle_wh.svg") no-repeat right 15px center/18px 18px;
}

main .contents .pagenav li.back {
  float: left;
}

main .contents .pagenav li.back a {
  padding: 15px 15px 15px 45px;
  background: url("../images/common/arrow-circle-left.svg") no-repeat left 15px center/18px 18px;
}

main .contents .pagenav li.back a:hover {
  background: #215edb url("../images/common/arrow-circle-left_wh.svg") no-repeat left 15px center/18px 18px;
}

main .contents .pagenav li a {
  transition: color 0.2s, background 0.2s;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  border: 1px solid #dbdbdb;
  color: #000;
}

main .contents .pagenav li a.active, main .contents .pagenav li a:hover {
  color: #fff;
}

@media screen and (min-width: 641px) {
  .side {
    float: left;
    width: 220px;
    padding-bottom: 10px;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    overflow: hidden;
  }
  .side h2 {
    padding: 40px 20px 35px;
  }
  .side h2 small {
    display: block;
  }
  .side li {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .side li:first-child a {
    border-top: 1px solid #dbdbdb;
  }
  .side li a {
    transition: color 0.2s, background 0.2s;
    display: block;
    padding: 20px 40px 20px 15px;
    border-bottom: 1px solid #dbdbdb;
    color: #000;
    background: url("../images/common/arrow-circle.svg") no-repeat right 10px center/18px 18px #fff;
  }
  .side li a.active, .side li a:hover {
    color: #fff;
    background: #215edb url("../images/common/arrow-circle_wh.svg") no-repeat right 10px center/18px 18px;
  }
}

.milk .side {
  background: url("../images/milk/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.milk .side h2 {
  background: url("../images/milk/bg-side-title.jpg") no-repeat 0 0/cover;
}

.value .side {
  background: url("../images/milk/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.value .side h2 {
  background: url("../images/milk/bg-side-title.jpg") no-repeat 0 0/cover;
}

.value .side h2 small {
  margin-top: 5px;
}

.cheese .side {
  background: url("../images/cheese/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.cheese .side h2 {
  background: url("../images/cheese/bg-side-title.jpg") no-repeat 0 0/cover;
}

.cheese .side h2 small {
  margin-top: 5px;
}

.yogurt .side {
  background: url("../images/yogurt/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.yogurt .side h2 {
  background: url("../images/yogurt/bg-side-title.jpg") no-repeat 0 0/cover;
}

.yogurt .side h2 small {
  margin-top: 5px;
}

.butter .side {
  background: url("../images/butter/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.butter .side h2 {
  background: url("../images/butter/bg-side-title.jpg") no-repeat 0 0/cover;
}

.butter .side h2 small {
  margin-top: 5px;
}

.cream .side {
  background: url("../images/cream/bg-side-bottom.jpg") no-repeat 0 bottom;
}

.cream .side h2 {
  background: url("../images/cream/bg-side-title.jpg") no-repeat 0 0/cover;
}

.cream .side h2 small {
  margin-top: 5px;
}

.side p {
  padding: 10px 10px 15px;
}

.side p a:hover img {
  opacity: 0.7;
}

@media screen and (max-width: 640px) {
  .side {
    display: none;
  }
}

/*====================================================

        common

====================================================*/
/* ----------------

幅スタイル

---------------- */
.wid1 {
  width: 1% !important;
}

.wid2 {
  width: 2% !important;
}

.wid3 {
  width: 3% !important;
}

.wid4 {
  width: 4% !important;
}

.wid5 {
  width: 5% !important;
}

.wid6 {
  width: 6% !important;
}

.wid7 {
  width: 7% !important;
}

.wid8 {
  width: 8% !important;
}

.wid9 {
  width: 9% !important;
}

.wid10 {
  width: 10% !important;
}

.wid11 {
  width: 11% !important;
}

.wid12 {
  width: 12% !important;
}

.wid13 {
  width: 13% !important;
}

.wid14 {
  width: 14% !important;
}

.wid15 {
  width: 15% !important;
}

.wid16 {
  width: 16% !important;
}

.wid17 {
  width: 17% !important;
}

.wid18 {
  width: 18% !important;
}

.wid19 {
  width: 19% !important;
}

.wid20 {
  width: 20% !important;
}

.wid21 {
  width: 21% !important;
}

.wid22 {
  width: 22% !important;
}

.wid23 {
  width: 23% !important;
}

.wid24 {
  width: 24% !important;
}

.wid25 {
  width: 25% !important;
}

.wid26 {
  width: 26% !important;
}

.wid27 {
  width: 27% !important;
}

.wid28 {
  width: 28% !important;
}

.wid29 {
  width: 29% !important;
}

.wid30 {
  width: 30% !important;
}

.wid31 {
  width: 31% !important;
}

.wid32 {
  width: 32% !important;
}

.wid33 {
  width: 33% !important;
}

.wid34 {
  width: 34% !important;
}

.wid35 {
  width: 35% !important;
}

.wid36 {
  width: 36% !important;
}

.wid37 {
  width: 37% !important;
}

.wid38 {
  width: 38% !important;
}

.wid39 {
  width: 39% !important;
}

.wid40 {
  width: 40% !important;
}

.wid41 {
  width: 41% !important;
}

.wid42 {
  width: 42% !important;
}

.wid43 {
  width: 43% !important;
}

.wid44 {
  width: 44% !important;
}

.wid45 {
  width: 45% !important;
}

.wid46 {
  width: 46% !important;
}

.wid47 {
  width: 47% !important;
}

.wid48 {
  width: 48% !important;
}

.wid49 {
  width: 49% !important;
}

.wid50 {
  width: 50% !important;
}

.wid51 {
  width: 51% !important;
}

.wid52 {
  width: 52% !important;
}

.wid53 {
  width: 53% !important;
}

.wid54 {
  width: 54% !important;
}

.wid55 {
  width: 55% !important;
}

.wid56 {
  width: 56% !important;
}

.wid57 {
  width: 57% !important;
}

.wid58 {
  width: 58% !important;
}

.wid59 {
  width: 59% !important;
}

.wid60 {
  width: 60% !important;
}

.wid61 {
  width: 61% !important;
}

.wid62 {
  width: 62% !important;
}

.wid63 {
  width: 63% !important;
}

.wid64 {
  width: 64% !important;
}

.wid65 {
  width: 65% !important;
}

.wid66 {
  width: 66% !important;
}

.wid67 {
  width: 67% !important;
}

.wid68 {
  width: 68% !important;
}

.wid69 {
  width: 69% !important;
}

.wid70 {
  width: 70% !important;
}

.wid71 {
  width: 71% !important;
}

.wid72 {
  width: 72% !important;
}

.wid73 {
  width: 73% !important;
}

.wid74 {
  width: 74% !important;
}

.wid75 {
  width: 75% !important;
}

.wid76 {
  width: 76% !important;
}

.wid77 {
  width: 77% !important;
}

.wid78 {
  width: 78% !important;
}

.wid79 {
  width: 79% !important;
}

.wid80 {
  width: 80% !important;
}

.wid81 {
  width: 81% !important;
}

.wid82 {
  width: 82% !important;
}

.wid83 {
  width: 83% !important;
}

.wid84 {
  width: 84% !important;
}

.wid85 {
  width: 85% !important;
}

.wid86 {
  width: 86% !important;
}

.wid87 {
  width: 87% !important;
}

.wid88 {
  width: 88% !important;
}

.wid89 {
  width: 89% !important;
}

.wid90 {
  width: 90% !important;
}

.wid91 {
  width: 91% !important;
}

.wid92 {
  width: 92% !important;
}

.wid93 {
  width: 93% !important;
}

.wid94 {
  width: 94% !important;
}

.wid95 {
  width: 95% !important;
}

.wid96 {
  width: 96% !important;
}

.wid97 {
  width: 97% !important;
}

.wid98 {
  width: 98% !important;
}

.wid99 {
  width: 99% !important;
}

.wid100 {
  width: 100% !important;
}

.em1 {
  width: 1em !important;
}

.em2 {
  width: 2em !important;
}

.em3 {
  width: 3em !important;
}

.em4 {
  width: 4em !important;
}

.em5 {
  width: 5em !important;
}

.em6 {
  width: 6em !important;
}

.em7 {
  width: 7em !important;
}

.em8 {
  width: 8em !important;
}

.em9 {
  width: 9em !important;
}

.em10 {
  width: 10em !important;
}

@media screen and (max-width: 768px) {
  .sp_wid1 {
    width: 1% !important;
  }
  .sp_wid2 {
    width: 2% !important;
  }
  .sp_wid3 {
    width: 3% !important;
  }
  .sp_wid4 {
    width: 4% !important;
  }
  .sp_wid5 {
    width: 5% !important;
  }
  .sp_wid6 {
    width: 6% !important;
  }
  .sp_wid7 {
    width: 7% !important;
  }
  .sp_wid8 {
    width: 8% !important;
  }
  .sp_wid9 {
    width: 9% !important;
  }
  .sp_wid10 {
    width: 10% !important;
  }
  .sp_wid11 {
    width: 11% !important;
  }
  .sp_wid12 {
    width: 12% !important;
  }
  .sp_wid13 {
    width: 13% !important;
  }
  .sp_wid14 {
    width: 14% !important;
  }
  .sp_wid15 {
    width: 15% !important;
  }
  .sp_wid16 {
    width: 16% !important;
  }
  .sp_wid17 {
    width: 17% !important;
  }
  .sp_wid18 {
    width: 18% !important;
  }
  .sp_wid19 {
    width: 19% !important;
  }
  .sp_wid20 {
    width: 20% !important;
  }
  .sp_wid21 {
    width: 21% !important;
  }
  .sp_wid22 {
    width: 22% !important;
  }
  .sp_wid23 {
    width: 23% !important;
  }
  .sp_wid24 {
    width: 24% !important;
  }
  .sp_wid25 {
    width: 25% !important;
  }
  .sp_wid26 {
    width: 26% !important;
  }
  .sp_wid27 {
    width: 27% !important;
  }
  .sp_wid28 {
    width: 28% !important;
  }
  .sp_wid29 {
    width: 29% !important;
  }
  .sp_wid30 {
    width: 30% !important;
  }
  .sp_wid31 {
    width: 31% !important;
  }
  .sp_wid32 {
    width: 32% !important;
  }
  .sp_wid33 {
    width: 33% !important;
  }
  .sp_wid34 {
    width: 34% !important;
  }
  .sp_wid35 {
    width: 35% !important;
  }
  .sp_wid36 {
    width: 36% !important;
  }
  .sp_wid37 {
    width: 37% !important;
  }
  .sp_wid38 {
    width: 38% !important;
  }
  .sp_wid39 {
    width: 39% !important;
  }
  .sp_wid40 {
    width: 40% !important;
  }
  .sp_wid41 {
    width: 41% !important;
  }
  .sp_wid42 {
    width: 42% !important;
  }
  .sp_wid43 {
    width: 43% !important;
  }
  .sp_wid44 {
    width: 44% !important;
  }
  .sp_wid45 {
    width: 45% !important;
  }
  .sp_wid46 {
    width: 46% !important;
  }
  .sp_wid47 {
    width: 47% !important;
  }
  .sp_wid48 {
    width: 48% !important;
  }
  .sp_wid49 {
    width: 49% !important;
  }
  .sp_wid50 {
    width: 50% !important;
  }
  .sp_wid51 {
    width: 51% !important;
  }
  .sp_wid52 {
    width: 52% !important;
  }
  .sp_wid53 {
    width: 53% !important;
  }
  .sp_wid54 {
    width: 54% !important;
  }
  .sp_wid55 {
    width: 55% !important;
  }
  .sp_wid56 {
    width: 56% !important;
  }
  .sp_wid57 {
    width: 57% !important;
  }
  .sp_wid58 {
    width: 58% !important;
  }
  .sp_wid59 {
    width: 59% !important;
  }
  .sp_wid60 {
    width: 60% !important;
  }
  .sp_wid61 {
    width: 61% !important;
  }
  .sp_wid62 {
    width: 62% !important;
  }
  .sp_wid63 {
    width: 63% !important;
  }
  .sp_wid64 {
    width: 64% !important;
  }
  .sp_wid65 {
    width: 65% !important;
  }
  .sp_wid66 {
    width: 66% !important;
  }
  .sp_wid67 {
    width: 67% !important;
  }
  .sp_wid68 {
    width: 68% !important;
  }
  .sp_wid69 {
    width: 69% !important;
  }
  .sp_wid70 {
    width: 70% !important;
  }
  .sp_wid71 {
    width: 71% !important;
  }
  .sp_wid72 {
    width: 72% !important;
  }
  .sp_wid73 {
    width: 73% !important;
  }
  .sp_wid74 {
    width: 74% !important;
  }
  .sp_wid75 {
    width: 75% !important;
  }
  .sp_wid76 {
    width: 76% !important;
  }
  .sp_wid77 {
    width: 77% !important;
  }
  .sp_wid78 {
    width: 78% !important;
  }
  .sp_wid79 {
    width: 79% !important;
  }
  .sp_wid80 {
    width: 80% !important;
  }
  .sp_wid81 {
    width: 81% !important;
  }
  .sp_wid82 {
    width: 82% !important;
  }
  .sp_wid83 {
    width: 83% !important;
  }
  .sp_wid84 {
    width: 84% !important;
  }
  .sp_wid85 {
    width: 85% !important;
  }
  .sp_wid86 {
    width: 86% !important;
  }
  .sp_wid87 {
    width: 87% !important;
  }
  .sp_wid88 {
    width: 88% !important;
  }
  .sp_wid89 {
    width: 89% !important;
  }
  .sp_wid90 {
    width: 90% !important;
  }
  .sp_wid91 {
    width: 91% !important;
  }
  .sp_wid92 {
    width: 92% !important;
  }
  .sp_wid93 {
    width: 93% !important;
  }
  .sp_wid94 {
    width: 94% !important;
  }
  .sp_wid95 {
    width: 95% !important;
  }
  .sp_wid96 {
    width: 96% !important;
  }
  .sp_wid97 {
    width: 97% !important;
  }
  .sp_wid98 {
    width: 98% !important;
  }
  .sp_wid99 {
    width: 99% !important;
  }
  .sp_wid100 {
    width: 100% !important;
  }
  .sp_em1 {
    width: 1em !important;
  }
  .sp_em2 {
    width: 2em !important;
  }
  .sp_em3 {
    width: 3em !important;
  }
  .sp_em4 {
    width: 4em !important;
  }
  .sp_em5 {
    width: 5em !important;
  }
  .sp_em6 {
    width: 6em !important;
  }
  .sp_em7 {
    width: 7em !important;
  }
  .sp_em8 {
    width: 8em !important;
  }
  .sp_em9 {
    width: 9em !important;
  }
  .sp_em10 {
    width: 10em !important;
  }
}



table.fontMSPG th,
.fontMSPG {
font-family: "ＭＳ Ｐゴシック" , "MS PGothic", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" !important;
}

.tac{
text-align: center !important;
}