@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap");

/* ================================================== *
 *
 *    reset
 *
 * ================================================== */
section,
nav,
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
details {
  display: block;
}

video,
audio,
canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 81.3%;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  margin: 0;
}

p,
blockquote,
dl,
dd,
figure {
  margin: 0;
}

hr {
  color: inherit;
  height: auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

strong,
b {
  font-weight: bold;
}

small {
  font-size: 0.83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code,
samp,
kbd {
  font-family: monospace, sans-serif;
}

mark {
  color: black;
  background-color: yellow;
}

sub,
sup {
  font-size: 0.83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

br {
  *letter-spacing: 0;
}

img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

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

caption {
  padding: 0;
  text-align: left;
}

th,
td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  border: 0;
  *margin-left: -7px;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  margin: 0;
}

input,
button {
  line-height: normal;
  vertical-align: inherit;
  *vertical-align: middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

select {
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
  *font-family: sans-serif;
}

/* ================================================== *
 *
 *    PAGE LAYOUT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        areaDocument
 * ------------------------------------------------- */
.areaDocument {
  width: 1000px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .areaDocument {
    width: 100%;
  }
}

/* ------------------------------------------------- *
 *        areaHeader
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *        areaMain
 * ------------------------------------------------- */
.areaMain .areaMain__wrapper {
  margin-top: 30px;
}

.areaMain .areaMain__left {
  width: 240px;
  float: left;
}

.areaMain .areaMain__right {
  width: 710px;
  float: right;
}

@media (max-width: 767px) {
  .areaMain {
    margin-top: 20px;
  }

  .areaMain .areaMain__left {
    width: 100%;
    float: none;
    margin-top: 50px;
  }

  .areaMain .areaMain__right {
    width: 100%;
    float: none;
  }

  .areaMain .areaMain__rightInner {
    padding: 0 20px;
  }
}

/* ------------------------------------------------- *
 *        areaFooter
 * ------------------------------------------------- */
.areaFooter {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .areaFooter {
    margin-top: 30px;
  }
}

/* ================================================== *
 *
 *  BASE
 *
 * ================================================== */
body {
  font-size: 81.3%;
}

/* ------------------------------------------------- *
 *        clearfix
 * ------------------------------------------------- */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* ------------------------------------------------- *
 *        linkColor
 * ------------------------------------------------- */
a:visited,
a:link {
  color: black;
}

a:active,
a:hover {
  color: black;
}

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.mt-1 {
  margin-top: -1px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

/* ------------------------------------------------- *
 *        device
 * ------------------------------------------------- */
.is--sp {
  display: none !important;
}

@media (max-width: 767px) {
  .is--sp {
    display: block !important;
  }

  .is--pc {
    display: none !important;
  }
}

/* ================================================== *
 *
 *    FRAME
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        frame1
 * ------------------------------------------------- */
.frame1 {
  width: 495px;
  min-height: 286px;
  background: url(../img/bg_frame.png) 0 0 no-repeat;
}

.frame1 .frame1__inner {
  padding: 5px;
}

@media (max-width: 767px) {
  .frame1 {
    width: auto;
    min-height: auto;
    background: none;
  }

  .frame1 .frame1__inner {
    padding: 0;
  }
}

/* ------------------------------------------------- *
 *        frame2
 * ------------------------------------------------- */
.frame2 {
  background: whitesmoke;
}

.frame2 .frame2__inner {
  padding: 40px;
}

/* ------------------------------------------------- *
 *        frame3
 * ------------------------------------------------- */
.frame3 {
  width: 670px;
  margin: 0 auto;
  font-size: 115.4%;
  line-height: 1.8;
  color: #222222;
  text-align: center;
  background: url(../img/bg_pattern.png) 0 0 repeat;
}

.frame3 .frame3__inner {
  padding: 60px 40px 40px;
}

.frame3 .frame3__ttl {
  font-size: 133.3%;
}

.frame3 .frame3__name {
  text-align: right;
}

.frame3 p {
  margin-bottom: 2.2em;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

@media (max-width: 767px) {
  .frame3 {
    width: auto;
  }

  .frame3 .frame3__inner {
    padding: 40px 40px 15px 40px;
  }
}

/* ================================================== *
 *
 *    TITLE
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        title1
 * ------------------------------------------------- */
.title1 {
  border-top: 4px solid #455507;
  border-bottom: 1px dotted #cccccc;
}

.title1.is--small .title1__inner {
  font-size: 133.3%;
}

.title1 .title1__inner {
  display: block;
  font-size: 150%;
  padding: 13px 30px 15px 30px;
  border-top: 2px solid white;
  font-weight: normal;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #f5f6f2, white);
  background: -moz-linear-gradient(top, #f5f6f2, white);
  background: linear-gradient(to bottom, #f5f6f2, white);
}

.title1 .title1__subLabel {
  position: relative;
  top: -2px;
  color: #999999;
  font-size: 77.8%;
  font-weight: normal;
  padding-left: 1em;
}

.title1 .title1__categoryName {
  position: relative;
  top: -2px;
  font-size: 77.8%;
  font-weight: normal;
  padding-right: 1em;
}

@media (max-width: 767px) {
  .title1 .title1__subLabel {
    display: block;
    padding: 0;
  }

  .title1 .title1__categoryName {
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
  }
}

/* ------------------------------------------------- *
 *        title2
 * ------------------------------------------------- */
.title2 .title2__ttl.is--sp {
  display: none;
}

.title2 .title2__ttl.is--sp img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .title2 .title2__ttl.is--pc {
    display: none;
  }

  .title2 .title2__ttl.is--sp {
    display: block;
  }
}

/* ------------------------------------------------- *
 *        title3
 * ------------------------------------------------- */
.title3 {
  padding: 15px 0 15px 15px;
  border: 1px solid #cccccc;
  background: white;
  background: -webkit-linear-gradient(top, #f6f6f6, white);
  background: -moz-linear-gradient(top, #f6f6f6, white);
  background: linear-gradient(to bottom, #f6f6f6, white);
}

.title3 .title3__mainLabel {
  font-size: 115.4%;
  border-left: 4px solid black;
  padding: 3px 0 3px 10px;
}

.title3 .title3__subLabel {
  padding-left: 15px;
  color: #a3a3a3;
}

@media (max-width: 767px) {
  .title3 .title3__subLabel {
    display: block;
    padding-left: 0;
    margin-top: 5px;
  }
}

/* ------------------------------------------------- *
 *        title4
 * ------------------------------------------------- */
.title4 .title4__ttl {
  padding: 20px;
  border-top: 4px solid #092045;
  border-bottom: 1px solid #dfdfdf;
}

/* ------------------------------------------------- *
 *        title5
 * ------------------------------------------------- */
.title5 .title5__ttl {
  padding: 20px;
  border-top: 3px solid #e5e5e5;
  border-bottom: 1px dotted #e5e5e5;
}

.title5 .title5__label {
  font-size: 123.1%;
  font-weight: normal;
}

.title5 .title5__subLabel {
  font-size: 92.3%;
  color: #a3a3a3;
  padding: 4px 0 0 20px;
}

@media (max-width: 767px) {
  .title5 .title5__subLabel {
    display: block;
    padding-left: 0;
  }
}

/* ------------------------------------------------- *
 *        title6
 * ------------------------------------------------- */
.title6 .title6__ttl {
  width: 1000px;
  height: 67px;
  background: url(../img/ttl_type5_contact.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

@media (max-width: 767px) {
  .title6 .title6__ttl {
    width: 100%;
    height: auto;
    background: whitesmoke;
    text-align: center;
    font-size: 115.4%;
    font-weight: normal;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid white;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }
}

/* ------------------------------------------------- *
 *        title7
 * ------------------------------------------------- */
.title7 {
  padding: 10px 15px;
  border: 2px solid #dddddd;
}

.title7 .title7__ttl {
  font-size: 123.1%;
  padding: 3px 0;
  font-weight: normal;
}

.title7 .title7__ttl:before {
  content: "■";
  margin-right: 3px;
}

/* ------------------------------------------------- *
 *        title8
 * ------------------------------------------------- */
.title8 {
  border-top: 2px solid #dddddd;
  border-bottom: 1px dotted #cccccc;
  padding: 10px;
}

.title8:before {
  content: "■";
  margin-right: 3px;
}

/* ------------------------------------------------- *
 *        title9
 * ------------------------------------------------- */
.title9 {
  font-size: 107.7%;
  padding: 15px;
  border-bottom: 1px dotted #cccccc;
}

.title9:before {
  content: "■";
  margin-right: 3px;
}

/* ================================================== *
 *
 *    TEXT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        text1
 * ------------------------------------------------- */
.text1 {
  margin: 1em 20px 0;
}

.text1 .text1__p {
  margin: 1em 0 0;
}

.text1.is--center {
  text-align: center;
}

.text1__p {
  margin: 1em 20px 0;
}

@media (max-width: 767px) {
  .text1 {
    margin: 1em 0 0;
  }

  .text1 .text1__p {
    margin: 1em 0 0;
  }

  .text1__p {
    margin: 1em 0 0;
  }
}

/* ================================================== *
 *
 *    LIST
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        list1
 * ------------------------------------------------- */
.list1 {
  border-bottom: 1px dotted #cccccc;
}

.list1 .list1__listTtl {
  width: 100px;
  padding: 15px;
  float: left;
  border-top: 1px dotted #cccccc;
}

.list1 .list1__listTtl:nth-of-type(1) {
  border-style: none;
}

.list1 .list1__list {
  overflow: hidden;
  padding: 15px;
  border-top: 1px dotted #cccccc;
}

.list1 .list1__list:nth-of-type(1) {
  border-style: none;
}

@media (max-width: 767px) {
  .list1 .list1__listTtl {
    float: none;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: bold;
  }

  .list1 .list1__list {
    border-style: none;
    padding-top: 0;
  }
}

/* ------------------------------------------------- *
 *        list2
 * ------------------------------------------------- */
.list2 {
  margin: -10px 0 0 20px;
}

.list2 .list2__list {
  list-style-type: disc;
  margin-top: 10px;
}

/* ------------------------------------------------- *
 *        list3
 * ------------------------------------------------- */
.list3 {
  margin: 0 20px;
}

.list3 li {
  margin-top: 1px;
}

.list3 a {
  position: relative;
  padding: 12px 50px 12px 15px;
  display: block;
  background: #f3f3f3;
  text-decoration: none;
}

.list3 span {
  color: #999999;
  font-size: 84.6%;
}

.list3 a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.list3.is--play i {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  background: url(../img/ico_play.png) 0 0 no-repeat;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
  margin-top: -10px;
}

.list3.is--arrow i {
  content: "";
  display: block;
  width: 11px;
  height: 19px;
  position: absolute;
  right: 10px;
  top: 50%;
  background: url(../img/ico_arrow7_right_2.png) 0 0 no-repeat;
  margin-top: -10px;
}

.list3.is--blank a:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 12px;
  top: 50%;
  background: url(../img/ico_blank.png) 0 0 no-repeat;
  margin-top: -5px;
}

@media (max-width: 767px) {
  .list3 {
    margin: 0;
  }

  .list3 a.list3__label:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }
}

/* ------------------------------------------------- *
 *        list4
 * ------------------------------------------------- */
.list4 {
  border-bottom: 1px dotted #cccccc;
  margin-top: -1px;
}

.list4 .list4__link {
  position: relative;
  display: block;
  border-top: 1px dotted #cccccc;
  text-decoration: none;
  padding: 15px 35px 15px 10px;
}

.list4 .list4__link:hover {
  background: #fafafa;
}

.list4 .list4__number {
  padding: 10px 15px;
  background: #f3f3f3;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 15px;
}

.list4 .list4__title {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.list4 .list4__iconArrow {
  content: "";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .list4 .list4__title {
    display: block;
    margin-top: 10px;
  }
}

/* ================================================== *
 *
 *    TABLE
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        table1
 * ------------------------------------------------- */
.table1 {
  width: 670px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
}

.table1 tr:first-child .table1__td {
  border-top: 1px dotted #cccccc;
}

.table1__th {
  background: #f1f1f1;
  padding: 10px;
  width: 100px;
  text-align: center;
  vertical-align: middle;
  border-spacing: 2px;
}

.table1__td {
  padding: 10px;
  border-bottom: 1px dotted #cccccc;
}

@media (max-width: 767px) {
  .table1 {
    width: auto;
  }

  .table1__th {
    width: 80px;
  }
}

/* ================================================== *
 *
 *    BUTTON
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        button1
 * ------------------------------------------------- */
.button1 .button1__label {
  float: left;
  font-size: 92.3%;
  position: relative;
  display: block;
  text-align: center;
  line-height: 28px;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
  text-decoration: none;
  padding: 0 30px 0 20px;
}

.button1 .button1__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button1 .button1__icon {
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../img/ico_arrow_right.png) 0 0 no-repeat;
}

.button1.is--w110 a {
  width: 110px;
}

.button1.is--type1 .button1__label {
  width: 95px;
  padding: 0 10px 0 55px;
}

.button1.is--type1 .button1__icon {
  width: 33px;
  height: 13px;
  left: 10px;
  margin-top: -7px;
  background: url(../img/ico_pdf.png) 0 0 no-repeat;
}

.button1.is--type2 .button1__label {
  width: 120px;
  padding: 0 20px;
}

.button1.is--type2 .button1__icon {
  display: none;
}

@media (max-width: 767px) {
  .button1 .button1__label {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
  }

  .button1.is--type1 .button1__label {
    width: 100%;
    padding: 20px 20px 20px 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 115.4%;
    border-radius: 5px;
  }

  .button1.is--type1 .button1__icon {
    left: 50%;
    margin: -7px 0 0 -77px;
    background: url(../img/ico_pdf.png) 0 0 no-repeat;
  }

  .button1.is--type2 .button1__label {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 115.4%;
    border-radius: 5px;
  }
}

/* ------------------------------------------------- *
 *        button2
 * ------------------------------------------------- */
.button2 {
  border-top: 1px solid #e5e5e5;
}

.button2 .button2__label {
  float: right;
  display: block;
  margin-top: -10px;
  line-height: 1;
}

@media (max-width: 767px) {
  .button2 {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        button3
 * ------------------------------------------------- */
.button3 {
  border-top: 3px solid #e5e5e5;
  padding: 20px 0 0 10px;
}

.button3 .button3__label {
  padding-left: 15px;
  text-decoration: none;
  background: url(../img/ico_arrow6_left.png) 0 center no-repeat;
}

.button3 .button3__label:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .button3 {
    padding: 40px 0 0 10px;
    text-align: center;
  }

  .button3 a {
    background: url(../img/ico_arrow6_left.png) 20px center no-repeat;
    padding: 20px 20px 20px 40px;
    margin-left: -20px;
  }
}

/* ------------------------------------------------- *
 *        button4
 * ------------------------------------------------- */
.button4 {
  text-align: center;
  padding: 0 0 20px 10px;
  margin: 0 20px;
  border-bottom: 2px dotted #cccccc;
}

.button4 .button4__label {
  font-size: 115.4%;
  position: relative;
  text-decoration: none;
}

.button4 .button4__label:hover {
  text-decoration: underline;
}

.button4 .button4__icon {
  content: "";
  display: block;
  width: 13px;
  height: 15px;
  position: absolute;
  left: -20px;
  top: 50%;
  background: url(../img/ico_refresh.png) 0 0 no-repeat;
  margin-top: -8px;
}

@media (max-width: 767px) {
  .button4 {
    margin: 0;
  }
}

/* ------------------------------------------------- *
 *        button5
 * ------------------------------------------------- */
.button5 {
  padding: 20px;
  background: #f7f7f7;
  text-align: center;
}

.button5 .button5__btn {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 48.5%;
  padding: 60px 0 18px 0;
  text-align: center;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  margin-left: 11px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.button5 .button5__btn:first-child {
  margin-left: 0;
}

.button5 .button5__btn:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button5 .button5__btn.is--pdf {
  background: white url(../img/ico_pdf_2.png) center 20px no-repeat;
  background: url(../img/ico_pdf_2.png) center 20px no-repeat,
    -webkit-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_pdf_2.png) center 20px no-repeat,
    -moz-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_pdf_2.png) center 20px no-repeat,
    linear-gradient(bottom, #f6f6f6, white);
}

.button5 .button5__btn.is--amazon {
  background: white url(../img/ico_amazon.png) center 20px no-repeat;
  background: url(../img/ico_amazon.png) center 20px no-repeat,
    -webkit-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_amazon.png) center 20px no-repeat,
    -moz-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_amazon.png) center 20px no-repeat,
    linear-gradient(bottom, #f6f6f6, white);
}

.button5 .button5__btn.is--honto {
  background: white url(../img/ico_honto.png) center 20px no-repeat;
  background: url(../img/ico_honto.png) center 20px no-repeat,
    -webkit-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_honto.png) center 20px no-repeat,
    -moz-linear-gradient(bottom, #f6f6f6, white);
  background: url(../img/ico_honto.png) center 20px no-repeat,
    linear-gradient(bottom, #f6f6f6, white);
}

.button5 .button5__btn.is--buy {
  width: 90%;
  float: none;
  padding: 20px;
  font-size: 123.1%;
  color: white;
  background: #6d850a;
  background: -webkit-linear-gradient(top, #4d5d08, #3f4d06);
  background: -moz-linear-gradient(top, #4d5d08, #3f4d06);
  background: linear-gradient(to bottom, #4d5d08, #3f4d06);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.button5 .button5__btn.is--buy .button5__icon {
  content: "";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow3_right.png) 0 0 no-repeat;
  margin-top: -14px;
}

.button5 .button5__subLabel {
  display: block;
}

.button5 .button5__icon {
  content: "";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .button5 {
    padding: 20px;
  }

  .button5 .button5__btn {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: none;
    margin-left: 0;
    margin-top: 10px;
  }

  .button5 .button5__btn:first-child {
    margin: 0;
  }

  .button5 .button5__btn:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }

  .button5 .button5__subLabel {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        button6
 * ------------------------------------------------- */
.button6 .button6__left {
  width: 170px;
  float: left;
  margin-right: 20px;
}

.button6 .button6__right {
  width: 170px;
  float: left;
}

.button6 .button6__label {
  padding: 15px 20px;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px solid black;
  border-radius: 5px;
}

.button6 .button6__label:hover {
  background: #fafafa;
}

@media (max-width: 767px) {
  .button6 .button6__left {
    width: 100%;
    float: none;
    margin: 0;
  }

  .button6 .button6__right {
    width: 100%;
    float: none;
    margin-top: 10px;
  }

  .button6 .button6__label {
    border-radius: 5px;
  }
}

/* ------------------------------------------------- *
 *        button7
 * ------------------------------------------------- */
.button7 .button7__label {
  float: left;
  position: relative;
  display: block;
  text-align: center;
  line-height: 13px;
  font-size: 84.6%;
  color: #394605;
  background: #d8e1b6;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #cfd6b3;
  text-decoration: none;
  padding: 5px 25px 5px 15px;
}

.button7 .button7__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button7 .button7__icon {
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../img/ico_arrow_right_3.png) 0 0 no-repeat;
}

.button7.is--fs12 {
  font-size: 92.3%;
}

.button7.is--w110 a {
  width: 110px;
}

.button7.is--w160 a {
  width: 118px;
  line-height: 24px;
  padding: 5px 25px 5px 15px;
}

.button7.is--type1 .button7__label {
  width: 95px;
  padding: 0 10px 0 55px;
}

.button7.is--type1 .button7__icon {
  width: 33px;
  height: 13px;
  left: 10px;
  margin-top: -7px;
  background: url(../img/ico_pdf.png) 0 0 no-repeat;
}

.button7.is--type2 .button7__label {
  width: 120px;
  padding: 0 20px;
}

.button7.is--type2 .button7__icon {
  display: none;
}

@media (max-width: 767px) {
  .button7 .button7__label {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
  }

  .button7.is--w110 a {
    width: 100%;
  }

  .button7.is--w160 a {
    width: 100%;
  }

  .button7.is--type1 .button7__label {
    width: 100%;
    padding: 20px 20px 20px 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 115.4%;
    border-radius: 5px;
  }

  .button7.is--type1 .button7__icon {
    left: 50%;
    margin: -7px 0 0 -77px;
    background: url(../img/ico_pdf.png) 0 0 no-repeat;
  }

  .button7.is--type2 .button7__label {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 115.4%;
    border-radius: 5px;
  }
}

/* ------------------------------------------------- *
 *        button8
 * ------------------------------------------------- */
.button8 .button8__label {
  float: left;
  position: relative;
  display: block;
  text-align: center;
  line-height: 22px;
  font-size: 92.3%;
  color: white;
  background: #475607;
  background: -webkit-linear-gradient(top, #4d5d08, #3f4d06);
  background: -moz-linear-gradient(top, #4d5d08, #3f4d06);
  background: linear-gradient(to bottom, #4d5d08, #3f4d06);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #3f4d06;
  text-decoration: none;
  padding: 5px 30px 5px 20px;
}

.button8 .button8__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button8 .button8__icon {
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../img/ico_arrow_right_2.png) 0 0 no-repeat;
}

.button8.is--w83 .button8__label {
  width: 83px;
}

.button8.is--w110 .button8__label {
  width: 110px;
  line-height: 20px;
  font-size: 84.6%;
  padding: 5px 25px 5px 15px;
}

.button8.is--w160 .button8__label {
  width: 118px;
  line-height: 24px;
  padding: 5px 25px 5px 15px;
}

.button8.is--w225 .button8__label {
  width: 225px;
}

.button8.is--fs12 {
  font-size: 92.3%;
}

@media (max-width: 767px) {
  .button8 .button8__label {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .button8.is--w83 .button8__label {
    width: 100%;
  }

  .button8.is--w110 .button8__label {
    width: 100%;
  }

  .button8.is--w160 .button8__label {
    width: 100%;
  }

  .button8.is--w225 .button8__label {
    width: 100%;
  }
}

/* ------------------------------------------------- *
 *        button9
 * ------------------------------------------------- */
.button9 .button9__label {
  float: left;
  position: relative;
  display: block;
  text-align: center;
  font-size: 92.3%;
  line-height: 22px;
  color: white;
  background: #919191;
  background: -webkit-linear-gradient(top, #a0a0a0, #848484);
  background: -moz-linear-gradient(top, #a0a0a0, #848484);
  background: linear-gradient(to bottom, #a0a0a0, #848484);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  border: 1px solid #848484;
  text-decoration: none;
  padding: 5px 30px 5px 20px;
}

.button9 .button9__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button9 .button9__icon {
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../img/ico_arrow_right_2.png) 0 0 no-repeat;
}

.button9.is--w83 .button9__label {
  width: 83px;
}

@media (max-width: 767px) {
  .button9 .button9__label {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
  }

  .button9.is--w83 .button9__label {
    width: 100%;
  }
}

/* ------------------------------------------------- *
 *        button10
 * ------------------------------------------------- */
.button10 .button10__label {
  float: left;
  position: relative;
  display: block;
  text-align: center;
  font-size: 92.3%;
  line-height: 22px;
  color: white;
  background: #f16200;
  background: -webkit-linear-gradient(top, #f58e00, #f16200);
  background: -moz-linear-gradient(top, #f58e00, #f16200);
  background: linear-gradient(to bottom, #f58e00, #f16200);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  border: 1px solid #f16200;
  text-decoration: none;
  padding: 5px 30px 5px 20px;
}

.button10 .button10__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.button10.is--w225 .button10__label {
  width: 225px;
}

.button10 .button10__icon {
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  background: url(../img/ico_arrow_right_2.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .button10 .button10__label {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
  }

  .button10.is--w225 .button10__label {
    width: 100%;
  }
}

/* ================================================== *
 *
 *    FORM
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        form1
 * ------------------------------------------------- */
.form1 {
  width: 300px;
}

.form1 .form1__inputText {
  float: left;
}

.form1 .form1__inputTextField {
  width: 220px;
  padding-left: 9px;
  height: 34px;
  border: none;
  background: #f2f2f2;
  border-radius: 5px 0 0 5px;
  outline: none;
}

.form1 .form1__btnSrch {
  float: left;
}

.form1 .form1__btnSrch input {
  width: 70px;
  height: auto;
}

@media (max-width: 767px) {
  .form1 {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    background: #eeedea;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .form1 .form1__inputText {
    float: none;
  }

  .form1 .form1__inputTextField {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #e2e1de;
    padding-right: 90px;
  }

  .form1 .form1__btnSrch {
    float: none;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .form1 .form1__btnSrch input {
    width: auto;
    height: 40px;
  }
}

/* ------------------------------------------------- *
 *        form2
 * ------------------------------------------------- */
.form2 .form2__select {
  width: 160px;
}

@media (max-width: 767px) {
  .form2 .form2__select {
    width: 100%;
  }
}

/* ================================================== *
 *
 *    BOX
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        header
 * ------------------------------------------------- */
.header {
  position: relative;
  padding-top: 28px;
  padding-bottom: 16px;
}

.header .header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.header .header__logo {
  margin: 0;
}

.header .header__logoLink {
  display: block;
  text-decoration: none;
  color: #111;
}

.header .header__logoRow {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.header .header__logoMain {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2;
}

.header .header__logoSite {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #111;
  white-space: nowrap;
}

.header .header__logoEn {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #b4b4b4;
}

.header .header__btnGnav {
  float: right;
  width: 20px;
  height: 18px;
  margin: 10px 10px 0 0;
  background: url(../img/btn_type8_open.png) 0 0 no-repeat;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
  display: none;
}

.header .header__btnGnav.is--active {
  background: url(../img/btn_type8_close.png) 0 0 no-repeat;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
}

.header .header__utils {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
}

.header .header__share {
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.header .header__share li {
  float: none;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 0;
}

.header .header__share a {
  display: block;
  line-height: 0;
}

.header .header__share a img {
  display: block;
}

.header .header__share .with-label {
  background-color: #344b82;
}

.header .header__share .with-label a {
  text-decoration: none;
  color: #fff;
}

.header .header__button1 {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.header__button1 a,
.header .header__share .header__button1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #62432f;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  width: 130px;
  height: 30px;
  margin: 0;
  padding: 0;
  position: static;
  left: 0;
  line-height: 1;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "Noto Sans JP", sans-serif;
}

.header__button1 a:hover {
  opacity: 0.7;
}

.header__lang {
  display: block;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}

.header__lang__item {
  color: #111;
}

@media (max-width: 767px) {
  .header {
    padding: 0 0 10px;
    height: auto;
  }

  .header .header__top {
    flex-direction: column;
    align-items: center;
    padding: 8px 40px 0;
  }

  .header .header__logo {
    text-align: center;
  }

  .header .header__logoRow {
    justify-content: center;
  }

  .header .header__logoMain {
    font-size: 22px;
  }

  .header .header__logoSite {
    font-size: 11px;
  }

  .header .header__logoEn {
    font-size: 9px;
  }

  .header .header__btnGnav {
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 2;
    float: none;
    margin: 0;
  }

  .header .header__utils {
    margin-top: 10px;
    align-items: center;
    width: 100%;
  }

  .header .header__lang {
    text-align: center;
  }

  .header .header__share {
    justify-content: center;
    gap: 3px;
  }
}

/* ------------------------------------------------- *
 *        gnav
 * ------------------------------------------------- */
.gnav {
  position: relative;
  display: block;
  margin-top: 24px;
}

.gnav .form1 {
  position: absolute;
  right: 0;
  top: 48px;
}

.gnav .gnav__label {
  display: block;
  width: 125px;
  height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.gnav .gnav__nav {
  float: left;
  padding: 0 0 20px;
}

.gnav .gnav__nav.is--type1 .gnav__label {
  background: url(../img/btn_type3_top_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type1.is--active .gnav__label,
.gnav .gnav__nav.is--type1 .gnav__label:hover {
  background: url(../img/btn_type3_top_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type2 .gnav__label {
  background: url(../img/btn_type3_juku_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type2.is--active .gnav__label,
.gnav .gnav__nav.is--type2 .gnav__label:hover {
  background: url(../img/btn_type3_juku_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type3 .gnav__label {
  background: url(../img/btn_type3_daigaku_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type3.is--active .gnav__label,
.gnav .gnav__nav.is--type3 .gnav__label:hover {
  background: url(../img/btn_type3_daigaku_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type4 .gnav__label {
  background: url(../img/btn_type3_mail_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type4.is--active .gnav__label,
.gnav .gnav__nav.is--type4 .gnav__label:hover {
  background: url(../img/btn_type3_mail_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type5 .gnav__label {
  background: url(../img/btn_type3_book_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type5.is--active .gnav__label,
.gnav .gnav__nav.is--type5 .gnav__label:hover {
  background: url(../img/btn_type3_book_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type6 .gnav__label {
  background: url(../img/btn_type3_lesson_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type6.is--active .gnav__label,
.gnav .gnav__nav.is--type6 .gnav__label:hover {
  background: url(../img/btn_type3_lesson_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type7 .gnav__label {
  background: url(../img/btn_type3_magazine_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type7.is--active .gnav__label,
.gnav .gnav__nav.is--type7 .gnav__label:hover {
  background: url(../img/btn_type3_magazine_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type8 .gnav__label {
  background: url(../img/btn_type3_profile_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type8.is--active .gnav__label,
.gnav .gnav__nav.is--type8 .gnav__label:hover {
  background: url(../img/btn_type3_profile_on.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type9 .gnav__label {
  background: url(../img/btn_type3_yowa_off.png) 0 0 no-repeat;
}

.gnav .gnav__nav.is--type9.is--active .gnav__label,
.gnav .gnav__nav.is--type9 .gnav__label:hover {
  background: url(../img/btn_type3_yowa_on.png) 0 0 no-repeat;
}

.gnav .gnav__snsList {
  position: absolute;
  left: 595px;
  top: 48px;
}

.gnav .gnav__snsList img {
  width: 36px;
  height: auto;
}

.gnav .gnav__snsTwitter {
  float: left;
  cursor: pointer;
}

.gnav .gnav__snsTwitter:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.gnav .gnav__snsFacebook {
  float: left;
  cursor: pointer;
  margin-left: 10px;
}

.gnav .gnav__snsFacebook:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.gnav .gnav__snav {
  position: absolute;
  left: 615px;
  top: 30px;
  z-index: 20;
  display: none;
}

.gnav .gnav__snav__icon {
  position: absolute;
  left: 50%;
  top: -10px;
  width: 12px;
  height: 11px;
  margin-left: -6px;
  display: block;
  content: "";
  background: url(../img/ico_arrow10_top.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .gnav {
    display: none;
  }

  .gnav .form1 {
    position: relative;
    right: inherit;
    top: inherit;
  }

  .gnav .gnav__label {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    padding: 12px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .gnav .gnav__nav {
    position: relative;
    float: none;
    padding: 0;
  }

  .gnav .gnav__nav:before {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 50%;
    background: url(../img/ico_arrow2_right.png) 0 0 no-repeat;
    margin-top: -6px;
    background-size: 7px auto;
    -webkit-background-size: 7px auto;
  }

  .gnav .gnav__nav.is--type1 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type1.is--active .gnav__label,
  .gnav .gnav__nav.is--type1 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type2 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type2.is--active .gnav__label,
  .gnav .gnav__nav.is--type2 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type3 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type3.is--active .gnav__label,
  .gnav .gnav__nav.is--type3 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type4 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type4.is--active .gnav__label,
  .gnav .gnav__nav.is--type4 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type5 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type5.is--active .gnav__label,
  .gnav .gnav__nav.is--type5 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type6 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type6.is--active .gnav__label,
  .gnav .gnav__nav.is--type6 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type7 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type7.is--active .gnav__label,
  .gnav .gnav__nav.is--type7 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type8 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type8.is--active .gnav__label,
  .gnav .gnav__nav.is--type8 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__nav.is--type9 .gnav__label {
    background: none;
  }

  .gnav .gnav__nav.is--type9.is--active .gnav__label,
  .gnav .gnav__nav.is--type9 .gnav__label:hover {
    background: none;
  }

  .gnav .gnav__snsList {
    position: static;
    text-align: center;
    margin-top: 10px;
  }

  .gnav .gnav__snsList img {
    width: 30px;
  }

  .gnav .gnav__snsTwitter {
    float: none;
    margin: 0 5px;
    display: inline;
  }

  .gnav .gnav__snsFacebook {
    float: none;
    margin: 0 5px;
    display: inline;
    margin-left: 0;
  }
}

/* ------------------------------------------------- *
 *        footer
 * ------------------------------------------------- */
.footer {
  background: #1c1c1c;
  background: -webkit-linear-gradient(top, #1c1c1c, #5c5c5c);
  background: linear-gradient(to bottom, #1c1c1c, #5c5c5c);
}

.footer .footer__btnPagetop {
  background: #f2f2f2;
}

.footer .footer__btnPagetopInner {
  display: block;
  width: 1000px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
}

.footer .footer__inner {
  position: relative;
  padding-bottom: 30px;
  overflow: hidden;
  width: 1000px;
  margin: auto;
}

.footer .footer__sitemap {
  width: 1000px;
  margin: 40px auto 0;
}

.footer .footer__sitemap li {
  float: left;
}

.footer .footer__sitemap li:first-child a {
  border-left: 1px solid #5f5f5f;
}

.footer .footer__sitemap a {
  display: block;
  color: white;
  text-decoration: none;
  border-right: 1px solid #5f5f5f;
  padding: 3px 10px;
  line-height: 1;
}

.footer .footer__navList {
  width: 100%;
  margin: 40px 0 0;
  border-top: 1px solid #5f5f5f;
  padding-top: 15px;
}

.footer .footer__nav {
  float: left;
  margin-left: 10px;
}

.footer .footer__nav:first-child {
  margin-left: 0;
}

.footer .footer__nav a {
  color: #aaaaaa;
  text-decoration: none;
}

.footer .footer__nav a:hover {
  text-decoration: underline;
}

.footer .footer__copy {
  width: 1000px;
  margin: 15px auto 0;
  display: block;
  color: #aaaaaa;
  font-size: 76.9%;
  text-indent: -0.5em;
}

a.footer__contact1 {
  background: #949494;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 15px;
  margin: 30px 20px 0;
  border-radius: 5px;
  color: #fff;
}

.footer__contact1__txt1 {
  font-size: 16px;
}

.footer__contact1__txt2 {
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  a.footer__contact1 {
    position: absolute;
    bottom: 60px;
    right: 0;
  }
}

@media (max-width: 767px) {
  .footer .footer__btnPagetopInner {
    width: auto;
  }

  .footer .footer__inner {
    width: auto;
  }

  .footer .footer__sitemap {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .footer .footer__sitemap li {
    float: none;
    margin: 0 0 -1px 0;
  }

  .footer .footer__sitemap a {
    border-style: none;
    border: 1px solid #555555;
    padding: 15px 0;
    text-align: center;
    background: #333333;
  }

  .footer .footer__navList {
    width: 100%;
    margin: 15px 0 0 0;
    border-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
  }

  .footer .footer__nav {
    text-align: center;
    float: none;
    margin: 0;
    display: inline-block;
  }

  .footer .footer__copy {
    width: 100%;
    text-align: center;
  }
}

/* ------------------------------------------------- *
 *        gnavJuku
 * ------------------------------------------------- */
.gnavJuku {
  background: url(../img/bg_pattern2.png) 0 0 repeat-x;
}

.gnavJuku .gnavJuku__inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.gnavJuku .gnavJuku__btnList {
  overflow: hidden;
}

.gnavJuku .gnavJuku__btnList li {
  float: left;
}

.gnavJuku .gnavJuku__btnList li.is--msg a {
  width: 250px;
  height: 76px;
  background: url(../img/btn_type9_msg_off.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--msg a:hover {
  background: url(../img/btn_type9_msg_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--msg.is--current a {
  background: url(../img/btn_type9_msg_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--guide a {
  width: 250px;
  height: 76px;
  background: url(../img/btn_type9_guide_off.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--guide a:hover {
  background: url(../img/btn_type9_guide_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--guide.is--current a {
  background: url(../img/btn_type9_guide_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--lesson a {
  width: 250px;
  height: 76px;
  background: url(../img/btn_type9_lesson_off.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--lesson a:hover {
  background: url(../img/btn_type9_lesson_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--lesson.is--current a {
  background: url(../img/btn_type9_lesson_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--entry a {
  width: 250px;
  height: 76px;
  background: url(../img/btn_type9_contact_off.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--entry a:hover {
  background: url(../img/btn_type9_contact_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--entry.is--current a {
  background: url(../img/btn_type9_contact_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--daigaku a {
  width: 250px;
  height: 76px;
  background: url(../img/btn_type9_daigaku_off.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--daigaku a:hover {
  background: url(../img/btn_type9_daigaku_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList li.is--daigaku.is--current a {
  background: url(../img/btn_type9_daigaku_on.png) 0 0 no-repeat;
}

.gnavJuku .gnavJuku__btnList a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.gnavJuku .gnavJuku__btnEntry {
  position: absolute;
  right: -4px;
  top: 15px;
}

.gnavJuku .gnavJuku__btnEntry a {
  display: block;
  width: 215px;
  height: 42px;
  background: url(../img/btn_type11_entry.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.gnavJuku .gnavJuku__btnEntry a:hover {
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
  zoom: 1;
}

@media (max-width: 767px) {
  .gnavJuku {
    background: none;
  }

  .gnavJuku .gnavJuku__inner {
    width: auto;
    margin: 0;
  }

  .gnavJuku .gnavJuku__btnList li {
    float: none;
  }

  .gnavJuku .gnavJuku__btnList li.is--msg a {
    width: 100%;
    height: auto;
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--msg a:hover {
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--msg.is--current a {
    background: #0d2c61;
  }

  .gnavJuku .gnavJuku__btnList li.is--daigaku a {
    width: 100%;
    height: auto;
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--daigaku a:hover {
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--daigaku.is--current a {
    background: #0d2c61;
  }

  .gnavJuku .gnavJuku__btnList li.is--guide a {
    width: 100%;
    height: auto;
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--guide a:hover {
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--guide.is--current a {
    background: #0d2c61;
  }

  .gnavJuku .gnavJuku__btnList li.is--lesson a {
    width: 100%;
    height: auto;
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--lesson a:hover {
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--lesson.is--current a {
    background: #0d2c61;
  }

  .gnavJuku .gnavJuku__btnList li.is--entry a {
    width: 100%;
    height: auto;
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--entry a:hover {
    background: none;
    background: -webkit-linear-gradient(top, #0a234d, #081b3b);
    background: linear-gradient(to bottom, #0a234d, #081b3b);
  }

  .gnavJuku .gnavJuku__btnList li.is--entry.is--current a {
    background: #0d2c61;
  }

  .gnavJuku .gnavJuku__btnList a {
    position: relative;
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 15px 0;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .gnavJuku .gnavJuku__btnList a:before {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -3px;
    display: block;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .gnavJuku .gnavJuku__btnEntry {
    position: static;
  }

  .gnavJuku .gnavJuku__btnEntry a {
    width: 100%;
    height: auto;
    background: -webkit-linear-gradient(top, #f9c300, #f18c00);
    background: linear-gradient(to bottom, #f9c300, #f18c00);
    text-decoration: none;
    color: white;
    text-align: center;
    padding: 15px 0;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }
}

/* ------------------------------------------------- *
 *        lnav
 * ------------------------------------------------- */
.lnav {
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.lnav .lnav__ttl {
  padding: 13px 0;
  display: block;
  text-decoration: none;
}

.lnav .lnav__ttl__inner {
  display: block;
  padding: 3px 0 2px 10px;
  margin-left: 20px;
  border-left: 4px solid #333333;
}

.lnav .lnav__ttlMainLabel {
  font-size: 123.1%;
  line-height: 1;
}

.lnav .lnav__ttlSubLabel {
  font-size: 76.9%;
  line-height: 1;
  margin-top: 7px;
  color: #a3a3a3;
}

.lnav .lnav__linkList {
  border-top: 1px solid #e5e5e5;
}

.lnav .lnav__link a {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 9px 30px 9px 20px;
  display: block;
  text-decoration: none;
}

.lnav .lnav__link a:hover {
  background: #f6f6f6;
}

.lnav .lnav__link:first-child a {
  border-style: none;
}

.lnav .lnav__link.is--current a {
  padding-left: 16px;
  background: #f6f6f6;
  border-left: 4px solid #e5e5e5;
}

.lnav .lnav__link .lnav__subNav {
  border-top: 1px dotted #cccccc;
  border-left: 4px solid #e5e5e5;
}

.lnav .lnav__link .lnav__subNav .lnav__subNav {
  border: none;
  border-top: 1px dotted #cccccc;
}

.lnav .lnav__link .lnav__subNavLink {
  margin: 0 0 0 30px;
}

.lnav .lnav__link .lnav__subNavLink a {
  padding: 10px 30px 10px 10px;
  background: white;
  border: none;
  border-top: 1px dotted #cccccc;
  font-size: 84.6%;
}

.lnav .lnav__link .lnav__subNavLink a:hover {
  background: #f6f6f6;
}

.lnav .lnav__link .lnav__subNavLink:first-child a {
  border-style: none;
}

.lnav .lnav__link .lnav__subNavLink.is--current a {
  background: #f6f6f6;
}

.lnav .lnav__link .lnav__subNavLink.is--professional.is--current a {
  background: #fbe8e8;
}

.lnav .lnav__link .lnav__subNavLink.is--professional a:hover {
  background: #fbe8e8;
}

.lnav .lnav__link .lnav__subNavLink.is--management.is--current a {
  background: #d9eaf2;
}

.lnav .lnav__link .lnav__subNavLink.is--management a:hover {
  background: #d9eaf2;
}

.lnav .lnav__link .lnav__subNavLink.is--phirosophy.is--current a {
  background: #ffeed9;
}

.lnav .lnav__link .lnav__subNavLink.is--phirosophy a:hover {
  background: #ffeed9;
}

.lnav .lnav__link .lnav__subNavLink.is--vision.is--current a {
  background: #e8eecf;
}

.lnav .lnav__link .lnav__subNavLink.is--vision a:hover {
  background: #e8eecf;
}

.lnav .lnav__link .lnav__subNavLink .lnav__subNavLink {
  margin: 0 0 0 25px;
}

.lnav .lnav__link .lnav__subNavLink .lnav__subNavLink a {
  padding: 10px 30px 10px 10px;
  background: white;
  border: none;
  border-top: 1px dotted #cccccc;
}

.lnav .lnav__link .lnav__subNavLink .lnav__subNavLink a:hover {
  background: #f6f6f6;
}

.lnav .lnav__link .lnav__subNavLink .lnav__subNavLink:first-child a {
  border-style: none;
}

.lnav .lnav__link .lnav__subNavLink .lnav__subNavLink.is--current a {
  background: #f6f6f6;
}

.lnav .lnav__icon {
  content: "";
  display: block;
  width: 3px;
  height: 5px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow6_right.png) 0 0 no-repeat;
  background-size: auto auto;
  -webkit-background-size: auto auto;
  margin-top: -3px;
}

/* ------------------------------------------------- *
 *        jukuLnav
 * ------------------------------------------------- */
.jukuLnav {
  width: 230px;
  float: left;
}

.jukuLnav.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.jukuLnav ul {
  margin-top: 10px;
}

.jukuLnav li {
  width: 210px;
  margin: 0 auto;
}

.jukuLnav li.is--current a {
  background: #ececec;
}

.jukuLnav a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #e0e0e0;
  text-decoration: none;
}

.jukuLnav a:hover {
  background: #ececec;
}

.jukuLnav__ttl {
  padding: 10px;
  margin-top: 20px;
  border-bottom: 1px solid #cccccc;
}

.jukuLnav__ttl a {
  padding: 0;
  border: none;
}

.jukuLnav__ttl:first-child {
  margin-top: 0;
}

.jukuLnav__ttl span {
  display: block;
  border-left: 5px solid #081b3b;
  font-size: 115.4%;
  font-weight: bold;
  padding: 3px 0 3px 10px;
}

@media (max-width: 767px) {
  .jukuLnav {
    width: auto;
    float: none;
    margin-top: 30px;
  }

  .jukuLnav ul {
    margin: 0;
  }

  .jukuLnav li {
    width: auto;
  }

  .jukuLnav__ttl {
    border-top: 2px solid #cccccc;
    margin: -1px 0 0 0;
  }
}

ul.jukuLnav__tabs {
  display: flex;
  margin-top: 30px;
}

.jukuLnav__tabs li {
  min-width: 50%;
  max-width: 50%;
  border-bottom: 1px solid #e0e0e0;
}

.jukuLnav__tabs li a {
  display: block;
  background: #f1f1f1;
  text-align: center;
  border: none;
  font-size: 12px;
}

.jukuLnav__tabs a.is--current {
  background: #10244d;
  color: #fff;
  position: relative;
  pointer-events: none;
}

.jukuLnav__tabs a.is--current:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 8px solid #10244d;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: auto;
}

.jukuLnav__tabs {}

.jukuLnav__tabBody {}

.jukuLnav__tabBody>ul {
  display: none;
}

.jukuLnav__tabBody>ul.is--current {
  display: block;
}

.is--current {}

/* ------------------------------------------------- *
 *        lnav2
 * ------------------------------------------------- */
.lnav2 .lnav2__btn {
  float: left;
}

.lnav2 .lnav2__btn.is--msg .lnav2__label {
  width: 250px;
  height: 55px;
  background: #091f43 url(../img/btn_type10_msg.png) 0 0 no-repeat;
}

.lnav2 .lnav2__btn.is--guide .lnav2__label {
  width: 250px;
  height: 55px;
  background: #091f43 url(../img/btn_type10_guide.png) 0 0 no-repeat;
}

.lnav2 .lnav2__btn.is--lecture .lnav2__label {
  width: 250px;
  height: 55px;
  background: #091f43 url(../img/btn_type10_lecture.png) 0 0 no-repeat;
}

.lnav2 .lnav2__btn.is--contact .lnav2__label {
  width: 250px;
  height: 55px;
  background: #091f43 url(../img/btn_type10_contact.png) 0 0 no-repeat;
}

.lnav2 .lnav2__label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.lnav2 .lnav2__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .lnav2 .lnav2__btn {
    float: none;
  }

  .lnav2 .lnav2__btn.is--msg .lnav2__label {
    background: #091f43;
    width: 100%;
    height: inherit;
  }

  .lnav2 .lnav2__btn.is--guide .lnav2__label {
    background: #091f43;
    width: 100%;
    height: inherit;
  }

  .lnav2 .lnav2__btn.is--lecture .lnav2__label {
    background: #091f43;
    width: 100%;
    height: inherit;
  }

  .lnav2 .lnav2__btn.is--contact .lnav2__label {
    background: #091f43;
    width: 100%;
    height: inherit;
  }

  .lnav2 .lnav2__label {
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-top: 1px;
    padding: 20px 0;
    font-size: 107.7%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}

/* ------------------------------------------------- *
 *        topicPath
 * ------------------------------------------------- */
.topicPath .topicPath__pageName {
  float: left;
  padding: 0 5px 0 15px;
  background: url(../img/ico_arrow5_right.png) 0 4px no-repeat;
}

.topicPath .topicPath__pageName a {
  text-decoration: none;
}

.topicPath .topicPath__pageName a:hover {
  text-decoration: underline;
}

.topicPath .topicPath__pageName:first-child {
  padding-left: 0;
  background: none;
}

@media (max-width: 767px) {
  .topicPath {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        kv
 * ------------------------------------------------- */
.kv {
  position: relative;
}

.kv .kv__imgList {
  height: 350px;
}

.kv .kv__img {
  position: absolute;
  left: 0;
  top: 0;
  height: 350px;
}

.kv .kv__img.is--active {
  z-index: 10;
}

.kv .kv__controlLeft {
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: -22px;
  cursor: pointer;
}

.kv .kv__controlRight {
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: -22px;
  cursor: pointer;
}

.kv .kv__currentList {
  text-align: center;
  margin-top: 10px;
}

.kv .kv__current {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  content: "";
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: url(../img/ico_circle.png) 0 0 no-repeat;
}

.kv .kv__current.is--active {
  background: url(../img/ico_circle_current.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .kv {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        kvSp
 * ------------------------------------------------- */
.kvSp {
  position: relative;
  display: none;
}

.kvSp .kvSp__imgList {
  position: relative;
}

.kvSp .kvSp__imgList img {
  width: 100%;
  height: auto;
}

.kvSp .kvSp__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}

.kvSp .kvSp__img.is--active {
  position: static;
  display: block;
}

.kvSp .kvSp__controlList img {
  width: 13px;
  height: auto;
}

.kvSp .kvSp__controlLeft {
  position: absolute;
  left: 10px;
  bottom: 0px;
}

.kvSp .kvSp__controlRight {
  position: absolute;
  right: 10px;
  bottom: 0px;
}

.kvSp .kvSp__currentList {
  text-align: center;
  margin-top: 12px;
}

.kvSp .kvSp__current {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  content: "";
  width: 10px;
  height: 10px;
  margin: 5px 5px 0;
  background: url(../img/ico_circle.png) 0 0 no-repeat;
}

.kvSp .kvSp__current.is--active {
  background: url(../img/ico_circle_current.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .kvSp {
    display: block;
  }
}

/* ------------------------------------------------- *
 *        kvJuku
 * ------------------------------------------------- */
.kvJuku {
  overflow: hidden;
  position: relative;
  height: 430px;
}

.kvJuku img.is--pc {
  width: 2000px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1000px;
}

@media (max-width: 767px) {
  .kvJuku {
    height: auto;
  }

  .kvJuku img {
    width: 100%;
    height: auto;
  }

  .kvJuku .is--pc {
    display: none;
  }

  .kvJuku .is--sp {
    display: block;
  }
}

/* ------------------------------------------------- *
 *        kvApplication
 * ------------------------------------------------- */
.kvApplication {
  overflow: hidden;
  position: relative;
  height: 357px;
  background: url("/common/img/kv_unit3.jpg") center center no-repeat;
  background-size: cover;
}

.kvApplication img.is--pc {
  width: 348px;
  position: absolute;
  // left: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  // margin-left: -174px;
}

@media (max-width: 767px) {
  .kvApplication {
    height: auto;
  }

  .kvApplication img {
    width: 100%;
    height: auto;
  }

  .kvApplication .is--pc {
    display: none;
  }

  .kvApplication .is--sp {
    display: block;
  }
}

/* ------------------------------------------------- *
 *        wp-pagenavi
 * ------------------------------------------------- */
.wp-pagenavi {
  border-top: 3px solid #e5e5e5;
  text-align: center;
  padding-top: 40px;
  margin-top: 30px;
}

.wp-pagenavi a {
  text-decoration: none;
}

.wp-pagenavi a:hover {
  background: #eeeeee;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  padding: 10px 13px;
}

.wp-pagenavi .extend {
  display: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  padding: 10px 13px;
}

.wp-pagenavi .page {
  padding: 10px 13px;
  text-decoration: none;
}

.wp-pagenavi .current {
  padding: 10px 13px;
  text-decoration: none;
  background: black;
  color: white;
}

@media (max-width: 767px) {

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        box1
 * ------------------------------------------------- */
.box1 {
  position: relative;
}

.box1 .box1__ttl {
  width: 144px;
  height: 21px;
  margin-left: 45px;
  background: url(../img/ttl_type1_news.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box1 .box1__mask {
  overflow: hidden;
  padding: 20px 0;
  border-top: 3px solid #e5e5e5;
  border-bottom: 3px solid #e5e5e5;
}

.box1 .box1__maskInner {
  position: relative;
}

.box1 .box1__unit {
  position: relative;
  display: block;
  width: 189px;
  float: left;
  height: 90px;
  border-left: 1px solid #cccccc;
  padding: 0px 30px 2px;
  text-decoration: none;
}

.box1 .box1__unit:nth-of-type(4n + 1) {
  width: 188px;
}

.box1 .box1__unit:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box1 .box1__heederCategory {
  width: 90px;
  float: left;
  font-size: 84.6%;
  color: white;
  line-height: 22px;
  text-align: center;
}

.box1 .box1__heederCategory.is--news {
  background: #67412c;
}

.box1 .box1__heederCategory.is--magazine,
.box1 .box1__heederCategory.is--tv {
  background: #535d2d;
}

.box1 .box1__heederCategory.is--internet {
  background: #315767;
}

.box1 .box1__heederCategory.is--presentation,
.box1 .box1__heederCategory.is--books {
  background: #8f0002;
}

.box1 .box1__headerTxt {
  float: left;
  margin-left: 10px;
  line-height: 22px;
}

.box1 .box1__txt {
  margin-top: 10px;
  -ms-word-break: break-all;
  word-break: break-all;
}

.box1 .box1__controlLeft {
  position: absolute;
  left: -10px;
  bottom: 60px;
  margin-top: -15px;
}

.box1 .box1__controlRight {
  position: absolute;
  right: -10px;
  bottom: 55px;
  margin-top: -15px;
}

@media (max-width: 767px) {
  .box1 {
    margin-top: 20px;
  }

  .box1 .box1__ttl {
    width: 100%;
    height: auto;
    margin: 0;
    background: url(../img/ttl_type1_news_sp.png) 20px center no-repeat;
    background-size: 112px auto;
    -webkit-background-size: 112px auto;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box1 .box1__mask {
    padding: 0;
    border-style: none;
  }

  .box1 .box1__maskInner {
    width: 100% !important;
  }

  .box1 .box1__unit {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    border-style: none;
    display: none;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
  }

  .box1 .box1__unit:nth-of-type(4n + 1) {
    width: 100%;
  }

  .box1 .box1__unit:nth-of-type(4),
  .box1 .box1__unit:nth-of-type(3),
  .box1 .box1__unit:nth-of-type(2),
  .box1 .box1__unit:nth-of-type(1) {
    display: block;
  }

  .box1 .box1__unit:before {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 50%;
    background: url(../img/ico_arrow2_right.png) 0 0 no-repeat;
    margin-top: -6px;
    background-size: 7px auto;
    -webkit-background-size: 7px auto;
  }

  .box1 .box1__control {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        box2
 * ------------------------------------------------- */
.box2 {
  // margin-left: -62px;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 62px;
  row-gap: 40px;
}

.box2:after,
.box2:before {
  display: none;
}

.box2 .box2__unit {
  // float: left;
  width: 292px;
  // margin: 40px 0 0 62px;
}

.box2 .box2__img.is--sp {
  display: none;
}

.box2 .box2__img.is--sp img {
  width: 100%;
  height: auto;
}

.box2 .box2__ttl {
  padding: 3px 0 3px 10px;
  border-left: 3px solid #cccccc;
  font-size: 115.4%;
  margin-top: 15px;
}

.box2 .box2__ttl a {
  text-decoration: none;
}

.box2 .box2__txt {
  font-size: 92.3%;
  color: #6e6e6e;
  margin-top: 15px;
  margin: 15px 0 0 13px;
}

.box2 .button7 {
  margin: 15px 0 0 13px;
}

@media (max-width: 767px) {
  .box2 {
    width: 88%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: auto;
    column-gap: 0;
    row-gap: 0;
  }

  .box2 .box2__unit {
    width: 46%;
    margin: 30px 0 0 0;
  }

  .box2 .box2__unit:nth-of-type(2n + 2) {
    // float: right;
  }

  .box2 .box2__img {
    display: none;
  }

  .box2 .box2__img.is--sp {
    display: block;
  }

  .box2 .box2__ttl {
    font-size: 100%;
  }
}

/* ------------------------------------------------- *
 *        box3
 * ------------------------------------------------- */
.box3 {
  margin-left: -32px;
}

.box3 .box3__unit {
  width: 312px;
  float: left;
  display: block;
  margin: 40px 0 0 32px;
  text-decoration: none;
}

.box3 .box3__unit:hover .box3__ttl {
  text-decoration: none;
}

.box3 .box3__img {
  float: left;
  margin-right: 20px;
}

.box3 .box3__body {
  overflow: hidden;
  padding-top: 20px;
}

.box3 .box3__ttl {
  font-size: 107.7%;
  text-decoration: underline;
}

.box3 .box3__txt {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .box3 {
    margin: 30px 0 0 0;
    border-bottom: 1px solid #e5e5e5;
  }

  .box3 .box3__unit {
    position: relative;
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box3 .box3__unit:before {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 15px;
    top: 50%;
    background: url(../img/ico_arrow2_right.png) 0 0 no-repeat;
    margin-top: -6px;
    background-size: 7px auto;
    -webkit-background-size: 7px auto;
  }

  .box3 .box3__img {
    display: none;
  }

  .box3 .box3__body {
    padding: 0;
  }

  .box3 .box3__ttl {
    font-weight: bold;
    text-decoration: none;
  }

  .box3 .box3__txt {
    color: #6e6e6e;
  }
}

/* ------------------------------------------------- *
 *        box4
 * ------------------------------------------------- */
@media (max-width: 767px) {
  .box4 {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        box5
 * ------------------------------------------------- */
.box5 {
  margin-left: -30px;
}

.box5 .box5__unit {
  position: relative;
  width: 409px;
  display: block;
  float: left;
  text-decoration: none;
  border: 3px solid #e5e5e5;
  padding: 20px 45px 20px 25px;
  margin: 30px 0 0 30px;
}

.box5 .box5__unit:hover {
  background: #fafafa;
}

.box5 .box5__img {
  float: left;
  margin-right: 20px;
}

.box5 .box5__body {
  padding-top: 5px;
}

.box5 .box5__ttl {
  font-size: 107.7%;
}

.box5 .box5__txt {
  margin-top: 5px;
  color: #a2a2a2;
}

.box5 .box5__icon {
  content: "";
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow_right.png) 0 0 no-repeat;
  margin-top: -3px;
}

@media (max-width: 767px) {
  .box5 {
    margin: 10px 20px 0;
  }

  .box5 .box5__unit {
    width: 100%;
    float: none;
    margin: 15px 0 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box5 .box5__img img {
    width: 35px;
    height: auto;
  }

  .box5 .box5__body {
    padding: 0;
    overflow: hidden;
  }
}

/* ------------------------------------------------- *
 *        box6
 * ------------------------------------------------- */
.box6 .box6__unit {
  display: table;
  width: 238px;
  border: 1px solid #e5e5e5;
  text-decoration: none;
  margin-bottom: 10px;
}

.box6 .box6__unit:hover {
  background: #fafafa;
}

.box6 .box6__unitInner {
  position: relative;
  padding: 15px;
}

.box6 .box6__img {
  display: table-cell;
  padding-right: 10px;
}

.box6 .box6__body {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.box6 .box6__ttl {
  position: relative;
  font-size: 107.7%;
  padding-right: 15px;
}

.box6 .box6__icon {
  content: "";
  display: block;
  width: 7px;
  height: 5px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow_right.png) 0 0 no-repeat;
  margin-top: -3px;
}

@media (max-width: 767px) {
  .box6 {
    margin: 30px 20px 0;
  }

  .box6 .box6__unit {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}

/* ------------------------------------------------- *
 *        box7
 * ------------------------------------------------- */
.box7 {
  position: relative;
}

.box7 .box7__unit {
  position: relative;
  display: block;
  border-top: 1px dotted #999999;
  padding: 15px 20px 15px;
  text-decoration: none;
}

.box7 .box7__unit:hover {
  background: #fafafa;
}

.box7 .box7__unit:first-child {
  border-top: none;
}

.box7 .box7__heederCategory {
  float: left;
  font-size: 84.6%;
  color: white;
  line-height: 1;
  padding: 5px 10px 4px;
  margin-right: 10px;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}

.box7 .box7__heederCategory.is--news {
  background: #67412c;
}

.box7 .box7__heederCategory.is--magazine,
.box7 .box7__heederCategory.is--tv {
  background: #535d2d;
}

.box7 .box7__heederCategory.is--internet {
  background: #315767;
}

.box7 .box7__heederCategory.is--presentation,
.box7 .box7__heederCategory.is--books {
  background: #8f0002;
}

.box7 .box7__heederCategory.is--democracy {
  background: #535c30;
  color: white;
}

.box7 .box7__heederCategory.is--web {
  background: #8f0003;
  color: white;
}

.box7 .box7__heederCategory.is--pdf {
  border: 1px solid #8f0003;
  color: #8f0003;
}

.box7 .box7__heederCategory.is--interview {
  border: 2px solid #008ac6;
  color: #008ac6;
}

.box7 .box7__heederCategory.is--article {
  border: 2px solid #8aa90d;
  color: #8aa90d;
}

.box7 .box7__heederCategory.is--other {
  border: 2px solid #333333;
  color: #333333;
}

.box7 .box7__heederCategory.is--review {
  border: 2px solid #ff8a00;
  color: #ff8a00;
}

.box7 .box7__heederCategory.is--with-talk {
  border: 2px solid #b6373a;
  color: #b6373a;
}

.box7 .box7__heederCategory.is--guest-article {
  border: 2px solid #662e11;
  color: #662e11;
}

.box7 .box7__headerTxt {
  float: left;
  line-height: 24px;
  font-weight: bold;
}

.box7 .box7__headerTtl {
  font-weight: bold;
}

.box7 .box7__headerTtl:before {
  content: "■";
  margin-right: 3px;
  color: #999999;
}

.box7 .box7__txt {
  margin-top: 10px;
  padding-right: 25px;
  line-height: 1.7;
}

.box7 .box7__icon {
  content: "";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .box7 .box7__unit:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }

  .box7 .box7__headerTxt {
    line-height: 1.5;
    float: none;
    clear: both;
    margin: 0;
    padding: 10px 25px 0 0;
  }

  .box7 .box7__txt {
    margin: 0;
  }
}

/* ------------------------------------------------- *
 *        box8
 * ------------------------------------------------- */
.box8 {
  float: right;
  padding: 20px 20px 0 20px;
}

.box8 .box8__category {
  padding: 5px 10px 4px;
  float: left;
  font-size: 84.6%;
  color: white;
  text-align: center;
  float: left;
  font-size: 84.6%;
  color: white;
  line-height: 1;
  padding: 5px 10px 4px;
  margin-right: 10px;
  text-align: center;
  white-space: nowrap;
}

.box8 .box8__category.is--democracy {
  background: #535c30;
}

.box8 .box8__category.is--web,
.box8 .box8__category.is--pdf {
  background: #8f0003;
  color: white;
}

.box8 .box8__category.is--news {
  background: #67412c;
}

.box8 .box8__category.is--magazine,
.box8 .box8__category.is--tv {
  background: #535d2d;
}

.box8 .box8__category.is--internet {
  background: #315767;
}

.box8 .box8__category.is--presentation,
.box8 .box8__category.is--books {
  background: #8f0002;
}

.box8 .box8__txt {
  float: left;
  margin-left: 10px;
  line-height: 22px;
}

/* ------------------------------------------------- *
 *        box9
 * ------------------------------------------------- */
.box9 {
  clear: both;
}

.box9 p {
  margin: 15px 20px;
  line-height: 1.7;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.box9 h2 {
  padding: 12px 0 12px 15px;
  border: 1px solid #cccccc;
  background: white;
  background: -webkit-linear-gradient(top, #f6f6f6, white);
  background: -moz-linear-gradient(top, #f6f6f6, white);
  background: linear-gradient(to bottom, #f6f6f6, white);
  font-size: 115.4%;
}

.box9 h2:before {
  content: "■";
}

.box9 h3 {
  clear: both;
  margin-top: 40px;
}

.box9 h3:before {
  content: "■";
}

.box9 a {
  text-decoration: none;
  color: #535d2d;
}

.box9 a.is--button {
  position: relative;
  display: inline-block;
  _display: inline;
  _zoom: 1;
  text-decoration: none;
  padding: 10px 20px;
  margin: 20px;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
}

.box9 a.is--blank {
  position: relative;
  display: inline-block;
  _display: inline;
  _zoom: 1;
  text-decoration: none;
  padding: 10px 30px 10px 20px;
  margin: 20px;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
}

.box9 a.is--blank:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  background: url(../img/ico_blank.png) 0 0 no-repeat;
  background-size: auto auto;
  -webkit-background-size: auto auto;
  margin-top: -5px;
}

.box9 a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box9 ul {
  margin: 40px;
}

.box9 ul li {
  margin-top: 10px;
  list-style: disc;
}

.box9 ol {
  margin: 40px;
}

.box9 ol li {
  margin-top: 10px;
  list-style: decimal;
}

.box9 dl {
  border-bottom: 1px dotted #e5e5e5;
  margin: 40px 20px;
}

.box9 dt {
  border-top: 1px dotted #e5e5e5;
  float: left;
  font-weight: bold;
  padding: 15px 10px;
  text-align: center;
  width: 100px;
}

.box9 dd {
  border-top: 1px dotted #e5e5e5;
  margin-left: 110px;
  padding: 15px 10px;
}

.box9 .alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.box9 .alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.box9 .aligncenter {
  display: block;
  margin: 0 auto 20px;
}

@media (max-width: 767px) {
  .box9 {
    margin: -15px 0 0;
  }

  .box9 p {
    margin: 20px 0;
  }

  .box9 a.is--button {
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
  }

  .box9 a.is--blank {
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
  }

  .box9 dt {
    float: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
  }

  .box9 dt:before {
    content: "■";
  }

  .box9 dd {
    overflow: visible;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box9 .alignleft {
    float: none;
    margin: 20px 0 20px 0;
    width: 100%;
    height: auto;
  }

  .box9 .alignright {
    float: none;
    margin: 20px 0 20px 0;
    width: 100%;
    height: auto;
  }

  .box9 .aligncenter {
    margin: 20px 0 20px 0;
    width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------- *
 *        box10
 * ------------------------------------------------- */
.box10 .box10__txt {
  text-align: center;
}


/* ------------------------------------------------- *
 *        box11
 * ------------------------------------------------- */
.box11 {
  margin: 0 20px 0 -29px;
}

.box11 .box11__unit {
  display: inline-block;
  vertical-align: top;
  width: 311px;
  text-decoration: none;
  margin: 20px 0 0 46px;
}

.box11 .box11__img {
  float: left;
  border: 1px solid #cfcfcf;
  margin-right: 15px;
}

.box11 .box11__img img {
  width: 80px;
  height: auto;
}

.box11 .box11__body {
  width: 214px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  padding-bottom: 5px;
}

.box11 .box11__ttl {
  font-weight: bold;
  font-size: 107.7%;
  padding-bottom: 5px;
  border-bottom: 1px dotted #e5e5e5;
}

.box11 .box11__date {
  display: block;
  font-size: 76.9%;
  font-weight: normal;
  color: #999999;
  margin-top: 3px;
}

.box11 .box11__txt {
  margin-top: 8px;
}

.box11 .box11__txt span {
  text-decoration: underline;
  display: block;
  color: #0b618c;
  margin-top: 3px;
}

.box11 .box11__label {
  margin-top: 5px;
  font-size: 84.6%;
}

.box11 .box11__indexList {
  font-size: 84.6%;
  color: #666666;
  margin-top: 8px;
}

.box11 .box11__indexList dt {
  float: left;
  margin-right: 7px;
}

.box11 .box11__indexList dd {
  overflow: hidden;
  margin-top: 3px;
}

.box11 .button7 {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .box11 {
    border-top: 1px dotted #e5e5e5;
    margin: 20px 0px 0;
  }

  .box11 .box11__unit {
    position: relative;
    float: none;
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 20px 40px 20px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px dotted #e5e5e5;
  }

  .box11 .box11__unit:before {
    content: "";
    display: block;
    width: 15px;
    height: 27px;
    position: absolute;
    right: 10px;
    top: 50%;
    background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
    background-size: auto auto;
    -webkit-background-size: auto auto;
    margin-top: -14px;
  }

  .box11 .box11__body {
    padding: 0;
    width: auto;
    border-style: none;
  }

  .box11 .button7 {
    display: none;
  }
}

/* ------------------------------------------------- *
 *        box12
 * ------------------------------------------------- */
.box12 {
  width: 670px;
  margin: 0 auto;
}

.box12 p {
  margin: 15px 0 0 0;
}

.box12 p:first-child {
  margin: 0;
}

.box12 .list3 {
  margin: 0;
}

.box12 .box12__left {
  float: left;
  width: 160px;
  margin-right: 28px;
}

.box12 .box12__left p {
  margin: 0;
}

.box12 .box12__right {
  float: left;
  width: 480px;
}

.box12 .box12__img {
  width: 160px;
  text-align: center;
}

.box12 .box12__img img {
  width: 100%;
  height: auto;
}

.box12 .box12__movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 15px 0 0 0;
}

.box12 .box12__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box12 .box12__detail {
  margin: 15px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
}

.box12 .box12__detail dt {
  float: left;
  border-top: 1px solid #cccccc;
  padding: 5px 10px;
  margin-right: 5px;
  background: #f7f7f7;
}

.box12 .box12__detail dd {
  border-top: 1px solid #cccccc;
  padding: 5px;
}

.box12 .box12__label {
  text-align: center;
  margin-top: 10px;
}

.box12 .box12__ttl {
  font-size: 115.4%;
  font-weight: bold;
  margin-bottom: 15px;
}

.box12 .box12__ttl.is--icoNone:before {
  display: none;
}

.box12 .box12__ttl:before {
  content: "■";
}

.box12 .box12__txt {
  line-height: 1.6;
}

.box12 .box12__txt p {
  margin-bottom: 15px;
}

.box12 .box12__txtBox {
  padding: 20px 30px;
  background: #f7f7f7;
}

.box12 .box12__txtBoxTtl {
  font-weight: bold;
  margin-bottom: 10px;
}

.box12 .box12__txtBoxTtl:before {
  content: "■";
}

.box12 .box12__txtBoxTxt {
  line-height: 1.7;
  margin-top: 15px;
}

.box12 .box12__txtBoxTxt iframe {
  margin-top: 20px;
}

.box12 .button1 {
  margin-top: 15px;
}

.box12 .button7__label {
  float: right;
}

.box12 .form2 {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .box12 {
    width: auto;
    margin: 0;
  }

  .box12 .box12__left {
    float: none;
    width: 100%;
    margin: 0;
  }

  .box12 .box12__right {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  .box12 .box12__img {
    width: auto;
    text-align: center;
  }

  .box12 .box12__img img {
    width: 60%;
    height: auto;
  }

  .box12 .button1 {
    margin: 20px auto 0;
  }

  .box12 .form2 {
    margin-top: 20px;
  }
}

/* ------------------------------------------------- *
 *        box13
 * ------------------------------------------------- */
.box13 {
  border-bottom: 1px dotted #cccccc;
}

.box13 .box13__ttl {
  padding: 20px;
  border-top: 1px dotted #cccccc;
  font-weight: bold;
}

.box13 .box13__txt {
  padding: 0 20px 20px 20px;
}

@media (max-width: 767px) {
  .box13 .box13__ttl {
    padding: 20px 10px;
  }

  .box13 .box13__txt {
    padding: 0 10px 20px 10px;
  }
}

/* ------------------------------------------------- *
 *        box14
 * ------------------------------------------------- */
.box14 {
  position: relative;
  border: 1px solid #cccccc;
  padding-bottom: 20px;
}

.box14 .box14__ttl {
  font-weight: bold;
  padding: 15px;
  border-bottom: 1px solid #cccccc;
}

.box14 .box14__txt {
  margin: 20px 25px 0;
}

.box14 .box14__linkList {
  padding: 30px 30px 0 0;
}

.box14 .box14__linkList .box14__link {
  margin: 10px 0 0 40px;
  list-style: disc;
}

.box14 .box14__linkList .box14__link:first-child {
  margin-top: 0;
}

.box14 .box14__label:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box14 .box14__btnList {
  position: absolute;
  right: 10px;
  top: 10px;
}

.box14 .box14__btnList .button1 {
  display: inline-block;
  margin-left: 10px;
}

.box14 .box14__btnList .button1:first-child {
  margin-left: 0;
}

.box14 .box14__btnShare {
  position: absolute;
  right: 20px;
  top: 14px;
}

.box14 .box14__btnShare .box14__btnShare__tweet {
  float: left;
  height: 20px;
  overflow: hidden;
}

.box14 .box14__btnShare .box14__btnShare__facebook {
  float: left;
  height: 20px;
  margin-left: 10px;
  overflow: hidden;
}

.box14 .box14__btnShare .box14__btnShare__facebook .fb-send {
  float: left;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .box14 .box14__btnList {
    position: static;
    margin: 20px 20px 0;
  }

  .box14 .box14__btnList .button1 {
    display: block;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box14 .box14__btnList .button1:first-child {
    float: left;
    width: 48%;
  }

  .box14 .box14__btnList .button1:last-child {
    float: right;
    width: 48%;
  }

  .box14 .box14__btnShare {
    position: static;
    margin: 20px 20px 0;
  }
}

/* ------------------------------------------------- *
 *        box15
 * ------------------------------------------------- */
.box15 {
  text-align: center;
}

@media (max-width: 767px) {
  .box15 img {
    width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------- *
 *        box16
 * ------------------------------------------------- */
.box16 .box16__left {
  float: left;
  margin-left: -5px;
}

.box16 .box16__right {
  position: relative;
  float: right;
  margin-right: -5px;
}

.box16 .box16__body {
  overflow: hidden;
}

.box16 .box16__txt {
  line-height: 2;
  padding: 20px;
}

.box16 .box16__img {
  float: right;
  margin: 20px 20px 0 0;
}

.box16 .box16__btnEntry {
  position: absolute;
  right: 25px;
  top: 20px;
}

.box16 .box16__btnEntry a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box16 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .box16 .box16__left {
    float: none;
    margin-left: 0;
  }

  .box16 .box16__right {
    float: none;
    margin-top: 20px;
    margin-right: 0;
  }

  .box16 .box16__btnEntry {
    position: static;
    text-align: center;
  }
}

/* ------------------------------------------------- *
 *        box17
 * ------------------------------------------------- */
.box17 .box17__movie {
  float: right;
  margin: 30px 0 0 30px;
}

.box17 .box17__body {
  margin-top: 30px;
}

.box17 .box17__txt {
  line-height: 1.7;
}

@media (max-width: 767px) {
  .box17 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .box17 .box17__movie {
    float: none;
    text-align: center;
    margin: 30px 0 0 0;
  }

  .box17 .box17__movie iframe {
    width: 100%;
  }
}

/* ------------------------------------------------- *
 *        box18
 * ------------------------------------------------- */
.box18 {
  position: relative;
}

.box18 .box18__left {
  width: 560px;
  float: left;
  margin-right: 60px;
}

.box18 .box18__right {
  float: left;
  width: 360px;
  padding-bottom: 80px;
}

.box18 .list2 {
  margin-top: 30px;
}

.box18 .button6 {
  position: absolute;
  left: 620px;
  bottom: 0;
}

@media (max-width: 767px) {
  .box18 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .box18 .box18__left {
    width: 100%;
    float: none;
    margin: 0;
  }

  .box18 .box18__right {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 40px;
  }

  .box18 .button6 {
    position: static;
    margin-top: 30px;
  }
}

/* ------------------------------------------------- *
 *        box19
 * ------------------------------------------------- */
.box19 .box19__body {
  float: left;
}

.box19 .box19__name {
  width: 430px;
  height: 18px;
  background: url(../img/box19_txt.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box19 .box19__txtList {
  margin-top: 10px;
}

.box19 .box19__txtListTtl {
  float: left;
  margin: 15px 10px 0 0;
}

.box19 .box19__txtEmail {
  margin-top: 15px;
  width: 252px;
  height: 22px;
  background: url(../img/box19_txt2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box19 .box19__txtTel {
  margin-top: 15px;
  width: 300px;
  height: 22px;
  background: url(../img/box19_txt3.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box19 .box19__btnEntry {
  float: right;
  margin-top: 10px;
}

.box19 .box19__btnEntry:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box19 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .box19 .box19__body {
    float: none;
  }

  .box19 .box19__name {
    width: 100%;
    height: auto;
    background: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box19 .box19__txtListTtl {
    float: none;
    margin: 10px 0 0 0;
  }

  .box19 .box19__txtEmail {
    width: 100%;
    height: auto;
    background: none;
    margin-top: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box19 .box19__txtTel {
    width: 100%;
    height: auto;
    background: none;
    margin-top: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box19 .box19__btnEntry {
    float: none;
    margin-top: 20px;
  }

  .box19 .box19__btnEntry img {
    width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------- *
 *        box20
 * ------------------------------------------------- */
.box20 {
  margin-left: 9px;
  display: flex;
  flex-wrap: wrap;
}

.box20__unit {
  position: relative;
  max-width: 214px;
  min-width: 214px;
  display: flex;
  align-items: center;
  border: 1px solid #dddddd;
  text-decoration: none;
  margin: 11px 0 0 11px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  background: white;
  background: -webkit-linear-gradient(top, white, #f7f7f7);
  background: -moz-linear-gradient(top, white, #f7f7f7);
  background: linear-gradient(to bottom, white, #f7f7f7);
}

.box20__unit:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box20__unitInner {
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
}

.box20__img {
  width: 32px;
  height: 45px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-right: 12px;
  margin-right: 8px;
  border-right: 1px solid #e5e5e5;
}

.box20__img img {
  width: 100%;
  height: auto;
}

.box20__txt {
  font-size: 92.3%;
  width: 120px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.box20__iconArrow {
  content: "";
  display: block;
  width: 8px;
  height: 23px;
  position: absolute;
  right: 0;
  top: 50%;
  background: url(../img/ico_arrow9_right.png) 0 0 no-repeat;
  margin-top: -11px;
}

@media (max-width: 767px) {
  .box20 {
    margin-left: 0;
  }

  .box20__unit {
    display: block;
    min-width: 100%;
    max-width: 100%;
    text-decoration: none;
    width: 100%;
    margin: 0 0 -1px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box20__img {
    width: 10%;
    height: auto;
  }

  .box20__txt {
    width: 79%;
    font-size: 107.7%;
  }
}

/* ------------------------------------------------- *
 *        box21
 * ------------------------------------------------- */
.box21 {
  position: relative;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.box21 .box21__unit {
  position: relative;
  display: block;
  border-top: 1px dotted #e5e5e5;
  padding: 20px;
  text-decoration: none;
}

.box21 .box21__unit:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box21 .box21__unit:first-child {
  border-top: none;
}

.box21 .box21__txt {
  padding-right: 25px;
}

.box21 .box21__icon {
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
  margin-top: -7px;
  background-size: 7px auto;
  -webkit-background-size: 7px auto;
}

@media (max-width: 767px) {
  .box21 .box21__unit:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }

  .box21 .box21__date {
    display: block;
    margin-bottom: 5px;
  }
}

/* ------------------------------------------------- *
 *        box22
 * ------------------------------------------------- */
.box22 {
  position: relative;
}

.box22 .box22__unit {
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  padding: 15px 50px 15px 20px;
  margin: 10px 0 -1px 0;
  text-decoration: none;
}

.box22 .box22__unit:hover {
  background: #fafafa;
}

.box22 .box22__headerTxt {
  float: left;
  line-height: 24px;
}

.box22 .box22__headerTtl {
  position: relative;
  font-weight: bold;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #cccccc;
}

.box22 .box22__headerTtl span {
  padding-left: 10px;
  color: #999999;
  font-weight: normal;
}

.box22 .box22__headerTtl.is--color1 span.box22__headerTtlInnere {
  display: block;
  color: #222222;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  border-left: 4px solid #8f0003;
}

.box22 .box22__headerTtl.is--color2 span.box22__headerTtlInnere {
  display: block;
  color: #222222;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  border-left: 4px solid #0075a9;
}

.box22 .box22__headerTtl.is--color3 span.box22__headerTtlInnere {
  display: block;
  color: #222222;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  border-left: 4px solid #faa500;
}

.box22 .box22__headerTtl.is--color4 span.box22__headerTtlInnere {
  display: block;
  color: #222222;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  border-left: 4px solid #728c0b;
}

.box22 .box22__headerTtl.is--color5 span.box22__headerTtlInnere {
  display: block;
  color: #222222;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  border-left: 4px solid #7a288f;
}

.box22 .box22__txt {
  margin-top: 10px;
  color: #666666;
  line-height: 1.5;
}

.box22 .box22__icon {
  content: "";
  display: block;
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .box22 .box22__unit {
    margin-top: 0;
  }

  .box22 .box22__unit:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }
}

/* ------------------------------------------------- *
 *        box22--type1
 * ------------------------------------------------- */
.box22--type1 {
  position: relative;
  margin: 0 20px;
}

.box22--type1 .box22--type1__unit {
  position: relative;
  border: 1px solid #dddddd;
  padding: 15px 20px;
  margin: 10px 0 0 0;
  text-decoration: none;
}

.box22--type1 .box22--type1__headerTtl {
  position: relative;
  font-weight: bold;
  padding: 0 0 10px 20px;
  border-bottom: 1px dotted #cccccc;
}

.box22--type1 .box22--type1__headerTtl:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "■";
  margin-right: 3px;
}

.box22--type1 .box22--type1__txt {
  margin-top: 10px;
  color: #333333;
  line-height: 1.5;
}

.box22--type1 .box22--type1__txt p {
  margin-top: 1em;
}

@media (max-width: 767px) {
  .box22--type1 {
    margin: 0;
  }

  .box22--type1 .box22--type1__unit {
    margin: 0 0 -1px 0;
  }
}

/* ------------------------------------------------- *
 *        box23
 * ------------------------------------------------- */
.box23 {
  width: 680px;
  border-top: 1px solid #cccccc;
  margin: 0 auto;
}

.box23 .box23__unit {
  overflow: hidden;
  display: block;
  border: 1px solid #cccccc;
  border-top: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  background: -webkit-linear-gradient(top, #f7f7f7, white);
  background: -moz-linear-gradient(top, #f7f7f7, white);
  background: linear-gradient(to bottom, #f7f7f7, white);
}

.box23 .box23__unit:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box23 .box23__unitInner {
  position: relative;
  padding: 10px 20px;
  border: 2px solid white;
}

.box23 .box23__header {
  padding: 10px 15px;
  border-bottom: 1px dotted #dddddd;
}

.box23 .box23__date {
  position: absolute;
  right: 20px;
  top: 13px;
}

.box23 .box23__number {
  float: left;
  background: #5e7309;
  color: white;
  padding: 0 10px;
  line-height: 25px;
  margin-right: 30px;
}

.box23 .box23__title {
  overflow: hidden;
  font-size: 123.1%;
  padding-right: 140px;
}

@media (max-width: 767px) {
  .box23 {
    width: auto;
    margin: 0;
  }

  .box23 .box23__unit {
    width: auto;
    float: none;
    margin: 0;
  }

  .box23 .box23__unit:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
    opacity: 0.7;
    zoom: 1;
  }

  .box23 .box23__unitInner {
    padding-left: 10px;
  }

  .box23 .box23__date {
    position: static;
  }

  .box23 .box23__title {
    clear: both;
    padding: 10px 10px 10px 0;
  }
}

/* ------------------------------------------------- *
 *        box24
 * ------------------------------------------------- */
.box24 {
  width: 680px;
  margin: 0 auto;
}

.box24 .button10__label {
  margin: 0 auto;
  float: none;
}

.box24 .box24__entry {
  padding: 20px;
  background: #f1f2eb;
}

.box24 .box24__entryBody {
  border: 1px solid #cccccc;
  background: white;
  padding: 15px;
}

.box24 .box24__title {
  padding: 11px;
  font-size: 115.4%;
  font-weight: bold;
  background: #f7f7f7;
  border: 2px solid white;
  text-align: center;
}

.box24 .box24__text {
  text-align: center;
  margin-bottom: 10px;
}

.box24 .box24__utility {
  text-align: right;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .box24 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
  }

  .box24 .box24__entry {
    width: auto;
    float: none;
    border: 1px solid #cccccc;
  }

  .box24 .box24__edit {
    width: auto;
    float: none;
    margin-top: 10px;
  }

  .box24 .box24__editBody .button8 {
    float: none;
  }

  .box24 .box24__editBody .button9 {
    float: none;
    margin-top: 10px;
  }
}

/* ------------------------------------------------- *
 *        box24--type1
 * ------------------------------------------------- */
.box24--type1 {
  width: 630px;
  background: #f1f2eb;
  padding: 20px;
  margin: 0 auto;
}

.box24--type1 .box24--type1__body {
  background: #f7f7f7;
}

.box24--type1 .box24--type1__entry {
  position: relative;
  width: 314px;
  float: left;
  border: 1px solid #cccccc;
  border-right: none;
  background: white;
}

.box24--type1 .box24--type1__friend {
  width: 313px;
  float: left;
  border: 1px solid #cccccc;
  background: white;
}

.box24--type1 .box24--type1__msg {
  clear: both;
  border: 1px solid #cccccc;
  background: white;
  margin-top: 10px;
}

.box24--type1 .box24--type1__entryBody {
  border-top: 1px solid #cccccc;
  padding: 15px;
}

.box24--type1 .box24--type1__entryBody .button8 {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.box24--type1 .box24--type1__friendBody {
  border-top: 1px solid #cccccc;
  padding: 15px;
  text-align: center;
}

.box24--type1 .box24--type1__friendBody .box24--type1__btnShare__tweet {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  height: 20px;
}

.box24--type1 .box24--type1__friendBody .box24--type1__btnShare__facebook {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  height: 20px;
}

.box24--type1 .box24--type1__friendBody .box24--type1__btnShare__mail {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-left: 8px;
}

.box24--type1 .box24--type1__msgBody {
  border-top: 1px solid #cccccc;
  padding: 15px;
}

.box24--type1 .box24--type1__msgBody .button8 .button8__label {
  float: none;
  margin: 0 auto;
}

.box24--type1 .box24--type1__msgBody .button10 .button10__label {
  float: none;
  margin: 0 auto;
}

.box24--type1 .box24--type1__title {
  padding: 11px;
  font-size: 115.4%;
  font-weight: bold;
  background: #f7f7f7;
  border: 2px solid white;
  text-align: center;
}

.box24--type1 .box24--type1__text {
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .box24--type1 {
    width: auto;
    margin: 0;
  }

  .box24--type1 .box24--type1__entry {
    border: 1px solid #cccccc;
    width: auto;
    float: none;
  }

  .box24--type1 .box24--type1__friend {
    width: auto;
    float: none;
    margin-top: 10px;
  }

  .box24--type1 .box24--type1__entryBody .button8 {
    position: static;
  }

  .box24--type1 .box24--type1__friendBody .box24--type1__btnShare__mail {
    display: block;
    margin: 10px 0 0 0;
  }
}

/* ------------------------------------------------- *
 *        box25
 * ------------------------------------------------- */
.box25 {
  text-align: center;
}

@media (max-width: 767px) {
  .box25 iframe {
    width: 100%;
  }
}

/* ------------------------------------------------- *
 *        box26
 * ------------------------------------------------- */
.box26 {
  margin: 0 20px;
}

.box26__table {
  border-bottom: 1px dotted #cccccc;
}

.box26__table td {
  border-top: 1px dotted #cccccc;
}

.box26__odd td {
  background: #fafafa;
}

.box26__date {
  white-space: nowrap;
  color: #666666;
  padding: 10px 15px 10px 10px;
}

.box26__num {
  white-space: nowrap;
  padding-right: 15px;
  padding: 10px 15px 10px 0;
}

.box26__ttl {
  width: 100%;
  padding: 10px 15px 10px 0;
}

@media (max-width: 767px) {
  .box26 {
    margin: 0;
  }
}

/* ------------------------------------------------- *
 *        box27
 * ------------------------------------------------- */
.box27 {
  width: 670px;
  height: 333px;
  margin: 0 auto;
  color: #333333;
  background: #efefef;
}

.box27 .box27__body {
  width: 446px;
  float: left;
}

.box27 .box27__img {
  width: 224px;
  float: right;
}

.box27 .box27__header {
  padding: 30px;
  background: #f7f7f7;
}

.box27 .box27__detail {
  padding: 30px;
}

.box27 .box27__name {
  font-size: 107.7%;
}

.box27 .box27__txt {
  margin-top: 15px;
}

.box27 .box27__list {
  margin-top: 15px;
}

.box27 .box27__list li {
  font-size: 84.6%;
  line-height: 1.2;
  list-style-type: disc;
  margin-left: 18px;
}

@media (max-width: 767px) {
  .box27 {
    width: 100%;
    height: auto;
    background: none;
    margin: 0;
  }

  .box27 .box27__body {
    float: none;
    width: 100%;
  }

  .box27 .box27__img {
    float: none;
    width: 100%;
    text-align: center;
  }

  .box27 .box27__header {
    margin-top: 20px;
    text-align: center;
  }

  .box27 .box27__detail {
    background: #efefef;
  }

  .box27 .box27__ttl img {
    width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------- *
 *        box28
 * ------------------------------------------------- */
.box28 {
  background: #f2f2f2;
  padding: 30px 0;
  margin-top: -10px;
}

.box28 .box28__inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 20px 0;
  border: 1px solid white;
  border-top: 5px solid #081b3b;
  background: white;
  background: -webkit-linear-gradient(top, white, rgba(204, 204, 204, 0.3));
  background: linear-gradient(to bottom, white, rgba(204, 204, 204, 0.3));
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box28 .box28__header {
  margin: 10px 20px 0;
}

.box28 .box28__ttl {
  width: 960px;
  height: 41px;
  background: url(../img/ttl_type4_news.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box28 .box28__btnMore a {
  width: 130px;
  height: 37px;
  display: block;
  content: "";
  position: absolute;
  right: 25px;
  top: 13px;
  background: url(../img/btn_type12_more.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box28 .box28__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box28 .box28__body {
  margin: 20px 30px 0;
}

.box28 .box28__body li {
  overflow: hidden;
  margin-top: 14px;
}

.box28 .box28__date {
  display: block;
  float: left;
  width: 130px;
  margin-right: 15px;
}

.box28 .box28__entryTtl {
  display: block;
  overflow: hidden;
}

.box28 .box28__entryTtl a {
  color: #0076a7;
}

.box28 .box28__entryTtl a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .box28 {
    padding: 0;
    margin: 20px 0 0 0;
    background: none;
  }

  .box28 .box28__inner {
    width: auto;
    height: auto;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .box28 .box28__header {
    margin: 0;
  }

  .box28 .box28__ttl {
    border-bottom: 1px dotted #cccccc;
    padding: 0 0 10px 14px;
    font-size: 123.1%;
    font-weight: bold;
    width: auto;
    height: auto;
    background: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box28 .box28__btnMore a {
    width: auto;
    height: auto;
    position: static;
    background: #081b3b;
    color: white;
    text-align: center;
    padding: 15px 0;
    margin: 15px 15px 0;
    text-decoration: none;
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box28 .box28__body {
    margin: 15px;
  }

  .box28 .box28__date {
    float: none;
  }

  .box28 .box28__entryTtl {
    display: block;
    margin-top: 5px;
  }
}

/* ------------------------------------------------- *
 *        box29
 * ------------------------------------------------- */
.box29 {
  position: relative;
  z-index: 1;
  width: 1000px;
  background: white;
  padding-bottom: 20px;
  margin: 30px auto 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box29.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box29 .box29__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_about.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box29 .box29__txt {
  margin: 20px 35px;
  line-height: 1.8;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box29 .box30__icoArrowBtm {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 66px;
  height: 25px;
  margin-left: -33px;
  z-index: 2;
  background: url(../img/ico_arrow12_btm.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .box29 {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
    width: auto;
  }

  .box29 .box29__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box29 .box29__txt {
    margin: 15px;
    width: auto;
    height: auto;
    background: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }
}

/* ------------------------------------------------- *
 *        box30
 * ------------------------------------------------- */
.box30 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 20px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box20.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box30 .box30__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_msg.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box30 .box30__txt {
  width: 920px;
  height: 1472px;
  /*background: url(../img/box30_txt.png) 0 0 no-repeat;*/
  margin: 20px 35px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box30 .box30__txt p {
  background-color: #ebebeb;
}

.box30 .box30__img {
  position: absolute;
  right: 80px;
  top: 40px;
}

@media (max-width: 767px) {
  .box30 {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: auto;
  }

  .box30 .box30__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-top: 4px solid #071835;
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box30 .box30__txt {
    margin: 15px;
    width: auto;
    height: auto;
    background: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box30 .box30__txt p {
    background-color: #fff;
    display: block;
    margin-top: 1em;
  }

  .box30 .box30__txt strong {
    font-size: 123.1%;
    font-weight: bold;
    color: #5e7309;
  }

  .box30 .box30__txt span {
    color: #5e7309;
  }

  .box30 .box30__img {
    position: static;
    width: 60%;
    margin: 20px auto 0;
  }

  .box30 .box30__img img {
    width: 100%;
    height: auto;
  }
}

/* ------------------------------------------------- *
 *        box31
 * ------------------------------------------------- */
.box31 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 60px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box31 .box31__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_guide.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__txt {
  margin: 20px 35px;
  line-height: 1.8;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box31 .box31__txt p {
  display: none;
}

.box31 .box31__feature {
  width: 914px;
  margin: 30px auto 0;
  overflow: hidden;
  background: url(../img/bg_frame5.png) 0 88px no-repeat;
}

.box31 .box31__feature__unit {
  float: left;
}

.box31 .box31__feature__unit.is--1 {
  width: 304px;
}

.box31 .box31__feature__unit.is--1 .box31__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_manabi.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--1 .box31__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #edbc97;
  padding: 0 0 0 10px;
}

.box31 .box31__feature__unit.is--1 .box31__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--1 .box31__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__unit.is--1 .box31__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box31 .box31__feature__unit.is--2 {
  width: 304px;
}

.box31 .box31__feature__unit.is--2 .box31__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_voice.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--2 .box31__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #b2c29b;
  padding: 0 0 0 10px;
}

.box31 .box31__feature__unit.is--2 .box31__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more_2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--2 .box31__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__unit.is--2 .box31__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box31 .box31__feature__unit.is--3 {
  width: 306px;
}

.box31 .box31__feature__unit.is--3 .box31__feature__ttl {
  width: 306px;
  height: 88px;
  background: url(../img/ttl_type6_lesson.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--3 .box31__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #77a7c7;
  padding: 0 0 0 10px;
}

.box31 .box31__feature__unit.is--3 .box31__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more_3.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--3 .box31__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__unit.is--3 .box31__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box31 .box31__feature__unit.is--4 {
  width: 304px;
}

.box31 .box31__feature__unit.is--4 .box31__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_manabi.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--4 .box31__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #edbc97;
  padding: 0 0 0 10px;
}

.box31 .box31__feature__unit.is--4 .box31__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--4 .box31__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__unit.is--4 .box31__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box31 .box31__feature__unit.is--5 {
  width: 304px;
}

.box31 .box31__feature__unit.is--5 .box31__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_voice.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--5 .box31__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #b2c29b;
  padding: 0 0 0 10px;
}

.box31 .box31__feature__unit.is--5 .box31__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more_2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__feature__unit.is--5 .box31__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__unit.is--5 .box31__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box31 .box31__feature__txt {
  font-size: 107.7%;
  line-height: 1.3;
  margin-top: 15px;
}

.box31 .box31__txt2 {
  margin: 0 auto;
  width: 860px;
  line-height: 1.8;
  background: #f5f5f5;
  padding: 30px;
  margin-top: 20px;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box31 .box31__notes {
  width: 920px;
  margin: 15px auto 0;
  font-size: 84.6%;
}

.box31 .box31__notes li {
  margin-top: 5px;
}

.box31 .box31__btnEntry {
  margin-top: 45px;
}

.box31 .box31__btnEntry a {
  display: block;
  width: 344px;
  height: 71px;
  margin: 0 auto;
  background: url(../img/btn_type11_entry_4.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box31 .box31__btnEntry a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box31 .box31__feature__btnMore {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -124px;
}

.box31.is--nav {
  padding-bottom: 30px;
  margin-top: 40px;
}

.box31.is--nav .box31__ttl {
  background: url(../img/ttl_type5_guide_2.png) 0 0 no-repeat;
}

.box31.is--nav .box31__feature__unit {
  float: left;
}

@media (max-width: 767px) {
  .box31 {
    width: auto;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .box31 .box31__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    border-top: 4px solid #071835;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__txt {
    width: auto;
    height: auto;
    background: none;
    margin: 15px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature {
    width: auto;
    margin: 0 15px;
    background: none;
    border: 1px solid #ccc;
  }

  .box31 .box31__feature__unit {
    float: none;
    border-bottom: none;
  }

  .box31 .box31__feature__unit.is--1 {
    width: auto;
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #edbc97;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "1";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__btnMore a {
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31 .box31__feature__unit.is--1 .box31__feature__body {
    padding: 15px;
  }

  .box31 .box31__feature__unit.is--2 {
    width: auto;
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #b2c29b;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "2";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31 .box31__feature__unit.is--2 .box31__feature__body {
    padding: 15px;
  }

  .box31 .box31__feature__unit.is--3 {
    width: 100%;
    border-bottom: 1px solid #cccccc;
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #77a7c7;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "3";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #577f8f, #2d4259);
    background: linear-gradient(to bottom, #577f8f, #2d4259);
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #577f8f, #2d4259);
    background: linear-gradient(to bottom, #577f8f, #2d4259);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31 .box31__feature__unit.is--3 .box31__feature__body {
    padding: 15px;
  }

  .box31 .box31__feature__unit.is--4 {
    width: 100%;
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #edbc97;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "1";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__btnMore a {
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31 .box31__feature__unit.is--4 .box31__feature__body {
    padding: 15px;
  }

  .box31 .box31__feature__unit.is--5 {
    width: 100%;
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #b2c29b;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "2";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31 .box31__feature__unit.is--5 .box31__feature__body {
    padding: 15px;
  }

  .box31 .box31__feature__txt {
    font-size: 100%;
  }

  .box31 .box31__txt2 {
    width: auto;
    height: auto;
    background: whitesmoke;
    margin: 15px;
    padding: 15px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__notes {
    width: auto;
    margin: 15px;
  }

  .box31 .box31__btnEntry {
    margin-top: 25px;
  }

  .box31 .box31__btnEntry a {
    text-align: center;
    padding: 15px;
    margin: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #f9c700, #f08a00);
    background: linear-gradient(to bottom, #f9c700, #f08a00);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #e19500;
    font-size: 138.5%;
    font-weight: bold;
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31 .box31__feature__btnMore {
    position: static;
    margin: 0;
  }

  .box31.is--nav {
    margin-top: 20px;
  }

  .box31.is--nav .box31__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31.is--nav .box31__feature__unit.is--1 .box31__feature__btnMore a {
    position: relative;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31.is--nav .box31__feature__unit.is--1 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31.is--nav .box31__feature__unit.is--1 .box31__feature__body {
    padding-bottom: 20px;
  }

  .box31.is--nav .box31__feature__unit.is--2 .box31__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31.is--nav .box31__feature__unit.is--2 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31.is--nav .box31__feature__unit.is--2 .box31__feature__body {
    padding-bottom: 20px;
  }

  .box31.is--nav .box31__feature__unit.is--3 .box31__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #577f8f, #2d4259);
    background: linear-gradient(to bottom, #577f8f, #2d4259);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box31.is--nav .box31__feature__unit.is--3 .box31__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box31.is--nav .box31__feature__unit.is--3 .box31__feature__body {
    padding-bottom: 20px;
  }

  .box31.is--nav .box31__feature__btnMore {
    position: static;
    margin: 0;
  }
}

/* ------------------------------------------------- *
 *        box32
 * ------------------------------------------------- */
.box32 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 40px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box32.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box32 .box32__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_voice.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box32 .box32__voiceList__unit {
  margin: 10px 40px 0;
  padding: 0 35px 35px;
  background: whitesmoke;
  border-top: 2px solid #c4c4c4;
}

.box32 .box32__voiceList__unit:first-child {
  margin-top: 30px;
}

.box32 .box32__voiceList__unit__name {
  font-size: 123.1%;
  padding: 20px 0;
  border-bottom: 1px dashed #b3b3b3;
}

.box32 .box32__voiceList__unit__txt p {
  margin: 20px 0 0;
  font-size: 92.3%;
}

@media (max-width: 767px) {
  .box32 {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-bottom: 15px;
    width: auto;
  }

  .box32 .box32__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-top: 4px solid #071835;
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box32 .box32__voiceList__unit {
    margin: 10px 15px 0;
    padding: 0 15px 15px;
  }

  .box32 .box32__voiceList__unit:first-child {
    margin-top: 15px;
  }

  .box32 .box32__voiceList__unit__name {
    font-size: 107.7%;
    padding: 15px 0;
  }

  .box32 .box32__voiceList__unit__txt p {
    margin-top: 10px;
  }
}

/* ------------------------------------------------- *
 *        box33
 * ------------------------------------------------- */
.box33 {
  width: 1010px;
  margin: 40px auto 0;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box33 .box33__ttl span {
  display: block;
  width: 1010px;
  height: 71px;
  background: url(../img/ttl_type7_contact.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box33 .box33__body {
  position: relative;
  padding: 30px 45px;
  height: 112px;
  background: url(../img/bg_pattern3_btm.png) 0 bottom no-repeat;
}

.box33 .box33__button1 {
  margin: 15px 0 0 0;
}

.box33 .box33__button1 a {
  display: block;
  background: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  padding: 10px 50px;
  font-size: 16px;
  font-weight: bold;
  top: 0;
  left: 0;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 3px 3px 0px rgba(255, 255, 255, 0.3);
  position: relative;
}

.box33 .box33__button1 a:hover {
  top: 2px;
  left: 2px;
  box-shadow: none;
}

.box33 .box33__companyName {
  font-size: 26px;
  color: #fff;
}

.box33 .box33__companyName span {
  font-size: 18px;
  display: block;
  text-indent: -10px;
}

.box33 .box33__mail a {
  display: block;
  margin-top: 20px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.1em;
}

.box33__tel span,
.box33 .box33__mail span {
  width: 75px;
  display: inline-block;
  background: #263759;
  padding: 5px 10px;
  margin-right: 20px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.box33 .box33__tel {
  margin-top: 10px;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
}

.box33 .box33__btnEntry a {
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -36px;
  width: 404px;
  height: 73px;
  display: block;
  background: url(../img/btn_type11_entry_3.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box33 .box33__btnEntry a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box33.is--type1 .box33__body {
  overflow: hidden;
  position: relative;
  height: auto;
  padding: 30px 30px 45px;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}

.box33.is--type1 .box33__companyName {
  float: left;
  margin-right: 65px;
}

.box33.is--type1 .box33__mail a {
  margin: 0;
}

.box33.is--type1 .box33__tel {
  margin: 10px 0 0 0;
}

@media (max-width: 767px) {
  .box33 {
    width: auto;
    color: white;
    background: -webkit-linear-gradient(top, #0b2552, #091f44);
    background: linear-gradient(to bottom, #0b2552, #091f44);
  }

  .box33 .box33__ttl span {
    width: auto;
    height: auto;
    background: none;
    text-align: center;
    font-weight: bold;
    padding: 15px;
    font-size: 107.7%;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid black;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box33 .box33__body {
    border-top: 1px solid #3b5071;
    background: none;
    height: auto;
    padding: 15px;
  }

  .box33 .box33__companyName {
    font-size: 14px;
  }

  .box33 .box33__companyName span {
    font-size: 14px;
    display: inline-block;
    margin-left: 15px;
  }

  .box33 .box33__mail a {
    width: auto;
    height: auto;
    background: none;
    margin: 3px 0 0 0;
    color: white;
    text-decoration: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    font-size: 14px;
  }

  .box33 .box33__tel span,
  .box33 .box33__mail span {
    background: none;
    font-size: 12px;
    width: auto;
    text-align: left;
    margin-right: 0;
    padding: 0;
  }

  .box33 .box33__tel {
    width: auto;
    height: auto;
    background: none;
    margin: 3px 0 0 0;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    font-size: 14px;
  }

  .box33 .box33__btnEntry a {
    position: static;
    margin: 15px 0 0 0;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #f9c700, #f08a00);
    background: linear-gradient(to bottom, #f9c700, #f08a00);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #e19500;
    font-size: 138.5%;
    font-weight: bold;
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box33.is--type1 .box33__body {
    padding: 15px 15px 30px;
    display: block;
  }

  .box33.is--type1 .box33__companyName {
    width: auto;
    height: auto;
    float: none;
    background: none;
    margin: 0;
  }

  .box33.is--type1 .box33__mail {
    margin: 3px 0 0 0;
  }

  .box33.is--type1 .box33__tel {
    margin: 15px 0 0 0;
  }
}

/* ------------------------------------------------- *
 *        box34
 * ------------------------------------------------- */
.box34 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 40px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box34.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box34 .box34__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_communication.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box34 .box34__ttl.is--type1 {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_manabi.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box34 .box34__lead {
  width: 998px;
  height: 194px;
  margin: 40px auto 0;
  background: url(../img/box34_txt.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box34 .box34__txtBox {
  width: 900px;
  margin: 35px auto 0;
  overflow: hidden;
  background: whitesmoke;
}

.box34 .box34__txtBox__ttl {
  font-weight: bold;
  padding: 30px 25px 5px;
  font-size: 138.5%;
  border-top: 5px solid white;
}

.box34 .box34__txtBox__body {
  margin: 25px;
  font-size: 107.7%;
  line-height: 1.6;
}

.box34 .box34__txtBox__body p {
  margin-top: 25px;
}

.box34 .box34__txtBox__body h4 {
  font-weight: bold;
  margin: 25px 0 -20px 0;
}

.box34 .box34__btnPageTop a {
  display: block;
  width: 130px;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../img/btn_type16_pagetop.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box34 .box34__btnPageTop a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box34 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 0 20px 0;
  }

  .box34 .box34__ttl.is--type1,
  .box34 .box34__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-top: 4px solid #071835;
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box34 .box34__lead {
    width: auto;
    height: auto;
    margin: 20px 40px 0;
    background: none;
    text-align: center;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box34 .box34__lead__ttl {
    font-size: 153.8%;
    color: #14294d;
  }

  .box34 .box34__lead__txt {
    margin-top: 10px;
  }

  .box34 .box34__txtBox {
    width: auto;
    margin: 20px 15px 0;
  }

  .box34 .box34__txtBox__ttl {
    font-size: 107.7%;
    padding: 20px 15px 0;
    border-top: 2px solid white;
  }

  .box34 .box34__txtBox__body {
    margin: 15px;
    font-size: 92.3%;
  }

  .box34 .box34__txtBox__body p {
    margin-top: 15px;
  }

  .box34 .box34__txtBox__body h4 {
    margin: 15px 0 0 0;
  }

  .box34 .box34__txtBox__body br {
    display: none;
  }

  .box34 .box34__btnPageTop a {
    position: static;
    margin: 20px auto 0;
  }
}

/* ------------------------------------------------- *
/*        box34-1
/* ------------------------------------------------- */

.box34-1 {
  position: relative;
  width: 880px;
  background: white;
  padding-bottom: 40px;
  margin: 0 auto;
  padding: 60px 60px 100px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  border-top: 5px solid #0b1a39;
}

@media screen and (max-width: 767px) {
  .box34-1 {
    width: auto;
    padding: 30px 20px 50px;
  }
}

.box34-1 p {
  font-size: 20px;
  margin: 2rem 0 0;
}

@media screen and (max-width: 767px) {
  .box34-1 p {
    font-size: 17px;
  }
}

.box43-1__more1 {
  display: none;
}

.box34-1>p:first-child {
  margin-top: 0;
}

.box34-1__button1 a {
  position: absolute;
  cursor: pointer;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  border-radius: 5px;
  background: #0b1a39;
  color: #fff;
  text-align: center;
  font-size: 12px;
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
}

.box34-1__button1 a:hover {
  background: #535e74;
}

.box34-1__button1 a i {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin: -3px 5px 0 0;
}

.box34-1__button1.-active a i {
  margin-top: 2px;
  transform: rotate(-135deg);
}

/* ------------------------------------------------- *
/*        box34-2
/* ------------------------------------------------- */

.box34-2 {
  position: relative;
  width: 880px;
  background: white;
  padding-bottom: 40px;
  margin: 0 auto;
  padding: 60px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  border-top: 5px solid #0b1a39;
}

@media screen and (max-width: 767px) {
  .box34-2 {
    width: auto;
    padding: 30px 20px;
  }
}

.box34-2 p {
  font-size: 18px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .box34-2 p {
    font-size: 16px;
  }
}

.box34-2>p:first-child {
  margin-top: 0;
}

/* ------------------------------------------------- *
 *        box35
 * ------------------------------------------------- */
.box35 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 40px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}

.box35 .box35__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_msg2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box35 .box35__lead {
  width: 998px;
  height: 124px;
  margin: 40px auto 0;
  background: url(../img/box35_txt.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box35 .box35__txtBox {
  width: 900px;
  margin: 35px auto 0;
  overflow: hidden;
  background: whitesmoke;
}

.box35 .box35__txtBox__ttl {
  font-size: 153.8%;
  font-weight: bold;
  padding: 20px 25px;
  border-bottom: 5px solid white;
}

.box35 .box35__txtBox__body {
  margin: 25px;
  font-size: 107.7%;
  line-height: 1.6;
}

.box35 .box35__txtBox__body p {
  margin-top: 25px;
}

.box35 .box35__txtBox__body h4 {
  font-weight: bold;
  margin: 25px 0 -20px 0;
}

.box35 .box35__txtBox__body .movieBox {
  overflow: hidden;
  margin: 25px 0 0 -40px;
}

.box35 .box35__txtBox__body .movieBox li {
  width: 400px;
  float: left;
  margin-left: 40px;
}

.box35 .box35__txtBox__body .movieBox p {
  font-weight: bold;
  margin-top: 0;
}

.box35 .box35__notes {
  width: 900px;
  margin: 35px auto 0;
}

.box35 .box35__notes li {
  font-size: 92.3%;
  color: #666666;
}

.box35 .box35__btnPageTop a {
  display: block;
  width: 130px;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../img/btn_type16_pagetop.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box35 .box35__btnPageTop a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box35 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 0 20px 0;
  }

  .box35 .box35__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-top: 4px solid #071835;
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box35 .box35__lead {
    width: auto;
    height: auto;
    margin: 20px 40px 0;
    background: none;
    text-align: center;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box35 .box35__lead__ttl {
    font-size: 153.8%;
    color: #14294d;
  }

  .box35 .box35__lead__txt {
    margin-top: 10px;
  }

  .box35 .box35__txtBox {
    width: auto;
    margin: 20px 15px 0;
  }

  .box35 .box35__txtBox__ttl {
    font-size: 107.7%;
    padding: 10px 15px;
    border-bottom: 2px solid white;
  }

  .box35 .box35__txtBox__body {
    margin: 15px;
    font-size: 92.3%;
  }

  .box35 .box35__txtBox__body p {
    margin-top: 15px;
  }

  .box35 .box35__txtBox__body h4 {
    margin: 15px 0 -10px 0;
  }

  .box35 .box35__txtBox__body br {
    display: none;
  }

  .box35 .box35__txtBox__body .movieBox {
    margin-left: 0;
  }

  .box35 .box35__txtBox__body .movieBox .movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .box35 .box35__txtBox__body .movieBox .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .box35 .box35__txtBox__body .movieBox li {
    width: auto;
    float: none;
    margin: 20px 0 0 0;
  }

  .box35 .box35__txtBox__body .movieBox li:first-child {
    margin-top: 0;
  }

  .box35 .box35__txtBox__body .movieBox p {
    margin-top: 5px;
  }

  .box35 .box35__notes {
    width: auto;
    margin: 15px;
  }

  .box35 .box35__btnPageTop a {
    position: static;
    margin: 20px auto 0;
  }
}

/* ------------------------------------------------- *
 *        box36
 * ------------------------------------------------- */
.box36 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 40px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}

.box36 .box36__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_lesson.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box36 .box36__lead__txt {
  width: 998px;
  margin: 40px auto 0;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.box36 .box36__lead__txt br {
  display: none;
}

@media screen and (min-width: 768px) {
  .box36 .box36__lead__txt {
    line-height: 1.7;
    font-size: 16px;
  }

  .box36 .box36__lead__txt br {
    display: block;
  }
}

.box36 .box36__entryList {
  position: relative;
  width: 900px;
  margin: 35px auto 0;
}

.box36 .box36__entryList__ttl {
  background: whitesmoke;
  padding: 15px 25px;
  font-size: 138.5%;
}

.box36 .box36__entryList__list {
  overflow: hidden;
  margin-left: -40px;
}

.box36 .box36__entryList__list li {
  margin-left: 40px;
  margin-top: -1px;
}

.box36 .box36__entryList__list a {
  position: relative;
  padding: 15px 40px 15px 15px;
  display: block;
  border-bottom: 1px dashed #cccccc;
  text-decoration: none;
}

.box36 .box36__entryList__list a:before {
  display: block;
  content: "";
  width: 15px;
  height: 27px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -13px;
  background: url(../img/ico_arrow7_right.png) 0 0 no-repeat;
}

.box36 .box36__entryList__list__number {
  display: block;
  float: left;
  line-height: 25px;
  width: 60px;
  text-align: center;
  color: white;
  background: #77a7c7;
  margin-right: 20px;
}

.box36 .box36__entryList__list__ttl {
  display: block;
  overflow: hidden;
  font-size: 115.4%;
  font-weight: bold;
}

.box36 .box36__entryList__list__ttl:hover {
  text-decoration: underline;
}

.box36 .box36__entryList__btnMore a {
  position: absolute;
  right: 15px;
  top: 12px;
  display: block;
  width: 126px;
  height: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  background: url(../img/btn_type15_more.png) 0 0 no-repeat;
}

.box36 .box36__entryList__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box36 .box36__btnPageTop a {
  display: block;
  width: 130px;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../img/btn_type16_pagetop.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box36 .box36__btnPageTop a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box36 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0 0 20px 0;
  }

  .box36 .box36__ttl {
    width: auto;
    height: auto;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    border-top: 4px solid #071835;
    border-bottom: 1px solid #cccccc;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box36 .box36__lead {
    margin: 20px 40px 0;
    text-align: center;
  }

  .box36 .box36__lead__txt {
    width: auto;
    height: auto;
    background: none;
    margin: 0;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box36 .box36__entryList {
    width: auto;
    margin: 20px 0 0 0;
  }

  .box36 .box36__entryList__ttl {
    font-size: 107.7%;
  }

  .box36 .box36__entryList__list {
    overflow: visible;
    margin: 0;
  }

  .box36 .box36__entryList__list li {
    width: auto;
    float: none;
    margin: 0;
  }

  .box36 .box36__entryList__list a {
    width: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box36 .box36__entryList__list__number {
    line-height: 22px;
    font-size: 84.6%;
  }

  .box36 .box36__entryList__list__ttl {
    display: block;
    font-size: 123.1%;
  }

  .box36 .box36__entryList__btnMore a {
    position: static;
    text-align: center;
    padding: 15px;
    margin: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #567e8e, #2d4259);
    background: linear-gradient(to bottom, #567e8e, #2d4259);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box36 .box36__btnPageTop a {
    position: static;
    margin: 20px auto 0;
  }
}

/* ------------------------------------------------- *
 *        box37
 * ------------------------------------------------- */
.box37 {
  height: 407px;
  padding: 25px 0;
  margin-top: 40px;
  background: url(../img/bg_frame4.png) center 0 no-repeat;
}

.box37 .box37__inner {
  width: 1000px;
  margin: 0 auto;
}

.box37 .box37__txt {
  width: 807px;
  margin: 40px auto 0;
  font-size: 14px;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box37 .box37__txt br {
  display: none;
}

@media screen and (min-width: 768px) {
  .box37 .box37__txt {
    font-size: 16px;
    line-height: 1.7;
  }

  .box37 .box37__txt br {
    display: block;
  }
}

.box37 .box37__notes {
  margin-top: 30px;
  text-align: center;
}

.box37 .box37__notes li {
  margin-top: 5px;
  font-size: 84.6%;
}

.box37 .box37__btnEntry {
  margin-top: 45px;
}

.box37 .box37__btnEntry a {
  display: block;
  width: 344px;
  height: 71px;
  margin: 0 auto;
  background: url(../img/btn_type11_entry_4.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box37 .box37__btnEntry a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

@media (max-width: 767px) {
  .box37 {
    margin: 0 15px;
    padding: 0;
    height: auto;
    background: none;
  }

  .box37 .box37__inner {
    width: auto;
    margin: 0;
  }

  .box37 .box37__txt {
    width: auto;
    height: auto;
    background: none;
    text-align: center;
    font-size: 107.7%;
    margin-top: 0;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box37 .box37__notes {
    margin-top: 20px;
  }

  .box37 .box37__btnEntry {
    margin-top: 30px;
  }

  .box37 .box37__btnEntry a {
    position: static;
    margin: 15px 0 0 0;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #f9c700, #f08a00);
    background: linear-gradient(to bottom, #f9c700, #f08a00);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #e19500;
    font-size: 138.5%;
    font-weight: bold;
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }
}

/* ------------------------------------------------- *
 *        box38
 * ------------------------------------------------- */
.box38 {
  position: relative;
  width: 1000px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
}

.box38 .wp-pagenavi {
  margin: 20px 15px 0;
  padding-bottom: 30px;
}

.box38 .box38__inner {
  overflow: hidden;
  padding-bottom: 14px;
  background: url(../img/bg_pattern4.png) 0 0 repeat-y;
}

.box38 .box38__ttl a {
  display: block;
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_news.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box38 .box38__body {
  width: 768px;
  float: right;
}

.box38 .box38__unit {
  width: 708px;
  margin: 0 auto;
  padding: 20px 10px;
  border-top: 2px solid #e5e5e5;
}

.box38 .box38__unit:first-child {
  border-top: none;
}

.box38 .box38__unit__header {
  display: block;
  border-left: 5px solid #b7bdc7;
  padding-left: 10px;
  text-decoration: none;
}

.box38 .box38__unit__header__date {
  font-size: 92.3%;
}

.box38 .box38__unit__header__ttl {
  font-size: 107.7%;
  font-weight: bold;
}

.box38 .box38__unit__txtBox {
  margin-top: 20px;
  color: #666666;
  line-height: 1.4;
}

.box38 .box38__unit__txtBox h3 {
  margin: 15px 0;
  font-size: 107.7%;
}

.box38 .box38__unit__txtBox h3:before {
  content: "■";
}

.box38 .box38__unit__txtBox p {
  margin-top: 15px;
}

.box38 .box38__unit__txtBox a {
  color: #002c61;
}

.box38 .box38__unit__txtBox a:hover {
  text-decoration: none;
}

.box38 .box38__unit__txtBox table {
  margin: 15px 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.box38 .box38__unit__txtBox th {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background: #fafafa;
}

.box38 .box38__unit__txtBox td {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.box38 .box38__unit__txtBox ul {
  margin: 15px 0;
}

.box38 .box38__unit__txtBox ul li {
  margin-left: 20px;
  list-style-type: disc;
}

.box38 .box38__unit__txtBox ol {
  margin: 15px 0;
}

.box38 .box38__unit__txtBox ol li {
  margin-left: 20px;
  list-style-type: decimal;
}

.box38 .box38__unit__txtBox dl {
  margin: 15px 0;
}

.box38 .box38__unit__txtBox dt {
  font-weight: bold;
  margin-top: 15px;
}

.box38 .box38__unit__txtBox dd {
  margin-left: 30px;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .box38 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box38 .box38__inner {
    background: none;
    padding: 0;
  }

  .box38 .box38__ttl a {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    text-decoration: none;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box38 .box38__body {
    width: auto;
    float: none;
  }

  .box38 .box38__unit {
    width: auto;
  }
}

/* ------------------------------------------------- *
 *        box39
 * ------------------------------------------------- */
.box39 {
  position: relative;
  width: 1000px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
}

.box39 .box39__inner {
  overflow: hidden;
  padding-bottom: 14px;
  background: url(../img/bg_pattern4.png) 0 0 repeat-y;
}

.box39 .box39__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_lesson2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box39 .box39__body {
  width: 768px;
  float: right;
}

.box39 .box39__txt {
  margin: 15px 30px 0;
  font-size: 16px;
  text-align: center;
  padding: 30px;
  background: #f7f7f7;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box39 .box39__unit {
  position: relative;
  width: 708px;
  margin: 0 auto;
  padding: 20px 10px 10px;
  border-top: 2px solid #e5e5e5;
}

.box39 .box39__unit:first-child {
  border-top: none;
}

.box39 .box39__unit__header {
  display: block;
  border-left: 5px solid #b7bdc7;
  padding-left: 10px;
  text-decoration: none;
}

.box39 .box39__unit__header__ttl {
  font-size: 107.7%;
  font-weight: bold;
  padding-right: 50px;
}

.box39 .box39__unit__detail {
  margin-top: 10px;
  color: #666666;
}

.box39 .box39__unit__detail div {
  overflow: hidden;
  margin-top: 5px;
}

.box39 .box39__unit__detail__date {
  display: block;
  width: 50px;
  text-align: center;
  float: left;
  background: #ececec;
  padding: 5px 0;
  margin-right: 10px;
}

.box39 .box39__unit__detail__txt {
  display: block;
  padding-top: 5px;
  line-height: 1.4;
}

.box39 .box39__unit__detail__txt span {
  color: #8f0003;
}

.box39 .box39__unit__detail__txt a {
  display: block;
  float: left;
  padding-top: 10px;
  color: #002c61;
}

.box39 .box39__unit__detail__txt a:hover {
  text-decoration: none;
}

.box39 .box39__unit__label {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 18px;
  background: url(../img/ico_cd.png) 0 0 no-repeat;
}

.box39 .box39__unit__label.-type2 {
  background: url(../img/ico_download.svg) 0 0 no-repeat;
  right: 65px;
}

@media (max-width: 767px) {
  .box39 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box39 .box39__inner {
    background: none;
  }

  .box39 .box39__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box39 .box39__body {
    width: auto;
    float: none;
  }

  .box39 .box39__txt {
    width: auto;
    height: auto;
    background: none;
    margin: 15px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    padding: 0;
  }

  .box39 .box39__txt br {
    display: none;
  }

  .box39 .box39__unit {
    width: auto;
  }

  .box39 .box39__unit:first-child {
    border-top: 2px solid #e5e5e5;
  }
}

/* ------------------------------------------------- *
 *        box39
 * ------------------------------------------------- */
.box39 {
  position: relative;
  width: 1000px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
}

.box39 .box39__inner {
  overflow: hidden;
  padding-bottom: 14px;
  background: url(../img/bg_pattern4.png) 0 0 repeat-y;
}

.box39 .box39__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_lesson2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box39 .box39__body {
  width: 768px;
  float: right;
}

.box39 .box39__txt {
  margin: 15px 30px 0;
  font-size: 16px;
  text-align: center;
  padding: 30px;
  background: #f7f7f7;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box39 .box39__unit {
  position: relative;
  width: 708px;
  margin: 0 auto;
  padding: 20px 10px 10px;
  border-top: 2px solid #e5e5e5;
}

.box39 .box39__unit:first-child {
  border-top: none;
}

.box39 .box39__unit__header {
  display: block;
  border-left: 5px solid #b7bdc7;
  padding-left: 10px;
  text-decoration: none;
}

.box39 .box39__unit__header__ttl {
  font-size: 107.7%;
  font-weight: bold;
  padding-right: 50px;
}

.box39 .box39__unit__detail {
  margin-top: 10px;
  color: #666666;
}

.box39 .box39__unit__detail div {
  overflow: hidden;
  margin-top: 5px;
}

.box39 .box39__unit__detail__date {
  display: block;
  width: 50px;
  text-align: center;
  float: left;
  background: #ececec;
  padding: 5px 0;
  margin-right: 10px;
}

.box39 .box39__unit__detail__txt {
  display: block;
  padding-top: 5px;
  line-height: 1.4;
}

.box39 .box39__unit__detail__txt span {
  color: #8f0003;
}

.box39 .box39__unit__detail__txt a {
  display: block;
  float: left;
  padding-top: 10px;
  color: #002c61;
}

.box39 .box39__unit__detail__txt a:hover {
  text-decoration: none;
}

.box39 .box39__unit__label {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 18px;
  background: url(../img/ico_cd.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .box39 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box39 .box39__inner {
    background: none;
  }

  .box39 .box39__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box39 .box39__body {
    width: auto;
    float: none;
  }

  .box39 .box39__txt {
    width: auto;
    height: auto;
    background: none;
    margin: 15px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    padding: 0;
  }

  .box39 .box39__txt br {
    display: none;
  }

  .box39 .box39__unit {
    width: auto;
  }

  .box39 .box39__unit:first-child {
    border-top: 2px solid #e5e5e5;
  }
}

/* ------------------------------------------------- *
 *        box39-1
 * ------------------------------------------------- */
.box39-1 {
  position: relative;
  width: 1000px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
  border-top: 5px solid #0b1a39;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box39-1 .box39-1__inner {
  overflow: hidden;
  padding-bottom: 14px;
  background: url(../img/bg_pattern4.png) 0 0 repeat-y;
}

.box39-1__title1 {
  font-size: 25px;
  border-left: 5px solid #021c3d;
  margin: 30px 30px 60px 30px;
  padding: 0 0 0 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .box39-1__title1 {
    font-size: 20px;
    padding-left: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
}

.box39-1__title1:before {
  position: absolute;
  left: -5px;
  bottom: -30px;
  content: "";
  display: block;
  width: 708px;
  height: 1px;
  background: #e0e0e0;
}

@media screen and (max-width: 767px) {
  .box39-1__title1:before {
    display: none;
  }
}

.box39-1__title1 span {
  font-size: 18px;
  display: block;
}

@media screen and (max-width: 767px) {
  .box39-1__title1 span {
    font-size: 14px;
    margin-top: 5px;
  }
}

.box39-1 .box39-1__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_lesson2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box39-1 .box39-1__body {
  width: 768px;
  float: right;
}

.box39-1 .box39-1__txt {
  position: relative;
  margin: 30px 30px 0;
  font-size: 16px;
  padding: 30px 40px 60px;
  background: #f7f7f7;
}

.box39-1 .box39-1__txt p {
  margin: 2rem 0 0;
}

.box39-1 .box39-1__txt>p:first-child {
  margin-top: 0;
}

.box39-1__more1 {
  display: none;
}

.box39-1__button1 a {
  position: absolute;
  bottom: -12px;
  left: 120px;
  margin: auto;
  display: block;
  border-radius: 5px;
  background: #0b1a39;
  color: #fff;
  text-align: center;
  font-size: 12px;
  width: 76px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
}

.box39-1__button1 a:hover {
  background: #535e74;
}

.box39-1__button1 a i {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin: -3px 5px 0 0;
}

.box39-1__button1.-active a i {
  transform: rotate(-135deg);
}

.box39-1__list h3 {
  font-size: 18px;
  border-left: 5px solid #b8bdc6;
  position: relative;
}

.box39-1__list h3:before {}

.box39-1__list h3 span.-movie1:before {
  display: inline-block;
  vertical-align: middle;
  width: 23.2px;
  height: 16px;
  background: url("/common/img/ico_type1_1.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

.box39-1__list h3 span.-pdf1:before {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("/common/img/ico_type1_2.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

.box39-1__list h3 span.-web1:before {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("/common/img/ico_type1_3.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

.box39-1__list p a {
  text-decoration: underline;
  display: inline-block;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .box39-1__list h3 {
    font-size: 16px;
    padding-left: 10px;
  }
}

.box39-1__list hr {
  height: 2px;
  background: #e5e5e5;
  border: none;
  margin: 15px 0;
}

.box39-1__list p {
  font-size: 16px;
  margin: 10px 0 0;
  -ms-word-break: break-all;
  word-break: break-all;
}

@media screen and (max-width: 767px) {
  .box39-1__list p {
    font-size: 14px;
  }
}

.box39-1__body {
  padding-bottom: 60px;
}

.box39-1 .box39-1__list {
  position: relative;
  width: 708px;
  margin: 30px auto 0;
  padding: 20px 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .box39-1 .box39-1__list {
    margin: 0 20px;
  }
}

.box39-1 .box39-1__unit:first-child {
  margin-top: 60px;
}

.box39-1 .box39-1__unit__header {
  display: block;
  border-left: 5px solid #b7bdc7;
  padding-left: 10px;
  text-decoration: none;
}

.box39-1 .box39-1__unit__header__ttl {
  font-size: 107.7%;
  font-weight: bold;
  padding-right: 50px;
}

.box39-1 .box39-1__unit__detail {
  margin-top: 10px;
  color: #666666;
}

.box39-1 .box39-1__unit__detail div {
  overflow: hidden;
  margin-top: 5px;
}

.box39-1 .box39-1__unit__detail__date {
  display: block;
  width: 50px;
  text-align: center;
  float: left;
  background: #ececec;
  padding: 5px 0;
  margin-right: 10px;
}

.box39-1 .box39-1__unit__detail__txt {
  display: block;
  padding-top: 5px;
  line-height: 1.4;
}

.box39-1 .box39-1__unit__detail__txt span {
  color: #8f0003;
}

.box39-1 .box39-1__unit__detail__txt a {
  display: block;
  float: left;
  padding-top: 10px;
  color: #002c61;
}

.box39-1 .box39-1__unit__detail__txt a:hover {
  text-decoration: none;
}

.box39-1 .box39-1__unit__label {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 18px;
  background: url(../img/ico_cd.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  .box39-1 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box39-1 .box39-1__inner {
    background: none;
  }

  .box39-1 .box39-1__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box39-1 .box39-1__body {
    width: auto;
    float: none;
    padding-bottom: 0;
  }

  .box39-1 .box39-1__txt {
    width: auto;
    height: auto;
    margin: 0 20px 15px;
    padding-bottom: 40px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box39-1 .box39-1__txt br {
    display: none;
  }

  .box39-1 .box39-1__unit {
    width: auto;
  }

  .box39-1 .box39-1__unit:first-child {
    border-top: 2px solid #e5e5e5;
  }
}

/* ------------------------------------------------- *
 *        box40
 * ------------------------------------------------- */
.box40 {
  position: relative;
  width: 1000px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
}

.box40 .box40__inner {
  overflow: hidden;
  padding-bottom: 14px;
  background: url(../img/bg_pattern4.png) 0 0 repeat-y;
}

.box40 .box40__ttl a {
  display: block;
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_lesson2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box40 .box40__body {
  position: relative;
  width: 748px;
  float: right;
  padding: 20px 10px 10px;
}

.box40 .box40__unit__header {
  overflow: hidden;
  margin: 0 10px;
}

.box40 .box40__unit__header__ttl {
  font-size: 153.8%;
  padding: 0 10px 15px;
  margin-bottom: 20px;
  border-bottom: 3px solid #e5e5e5;
}

.box40 .box40__unit__header__ttl span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 5px solid #b7bdc7;
  padding-left: 10px;
}

.box40 .box40__unit__detail__date {
  display: block;
  width: 50px;
  text-align: center;
  float: left;
  background: #ececec;
  padding: 5px 0;
  margin-right: 10px;
  margin: 0 10px;
}

.box40 .box40__unit__detail__txt {
  display: block;
  padding-top: 5px;
  line-height: 1.5;
}

.box40 .box40__unit__detail__txt span {
  color: #8f0003;
}

.box40 .box40__unit__detail__txt a {
  display: block;
  float: left;
  padding-top: 10px;
  color: #002c61;
}

.box40 .box40__unit__detail__txt a:hover {
  text-decoration: none;
}

.box40 .box40__unit__txtBox {
  margin: 0 20px;
  color: #666666;
  line-height: 1.4;
}

.box40 .box40__unit__txtBox h3 {
  margin: 45px 0 15px;
  font-size: 107.7%;
  color: #333333;
  background: #fafafa;
  border-top: 2px solid #cccccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.3), white);
  background: linear-gradient(to bottom, rgba(204, 204, 204, 0.3), white);
  padding: 10px 15px;
}

.box40 .box40__unit__txtBox h3:before {
  content: "■";
  padding-right: 3px;
}

.box40 .box40__unit__txtBox h3:first-child {
  margin-top: 0;
}

.box40 .box40__unit__txtBox h4 {
  color: #333333;
}

.box40 .box40__unit__txtBox h4:before {
  content: "■";
}

.box40 .box40__unit__txtBox p {
  margin: 15px;
}

.box40 .box40__unit__txtBox p:first-child {
  margin-top: 0;
}

.box40 .box40__unit__txtBox p a.button {
  margin: 0 3px 0 0;
}

.box40 .box40__unit__txtBox a {
  color: #002c61;
}

.box40 .box40__unit__txtBox a:hover {
  text-decoration: none;
}

.box40 .box40__unit__txtBox a.button {
  text-align: center;
  color: white;
  display: inline-block;
  text-decoration: none;
  background: #2d4259;
  background: -webkit-linear-gradient(top, #567e8e, #2d4259);
  background: linear-gradient(to bottom, #567e8e, #2d4259);
  margin: 20px 5px 20px 0;
  padding: 10px 15px;
  border-radius: 5px;
}

.box40 .box40__unit__txtBox a.button:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box40 .box40__unit__txtBox hr {
  margin: 20px 0;
}

.box40 .box40__unit__txtBox table {
  margin: 15px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.box40 .box40__unit__txtBox table:first-child {
  margin-top: 0;
}

.box40 .box40__unit__txtBox th {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background: #fafafa;
  vertical-align: middle;
  white-space: nowrap;
}

.box40 .box40__unit__txtBox td {
  padding: 10px 15px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  vertical-align: middle;
  width: 100%;
}

.box40 .box40__unit__txtBox td span {
  color: #8f0003;
}

.box40 .box40__unit__txtBox ul {
  margin: 15px;
}

.box40 .box40__unit__txtBox ul li {
  margin-left: 20px;
  margin-top: 15px;
  list-style-type: disc;
}

.box40 .box40__unit__txtBox ol {
  margin: 15px;
}

.box40 .box40__unit__txtBox ol li {
  margin-left: 20px;
  margin-top: 15px;
  list-style-type: decimal;
}

.box40 .box40__unit__txtBox dl {
  margin: 15px;
}

.box40 .box40__unit__txtBox dt {
  font-weight: bold;
  margin-top: 15px;
}

.box40 .box40__unit__txtBox dd {
  margin-left: 30px;
  margin-top: 5px;
}

.box40 .box40__unit__txtBox .movie {
  text-align: center;
  margin: 20px 0;
}

@media (max-width: 767px) {
  .box40 {
    width: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box40 .box40__inner {
    background: none;
  }

  .box40 .box40__ttl a {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    text-decoration: none;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box40 .box40__body {
    width: auto;
    float: none;
    padding: 20px 0 10px;
  }

  .box40 .box40__unit__header {
    margin: 0;
  }

  .box40 .box40__unit__txtBox a.button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px;
  }

  .box40 .box40__unit__txtBox .movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .box40 .box40__unit__txtBox .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* ------------------------------------------------- *
 *        box41
 * ------------------------------------------------- */
.box41 {
  position: relative;
  width: 1000px;
  background: white;
  padding-bottom: 50px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  margin: 40px auto 0;
}

.box41 .box41__ttl {
  width: 1000px;
  height: 82px;
  background: url(../img/ttl_type5_entry.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__txt {
  width: 998px;
  height: 141px;
  margin: 40px auto -20px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}

.box41 .box41__feature {
  width: 914px;
  margin: 30px auto 0;
  overflow: hidden;
  background: url(../img/bg_frame5.png) 0 88px no-repeat;
}

.box41 .box41__feature__unit {
  float: left;
}

.box41 .box41__feature__unit.is--1 {
  width: 304px;
}

.box41 .box41__feature__unit.is--1 .box41__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_manabi.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--1 .box41__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #edbc97;
  padding: 0 0 0 10px;
}

.box41 .box41__feature__unit.is--1 .box41__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--1 .box41__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box41 .box41__feature__unit.is--1 .box41__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box41 .box41__feature__unit.is--2 {
  width: 304px;
}

.box41 .box41__feature__unit.is--2 .box41__feature__ttl {
  width: 304px;
  height: 88px;
  background: url(../img/ttl_type6_voice.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--2 .box41__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #b2c29b;
  padding: 0 0 0 10px;
}

.box41 .box41__feature__unit.is--2 .box41__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more_2.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--2 .box41__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box41 .box41__feature__unit.is--2 .box41__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box41 .box41__feature__unit.is--3 {
  width: 306px;
}

.box41 .box41__feature__unit.is--3 .box41__feature__ttl {
  width: 306px;
  height: 88px;
  background: url(../img/ttl_type6_lesson.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--3 .box41__feature__sTtl {
  font-size: 138.5%;
  border-left: 4px solid #77a7c7;
  padding: 0 0 0 10px;
}

.box41 .box41__feature__unit.is--3 .box41__feature__btnMore a {
  display: block;
  margin-top: 20px;
  width: 248px;
  height: 71px;
  background: url(../img/btn_type14_more_3.png) 0 0 no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

.box41 .box41__feature__unit.is--3 .box41__feature__btnMore a:hover {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1;
}

.box41 .box41__feature__unit.is--3 .box41__feature__body {
  position: relative;
  padding: 25px 35px 80px;
}

.box41 .box41__feature__txt {
  font-size: 107.7%;
  line-height: 1.3;
  margin: 15px 0 0 0;
}

.box41 .box41__form {
  width: 820px;
  margin: 30px auto 0;
  padding: 40px;
  background: whitesmoke;
}

.box41 .box41__form input {
  width: 340px;
  height: 35px;
  border: 1px solid #cccccc;
  padding: 0 5px;
  outline: none;
}

.box41 .box41__form input[type="checkbox"] {
  width: auto;
  height: auto;
  background: none;
}

.box41 .box41__form td li {
  margin-top: 5px !important;
}

.box41 .box41__form textarea {
  width: 790px;
  height: 250px;
  border: 1px solid #cccccc;
  padding: 5px;
  outline: none;
  margin: 0 0 20px 0;
}

.box41 .box41__form th {
  vertical-align: middle !important;
}

.box41 .box41__form dl {
  overflow: hidden;
}

.box41 .box41__form dt {
  float: left;
  font-size: 107.7%;
  font-weight: bold;
  padding: 15px 15px 15px;
  margin-top: 9px;
}

.box41 .box41__form dt span {
  color: #8f0003;
  font-size: 92.3%;
  font-weight: normal;
}

.box41 .box41__form dt.checkBox,
.box41 .box41__form dt.textArea {
  border-top: 1px dashed #cccccc;
  float: none;
}

.box41 .box41__form dd {
  border-top: 1px dashed #cccccc;
  padding: 15px 15px 15px 200px;
}

.box41 .box41__form dd p {
  color: #8f0003;
  margin-top: 5px;
  font-weight: bold;
  text-align: left;
  display: none;
}

.box41 .box41__form dd.textArea {
  padding: 0;
  border: none;
  text-align: center;
}

.box41 .box41__form dd.checkBox {
  padding: 0 10px;
  line-height: 2;
  border: none;
}

.box41 .box41__form dd.checkBox .wpcf7-list-item {
  display: block;
}

.box41 .box41__form dd.checkBox input {
  width: auto;
  height: auto;
}

.box41 .box41__form dd.is--error p {
  display: block;
}

.box41 .box41__form dd.is--error input {
  background: #f2bbbc;
  border: 1px solid red;
}

.box41 .box41__form__txt {
  margin-bottom: 20px;
}

.box41 .box41__form__btnSubmit {
  text-align: center;
  margin-top: 40px;
}

.box41 .box41__form__btnSubmit input {
  width: 320px;
  height: 58px;
  margin: 0 auto;
  border: black;
}

.box41 .box41__feature__btnMore {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -124px;
}

.box41 .wpcf7-validation-errors {
  margin-top: 20px;
  text-align: center;
  color: #8f0003;
  font-weight: bold;
}

.box41 .wpcf7-not-valid-tip {
  color: #8f0003;
  margin-top: 5px;
  font-weight: bold;
  text-align: left;
  display: block;
}

#confirm-button input {
  color: white;
  background: darkorange;
  font-size: 14px;
}

#confirm-button input:first-child {
  background: darkgray;
}

@media (max-width: 767px) {
  .box41 {
    width: auto;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 20px;
  }

  .box41 .box41__ttl {
    width: auto;
    height: auto;
    color: white;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
    background: none;
    background: -webkit-linear-gradient(top, #1b3767, #0f203c);
    background: linear-gradient(to bottom, #1b3767, #0f203c);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__txt {
    width: auto;
    height: auto;
    margin: 15px;
    font-size: 16px;
    background: none;
    text-align: center;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
    padding: 0 30px;
  }

  .box41 .box41__txt br {
    display: none;
  }

  .box41 .box41__feature {
    width: auto;
    margin: 0 15px;
    background: none;
  }

  .box41 .box41__feature__unit {
    float: none;
    border: 1px solid #cccccc;
    border-bottom: none;
  }

  .box41 .box41__feature__unit.is--1 {
    width: auto;
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #edbc97;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "1";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__btnMore a {
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #ba955a, #9b6530);
    background: linear-gradient(to bottom, #ba955a, #9b6530);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box41 .box41__feature__unit.is--1 .box41__feature__body {
    padding: 15px;
  }

  .box41 .box41__feature__unit.is--2 {
    width: auto;
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #b2c29b;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "2";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #7a8c57, #3f552d);
    background: linear-gradient(to bottom, #7a8c57, #3f552d);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box41 .box41__feature__unit.is--2 .box41__feature__body {
    padding: 15px;
  }

  .box41 .box41__feature__unit.is--3 {
    width: auto;
    border-bottom: 1px solid #cccccc;
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__ttl {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 107.7%;
    border-top: 3px solid #77a7c7;
    font-weight: bold;
    padding-left: 50px;
    background: -webkit-linear-gradient(top, white, #e8e8e8);
    background: linear-gradient(to bottom, white, #e8e8e8);
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__ttl:before {
    display: block;
    vertical-align: middle;
    content: "3";
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -12px;
    border-radius: 5px;
    font-weight: normal;
    background: -webkit-linear-gradient(top, #577f8f, #2d4259);
    background: linear-gradient(to bottom, #577f8f, #2d4259);
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__sTtl {
    font-size: 107.7%;
    font-weight: bold;
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__btnMore a {
    text-align: center;
    padding: 15px;
    width: auto;
    height: auto;
    text-decoration: none;
    color: white;
    background: -webkit-linear-gradient(top, #577f8f, #2d4259);
    background: linear-gradient(to bottom, #577f8f, #2d4259);
    border-radius: 5px;
    white-space: inherit;
    overflow: inherit;
    text-indent: inherit;
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__btnMore a:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    content: "";
    width: 7px;
    height: 5px;
    background: url(../img/ico_arrow11_btm.png) 0 0 no-repeat;
  }

  .box41 .box41__feature__unit.is--3 .box41__feature__body {
    padding: 15px;
  }

  .box41 .box41__feature__txt {
    font-size: 100%;
  }

  .box41 .box41__form {
    width: auto;
    margin: 15px;
    padding: 15px;
  }

  .box41 .box41__form input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box41 .box41__form li {
    line-height: 2.5 !important;
  }

  .box41 .box41__form input[type="checkbox"] {
    width: auto;
    height: auto;
    background: none;
  }

  .box41 .box41__form textarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 200px;
  }

  .box41 .box41__form dt {
    border-top: 1px dashed #cccccc;
    float: none;
    padding: 10px 0 0;
    margin: 10px 0 5px 0;
  }

  .box41 .box41__form dt:before {
    content: "■";
  }

  .box41 .box41__form dt:first-child {
    margin-top: 0;
  }

  .box41 .box41__form dd {
    border-style: none;
    padding: 0;
  }

  .box41 .box41__form__btnSubmit {
    margin-top: 20px;
  }

  .box41 .box41__form__btnSubmit input {
    width: 100%;
    height: auto;
  }

  .box41 .box41__feature__btnMore {
    position: static;
    margin: 0;
  }
}

/* ------------------------------------------------- *
 *        box42
 * ------------------------------------------------- */
.box42 h3 {
  padding: 15px 0 15px 15px;
  border: 1px solid #cccccc;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #f6f6f6, white);
  background: -moz-linear-gradient(top, #f6f6f6, white);
  background: linear-gradient(to bottom, #f6f6f6, white);
}

.box42 h3 span {
  font-size: 115.4%;
  border-left: 4px solid black;
  padding: 3px 0 3px 10px;
  display: block;
}

.box42 p {
  margin: 20px;
}

.box42 p span {
  color: #8f0003;
}

.box42 p.is--error {
  display: block;
  color: #8f0003;
  font-weight: bold;
  margin-top: 5px;
}

.box42 label span {
  color: #333333;
}

.box42 label input {
  margin-right: 5px;
}

.box42 .textarea {
  margin: 20px;
}

.box42 .textarea textarea {
  width: 650px;
  height: 200px;
  padding: 10px;
}

.box42 .textarea p {
  display: none;
}

.box42 .textarea.is--error p {
  display: block;
  color: #8f0003;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.box42 .textarea.is--error textarea {
  background: #f2bbbc;
  border: 1px solid red;
}

.box42 .box42__form1 {
  width: 630px;
  padding: 20px 20px 10px;
  margin: 0 auto;
  background: whitesmoke;
}

.box42 .box42__form1 dt {
  width: 150px;
  float: left;
  padding: 10px 0 10px 10px;
  line-height: 37px;
  font-weight: bold;
}

.box42 .box42__form1 dt span {
  color: #8f0003;
}

.box42 .box42__form1 dt:nth-child(1) {
  padding-top: 0;
  padding-bottom: 0;
}

.box42 .box42__form1 dd {
  padding: 10px 10px 10px 160px;
  border-top: 1px dashed #cccccc;
  line-height: 37px;
}

.box42 .box42__form1 dd span {
  width: 40px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 20px;
}

.box42 .box42__form1 dd span:first-child {
  margin-left: 0;
}

.box42 .box42__form1 dd p {
  display: none;
}

.box42 .box42__form1 dd:nth-child(2) {
  border-style: none;
  padding: 0 10px 10px 10px;
}

.box42 .box42__form1 dd.is--error p {
  display: block;
  color: #8f0003;
  font-weight: bold;
  margin: 10px 0 0 0;
  text-align: left;
  line-height: 1;
}

.box42 .box42__form1 dd.is--error input {
  background: #f2bbbc;
  border: 1px solid red;
}

.box42 .box42__form1 input[type="text"] {
  width: 100px;
  border: 1px solid #cccccc;
  padding: 10px;
  height: 15px;
}

.box42 .box42__form1 select {
  line-height: 37px;
}

.box42 .box42__form1 label span {
  width: auto;
  margin: 0 10px 0 5px;
}

.box42 .box42__form1 dt.mail {
  display: block;
  width: auto;
  padding-bottom: 0;
  padding-top: 0;
  float: none;
}

.box42 .box42__form1 dd.mail {
  display: block;
  border: none;
  float: none;
  padding: 0 10px 10px 10px;
  text-align: center;
}

.box42 .box42__form1 dd.mail input[type="text"] {
  width: 590px;
}

.box42 .box42__form1 dd.company input[type="text"],
.box42 .box42__form1 dd.url input[type="text"] {
  width: 350px;
}

.box42 .box42__form2 {
  width: 670px;
  margin: 0 auto;
  background: whitesmoke;
  padding-bottom: 10px;
}

.box42 .box42__form2 dt {
  padding: 10px;
  border-top: 1px solid #cccccc;
  margin-top: 10px;
  background: #eeeeee;
  font-weight: bold;
}

.box42 .box42__form2 dt:first-child {
  margin-top: 0;
}

.box42 .box42__form2 dd {
  padding: 10px;
  margin-left: 10px;
}

.box42 .box42__form2 dd span {
  width: 100px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.box42 .box42__form2 input[type="text"] {
  width: 300px;
  margin-right: 5px;
  border: 1px solid #cccccc;
  padding: 10px;
  height: 15px;
}

.box42 .box42__form2 input[type="radio"] {
  margin-right: 5px;
}

.box42 .box42__form3 {
  width: 670px;
  margin: 0 auto;
  padding-bottom: 20px;
  background: whitesmoke;
}

.box42 .box42__form3 dt {
  padding: 10px;
  margin-top: 15px;
  border-top: 1px solid #cccccc;
  background: #eeeeee;
  font-weight: bold;
}

.box42 .box42__form3 dt:first-child {
  margin-top: 0;
}

.box42 .box42__form3 dd {
  padding: 8px 10px 0;
  margin-left: 15px;
}

.box42 .box42__form3 input[type="checkbox"] {
  margin-right: 5px;
}

.box42 .submit {
  text-align: center;
}

@media (max-width: 767px) {
  .box42 p {
    margin: 20px 0;
  }

  .box42 .textarea {
    margin: 20px 0;
  }

  .box42 .textarea textarea {
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box42 .box42__form1 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
  }

  .box42 .box42__form1 dt {
    width: auto;
    float: none;
    line-height: inherit;
    border-top: 2px solid #cccccc;
    margin-top: 5px;
    font-weight: bold;
    background: #eeeeee;
  }

  .box42 .box42__form1 dt:nth-child(1) {
    padding: 10px;
  }

  .box42 .box42__form1 dt:before {
    content: "■";
  }

  .box42 .box42__form1 dd {
    padding-left: 10px;
    padding-top: 0;
    line-height: inherit;
    border-style: none;
  }

  .box42 .box42__form1 dd span {
    width: auto;
    margin: 5px 0 0 0;
  }

  .box42 .box42__form1 dd input[type="text"] {
    margin-top: 5px;
  }

  .box42 .box42__form1 input[type="text"] {
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .box42 .box42__form1 select {
    line-height: inherit;
    margin-top: 10px;
  }

  .box42 .box42__form1 label span {
    margin: 10px 10px 0 5px;
  }

  .box42 .box42__form1 dt.mail {
    padding: 10px;
    margin-top: 0;
  }

  .box42 .box42__form1 dt.mail span {
    display: block;
  }

  .box42 .box42__form1 dd.mail input[type="text"] {
    width: 100%;
    margin-top: 10px;
  }

  .box42 .box42__form1 dd.company input[type="text"],
  .box42 .box42__form1 dd.url input[type="text"] {
    width: 100%;
    margin-top: 10px;
  }

  .box42 .box42__form2 {
    width: auto;
    padding: 0 0 10px 0;
  }

  .box42 .box42__form2 dt {
    margin-top: 5px;
    font-weight: bold;
  }

  .box42 .box42__form2 input[type="text"] {
    width: 41%;
  }

  .box42 .box42__form3 {
    width: auto;
    padding: 0 0 10px 0;
  }

  .box42 .box42__form3 dt {
    margin-top: 15px;
    font-weight: bold;
  }

  .box42 .box42__form3 dd {
    margin: 5px 0;
  }
}

.iframe {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 2500px;
  /**
   * うまくいかないときに追加
   * position: relative;
   */
}

.iframe iframe {
  width: 100%;
  height: 100% !important;
  display: block;
  /* 二重スクロールバー回避対策 */
}

/* ------------------------------------------------- *
/*        link1
/* ------------------------------------------------- */

.link1 {
  text-align: right;
  margin: 15px 20px 0;
}

.link1.-type1 {
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.link1+.link1 {
  margin-top: -15px;
}

@media screen and (min-width: 768px) {
  .link1 {
    text-align: right;
    max-width: 1000px;
    margin: 30px auto 0;
  }

  .link1+.box28 {
    padding: 120px 0 30px;
    margin-top: -125px;
  }
}

/* ------------------------------------------------- *
/*        box43
/* ------------------------------------------------- */

.box43 {
  max-width: 600px;
  margin: 30px auto 0;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box43__text1 {
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
}

.box43__tab1 {
  display: flex;
  margin-top: 30px;
}

.box43__tab1 li {
  width: 33.333%;
}

.box43__tab1 li a {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: white;
  background: -webkit-linear-gradient(top, #f6f6f6, white);
  background: -moz-linear-gradient(top, #f6f6f6, white);
  background: linear-gradient(to bottom, #f6f6f6, white);
}

.box43__tab1 li:first-child a {
  border-left: 1px solid #cccccc;
}

.box43__tab1 li.-active a:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #495419;
  position: absolute;
  left: 0;
  top: -1px;
}

.box43__form1 iframe {
  height: 1700px;
}

@media screen and (min-width: 768px) {
  .box43__text1 {
    padding: 0;
  }

  .box43__form1 iframe {
    height: 1250px;
  }
}

/* ------------------------------------------------- *
/*        box44
/* ------------------------------------------------- */

.box44 {
  width: 1000px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #0b1a39;
  color: #fff;
  padding: 60px 150px;
  margin: 90px auto 0;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

@media screen and (max-width: 767px) {
  .box44 {
    width: 100%;
    padding: 30px 20px;
    margin-top: 40px;
  }
}

.box44__text1 {
  text-align: center;
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .box44__text1 {
    font-size: 16px;
  }
}

.box44__text2 {
  text-align: center;
  font-size: 22px;
  background: #fff;
  color: #000;
  margin: 40px 0 0;
  padding: 30px;
  border-radius: 10px;
}

.box44__text2 a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .box44__text2 {
    font-size: 18px;
    -ms-word-break: break-all;
    word-break: break-all;
  }
}

/* ------------------------------------------------- *
/*        box45
/* ------------------------------------------------- */

.box45 {
  width: 1000px;
  margin: 40px auto 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

@media screen and (max-width: 767px) {
  .box45 {
    width: auto;
  }
}

.box45__inner1 {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .box45__inner1 {
    display: block;
    padding: 0 20px;
  }
}

.box45__unit1 {
  width: 480px;
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
  background: white;
  background: -webkit-linear-gradient(top, white, #f7f7f7);
  background: -moz-linear-gradient(top, white, #f7f7f7);
  background: linear-gradient(to bottom, white, #f7f7f7);
  text-decoration: none;
  padding: 30px 60px 30px 40px;
  margin: 40px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.box45__unit1:hover {
  color: #fff;
  background: #0b1a39;
}

.box45__unit1:nth-of-type(even) {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .box45__unit1 {
    width: auto;
    margin-top: 15px;
    padding: 15px 40px 15px 30px;
  }

  .box45__unit1:nth-of-type(even) {
    margin-left: 0;
  }
}

.box45__unit1:before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background: #0b1a39;
  position: absolute;
  top: 0;
  left: 0;
}

.box45__unit1:hover:before {
  background: #3c4861;
}

.box45__unit1:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #939393;
  border-right: 2px solid #939393;
  transform: rotate(45deg);
}

.box45__unit1__number1 {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #0b1a39;
  padding: 5px 10px;
}

.box45__unit1:hover .box45__unit1__number1 {
  color: #0b1a39;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .box45__unit1__number1 {
    font-size: 12px;
  }
}

.box45__unit1__title1 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 0;
}

@media screen and (max-width: 767px) {
  .box45__unit1__title1 {
    font-size: 16px;
  }
}

/* ------------------------------------------------- *
/*        box46
/* ------------------------------------------------- */

.box46 {
  background: white;
  padding-bottom: 40px;
  margin: 60px auto 0;
  padding: 60px;
  width: 880px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  border-top: 5px solid #0b1a39;
}

@media screen and (max-width: 767px) {
  .box46 {
    margin-top: 30px;
    padding: 30px;
    width: auto;
  }
}

.box46__unit1 {
  display: flex;
}

.box46__unit1__text1 {
  font-size: 18px;
  margin: 0 60px 0 0;
}

.box46__unit1__image1 {
  min-width: 385px;
  max-width: 385px;
}

@media screen and (max-width: 767px) {
  .box46__unit1 {
    display: block;
  }

  .box46__unit1__text1 {
    font-size: 16px;
    margin: 0;
  }

  .box46__unit1__image1 {
    min-width: inherit;
    max-width: inherit;
    margin: 30px 0 0;
  }

  .box46__unit1__image1 img {
    width: 100%;
    height: auto;
  }
}

.box46__unit2 {
  display: flex;
  margin: 40px 0 0;
  padding: 30px 40px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.box46__unit2__main1 {
  max-width: 460px;
  min-width: 460px;
}

.box46__unit2__main1>p:first-child {
  font-size: 18px;
  color: #0b1a39;
  font-weight: bold;
}

.box46__unit2__main1>p:last-child {
  font-size: 16px;
  color: #5f5e5e;
  position: relative;
  padding: 0 0 0 20px;
  margin: 10px 0 0;
}

.box46__unit2__main1>p:last-child>i {
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
}

.box46__unit2__button1 {
  width: 100%;
  margin: 0 0 0 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box46__unit2__button1>a {
  background: #021532;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 15px 40px 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.box46__unit2__button1>a:hover {
  background: #535e74;
}

.box46__unit2__button1>a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .box46__unit2 {
    display: block;
    padding: 30px 20px;
  }

  .box46__unit2__main1 {
    min-width: inherit;
    max-width: inherit;
  }

  .box46__unit2__main1>p:first-child {
    font-size: 14px;
  }

  .box46__unit2__main1>p:last-child {
    font-size: 12px;
  }

  .box46__unit2__main1>p:last-child>i {
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
  }

  .box46__unit2__button1 {
    display: block;
    margin: 20px 0 0;
  }

  .box46__unit2__button1>a {
    padding: 15px 30px 15px 20px;
    display: block;
  }
}

.box46__unit3 {
  background: #f5f5f5;
  padding: 40px;
  margin-top: 60px;
}

.box46__unit3__title1 {
  position: relative;
}

.box46__unit3__title1>span {
  display: inline-block;
  border-left: 6px solid #0b1a39;
  font-size: 25px;
  background: #f5f5f5;
  position: relative;
  padding: 0 30px 0 15px;
}

.box46__unit3__title1:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  height: 2px;
  background: #dbdbdb;
}

.box46__unit3__unit1 {
  margin: 40px 0 0;
  display: flex;
}

.box46__unit3__unit1__main1 {
  width: 100%;
}

.box46__unit3__unit1__main1>h3 {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  background: #0b1a39;
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
}

.box46__unit3__unit1__main1>h4 {
  font-size: 16px;
  margin: 20px 0 0;
}

.box46__unit3__unit1__main1>p {
  font-size: 12px;
  margin: 20px 0 0;
}

.box46__unit3__unit1__main1 a:hover {
  opacity: 0.6;
}

.box46__unit3__unit1__image1 {
  min-width: 385px;
  max-width: 385px;
}

.box46__unit3__unit1__image1>p {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.box46__unit3__unit1__image1>p:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.box46__unit3__unit1__image1>p iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.box46__unit3__unit1__image1>span {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: center;
  display: block;
}

@media screen and (max-width: 767px) {
  .box46__unit3 {
    padding: 30px 20px;
    margin-top: 40px;
  }

  .box46__unit3__title1 {
    position: relative;
  }

  .box46__unit3__title1>span {
    font-size: 20px;
    padding: 0 0 0 15px;
  }

  .box46__unit3__title1:before {
    display: none;
  }

  .box46__unit3__unit1 {
    margin: 30px 0 0;
    display: block;
  }

  .box46__unit3__unit1__image1 {
    min-width: inherit;
    max-width: inherit;
    margin: 20px 0 0;
  }

  .box46__unit3__unit1__image1 img {
    width: 100%;
    height: auto;
  }
}

.box46__unit4 {
  background: #f5f5f5;
  padding: 40px;
  margin-top: 60px;
}

.box46__unit4__title1 {
  position: relative;
}

.box46__unit4__title1>span {
  display: inline-block;
  border-left: 6px solid #0b1a39;
  font-size: 25px;
  background: #f5f5f5;
  position: relative;
  padding: 0 30px 0 15px;
}

.box46__unit4__title1:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  height: 2px;
  background: #dbdbdb;
}

.box46__unit4__text1 {
  font-size: 12px;
  margin: 40px 0 0;
}

.box46__unit4__button1 {
  align-items: center;
  justify-content: center;
  margin: 40px 0 0;
}

.box46__unit4__button1>a {
  background: #021532;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 15px 40px 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.box46__unit4__button1>a:hover {
  background: #535e74;
}

.box46__unit4__button1>a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .box46__unit4 {
    padding: 30px 20px;
  }

  .box46__unit4__title1>span {
    font-size: 20px;
    padding: 0 0 0 15px;
  }

  .box46__unit4__title1:before {
    display: none;
  }

  .box46__unit4__text1 {
    margin: 30px 0 0;
  }

  .box46__unit4__button1 {
    margin: 30px 0 0;
  }
}

/* ------------------------------------------------- *
/*        box47
/* ------------------------------------------------- */

.box47 {
  width: 1000px;
  margin: 60px auto 0;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box47__title1 {
  position: relative;
  background: #0b1a39;
  color: #fff;
  text-align: center;
  padding: 40px;
}

.box47__title1:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background: #0b1a39;
  transform: rotate(45deg);
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
}

.box47__title1>h2 {
  font-size: 25px;
  width: 428px;
  margin: auto;
  border-bottom: 1px solid #555f75;
  padding-bottom: 15px;
}

.box47__title1>p {
  font-size: 14px;
  margin-top: 15px;
}

.box47__lists1 {}

.box47__lists1>li {
  font-size: 16px;
  padding: 30px;
  border-bottom: 1px dashed #707070;
}

@media screen and (max-width: 767px) {
  .box47 {
    width: 100%;
    margin: 40px auto 0;
  }

  .box47__title1 {
    padding: 30px;
  }

  .box47__title1>h2 {
    font-size: 20px;
    width: auto;
  }

  .box47__lists1>li {
    font-size: 16px;
  }
}

/* ------------------------------------------------- *
/*        box48
/* ------------------------------------------------- */

.box48 {
  width: 1000px;
  margin: 100px auto;
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.box48__title1 {
  font-size: 25px;
  text-align: center;
}

.box48__lists1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 0;
}

.box48__lists1>li {
  margin: 0 15px;
}

.box48__lists1>li>a {
  display: block;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.box48__lists1>li>a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .box48 {
    width: 100%;
    margin: 60px auto;
  }

  .box48__title1 {
    font-size: 20px;
  }

  .box48__lists1 {
    margin: 30px 0 0;
  }
}

/* ------------------------------------------------- *
/*        box49
/* ------------------------------------------------- */

.box49 {
  position: relative;
  width: 880px;
  background: white;
  padding-bottom: 40px;
  margin: 0 auto;
  padding: 60px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
  -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  border-top: 5px solid #0b1a39;
}

.box49 h2 {
  font-size: 20px;
  font-weight: bold;
  border-left: 6px solid #0b1a39;
  padding: 0 0 0 10px;
}

.box49 ul {
  margin: 25px 0 0;
}

.box49 a {
  position: relative;
  padding: 15px 0;
  font-size: 16px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #e1e1e1;
}

.box49 a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #939393;
  border-bottom: 2px solid #939393;
  transform: rotate(45deg);
}

.box49 a span {
  display: inline-block;
  background: #0b1a39;
  color: #fff;
  font-size: 14px;
  width: 100px;
  text-align: center;
  padding: 5px 0;
  margin: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
  .box49 {
    width: auto;
    padding: 30px 30px 50px;
  }

  .box49 ul {
    margin: 20px 0 0;
  }

  .box49 a {
    padding: 15px 30px 15px 0;
    font-size: 14px;
  }

  .box49 a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #939393;
    border-bottom: 2px solid #939393;
    transform: rotate(45deg);
  }

  .box49 a span {
    display: block;
    font-size: 12px;
    margin: 0 0 10px 0;
  }
}

/* ------------------------------------------------- *
/*        box50
/* ------------------------------------------------- */

.box50 {
  margin: 60px 0 0;
}

.box50__body {
  width: 880px;
  padding-bottom: 40px;
  margin: 0 auto;
  padding: 60px;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  background: #f5f5f5;
}

.box50__body>h2 {
  position: relative;
}

.box50__body>h2>span {
  display: inline-block;
  border-left: 6px solid #0b1a39;
  font-size: 25px;
  background: #f5f5f5;
  position: relative;
  padding: 0 30px 0 15px;
}

.box50__body>h2:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  height: 2px;
  background: #dbdbdb;
}

.box50__body>h3 {
  font-size: 20px;
  margin: 30px 0 0;
}

.box50__body>ul {
  margin: 40px 0 0;
}

.box50__body>ul>li {
  padding: 25px 25px 25px 90px;
  background: #fff;
  margin: 2px 0 0;
  position: relative;
}

.box50__body>ul>li>span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #0b1a39;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.box50__body>ul>li>p:nth-of-type(1) {
  font-size: 18px;
  font-weight: bold;
}

.box50__body>ul>li>p:nth-of-type(1)>span {
  color: #b5b5b5;
}

.box50__body>ul>li>p:nth-of-type(2) {
  font-size: 14px;
}

.box50__link1 {
  width: 1000px;
  margin: 30px auto 0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .box50 {
    margin: 30px 0 0;
  }

  .box50__body {
    width: auto;
    padding: 30px;
  }

  .box50__body>h3 {
    font-size: 18px;
  }

  .box50__body>ul {
    margin: 30px 0 0;
  }

  .box50__body>ul>li {
    padding: 15px 15px 15px 70px;
    background: #fff;
    margin: 2px 0 0;
    position: relative;
  }

  .box50__body>ul>li>span {
    left: 20px;
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }

  .box50__body>ul>li>p:nth-of-type(1) {
    font-size: 16px;
  }

  .box50__body>ul>li>p:nth-of-type(2) {
    font-size: 12px;
  }

  .box50__link1 {
    width: auto;
    margin: 30px 30px 0;
  }
}

/* ------------------------------------------------- *
/*        box51
/* ------------------------------------------------- */

.box51 {
  width: 880px;
  padding-bottom: 40px;
  margin: 60px auto -30px;
  padding: 60px;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  background: #f5f5f5;
}

.box51>p {
  text-align: center;
  font-size: 20px;
  margin: 30px 0 0;
}

.box51>p:first-child {
  margin: 0 0 0;
}

.box51__button {
  margin: 30px 0 0;
}

.box51__button a {
  background: #021532;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 15px 40px 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.box51__button a:hover {
  background: #535e74;
}

.box51__button a:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .box51 {
    width: auto;
    margin: 60px auto 0;
    padding: 30px;
    font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
      serif;
    background: #f5f5f5;
  }

  .box51>p {
    font-size: 18px;
  }

  .box51__button {
    margin: 30px 0 0;
  }

  .box51__button a {
    background: #021532;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 15px 40px 15px 30px;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .box51__button a:hover {
    background: #535e74;
  }

  .box51__button a:before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
  }
}

/* ------------------------------------------------- *
/*        pager
/* ------------------------------------------------- */

.pager {
  width: 1000px;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  .pager {
    width: auto;
    padding: 0 15px;
  }
}

.pager li a {
  text-decoration: none;
  font-size: 15px;
}

.pager li:first-child i {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #939393;
  border-bottom: 2px solid #939393;
  transform: rotate(45deg);
  margin: 0 5px 0 0;
}

.pager li:last-child i {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #939393;
  border-right: 2px solid #939393;
  transform: rotate(45deg);
  margin: 0 0 0 5px;
}

.lnav1 {
  padding: 0 20px;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",
    serif;
}

.lnav1__inner1 {
  background: #f5f5f5;
  padding: 20px;
}

.lnav1__title1 {
  font-size: 18px;
  font-weight: bold;
  border-left: 7px solid #0f1a37;
  padding: 0 0 0 5px;
}

.lnav1__list1 {
  margin: 20px 0 0;
}

.lnav1__list1 li {
  border-top: 1px solid #dbdbdb;
}

.lnav1__list1 li a {
  display: block;
  padding: 10px 30px 10px 0;
  text-decoration: none;
  position: relative;
}

.lnav1__list1 li a:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.box50__body .-movie1:before {
  display: inline-block;
  vertical-align: middle;
  width: 23.2px;
  height: 16px;
  background: url("/common/img/ico_type1_1.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

.box50__body .-pdf1:before {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("/common/img/ico_type1_2.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

.box50__body .-web1:before {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 19px;
  background: url("/common/img/ico_type1_3.svg") 0 0 / cover no-repeat;
  content: "";
  margin: -5px 0 0 10px;
}

@media screen and (min-width: 767px) {
  .box50__body .-movie1:before {
    width: 29px;
    height: 20px;
  }

  .box50__body .-pdf1:before {
    width: 20px;
    height: 20px;
  }

  .lnav1 {
    padding: 0;
    width: 250px;
  }

  .document1 {
    display: flex;
    width: 1000px;
    justify-content: space-between;
    margin: auto;
  }

  .main1 {
    width: 700px;
  }

  .main1 .box50__body {
    width: auto;
  }

  .main1 .box50__link1 {
    width: auto;
  }

  .main1 .box50:first-child {
    margin-top: 0;
  }
}

.footer__contact1 {
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  padding: 0 20px;
  margin: 20px 0 0;
}

.footer__contact1 a {
  text-decoration: none;
  color: #fff;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.footer__contact1 a:hover {
  opacity: 0.5;
}

.footer__contact1__txt1 {
  font-size: 16px;
}

.footer__contact1__txt2 {
  font-size: 12px;
}

.footer__contact1__txt2 a:last-child {
  margin-top: 10px;
}

.footer__contact1__txt2 a {
  display: block;
  background: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: bold;
  top: 0;
  left: 0;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 3px 3px 0px rgba(255, 255, 255, 0.3);
  position: relative;
  color: #000;
}

.footer__contact1__txt2 a:hover {
  top: 2px;
  left: 2px;
  box-shadow: none;
  opacity: 1;
}

@media screen and (min-width: 767px) {
  .footer__contact1 {
    position: absolute;
    top: 30px;
    right: 0;
    padding: 0;
    margin: 0;
  }

  .footer__contact1__txt2 a:last-child {
    margin-top: 0;
  }

  .footer__contact1__txt2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 15px;
  }
}