@charset "UTF-8";
/*---------------------------------
 変数
---------------------------------*/
/*  
breakpoint（bootstrap基準）
---------------------------------*/
/*  
色
---------------------------------*/
/*  
　フォントサイズ
---------------------------------*/
/*---------------------------------
 Body ページ全体
---------------------------------*/
body {
  color: #585657;
  font-family: serif; }
  body p {
    margin: 0;
    padding: 0; }

/*---------------------------------
 ヘッダー
---------------------------------*/
header .micol_logo {
  background-color: #232F77;
  height: 50px;
  text-align: center;
  line-height: 50px; }

/*---------------------------------
 フッター
---------------------------------*/
footer {
  background-color: #E1E2E9; }
  footer img {
    margin-top: 20px;
    margin-bottom: 10px; }
  footer p {
    font-weight: bold;
    color: #253371; }

/*---------------------------------
パンくず
---------------------------------*/
.pankuzu {
  font-size: 14px;
  margin-top: 8px;
  margin-left: 20px;
  z-index: 100; }
  .pankuzu a {
    color: #007bff; }
    .pankuzu a:link, .pankuzu a:visited, .pankuzu a:hover, .pankuzu a:active {
      color: #007bff; }

/*---------------------------------
 ページの内容
---------------------------------*/
/* スペーサー
====================================================*/
/* 上マージン */
.mt-10 {
  margin-top: 10px; }

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

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-43 {
  margin-top: 43px; }

/* 下マージン */
.mb-0 {
  margin-bottom: 0; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

/* 画像調整
====================================================*/
/* 横幅100% 最大1200px 中央寄せ */
.img-w1200 {
  width: 100%;
  max-width: 1200px;
  margin: auto; }

/* 横幅100% 最大800px 中央寄せ */
.img-w800 {
  width: 100%;
  max-width: 800px;
  margin: auto; }

/* 横幅100% 最大500px 中央寄せ */
.img-w500 {
  width: 100%;
  max-width: 500px;
  margin: auto; }

/* 横幅100% 最大300px 中央寄せ */
.img-w300 {
  width: 100%;
  max-width: 300px;
  margin: auto; }

/* 横幅100% 最大50px 中央寄せ */
.img-w50 {
  width: 100%;
  max-width: 50px;
  margin: auto; }

/* hタグ未使用でフォントサイズ大きくする
========================*/
.f-big {
  font-size: 1.7em; }

.f-big2 {
  font-size: 1.3em; }

/* 黄色丸（表題）の出現
========================*/
.yellow {
  background-image: url("../images/yellow.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 20px; }

/* 黄色丸（水彩）の出現
========================*/
.yellow2 {
  background-image: url("../images/075.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  padding: 100px; }

/* 下線マーカー
========================*/
.pen {
  background: linear-gradient(transparent 60%, #FCF150 60%); }

/* ブロックが中央揃え、テキストは左揃え
========================*/
.b-center {
  margin-left: auto;
  margin-right: auto; }

/* 画像を丸く切り抜く
========================*/
.p_maru {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover; }

/* ボタンレイアウト
========================*/
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding: 20px; }

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500; }

a.btn--radius {
  border-radius: 100vh; }

/*特集ページリンク用
=================================*/
.t-small {
  font-size: 18px;
  font-weight: bold; }