@charset "utf-8";
/*
Theme Name:ORION child
Theme URI:https://tcd-theme.com/tcd037
Description: WordPress theme "ORION" has an impressive full-screen first view. It has a special custom post type, which allows you to place sliders and tabbed content anywhere, can be used for sales pages or landing pages as well.
Template:orion_tcd037
Author:advonext
Author URI:https://tcd-theme.com/
Text Domain:tcd-orion
Version:4.1.3
*/
body{
  overflow: hidden;
}
#menu-gloal_menu{
    background-color: #2d56ab;
}
a:hover, #comment_header ul li a:hover, .pc #global_menu > ul > li.active > a,
 .pc #global_menu li.current-menu-item > a, .pc #global_menu > ul > li > a:hover,
  #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover {
     color: #42c1d7!important;
}

.pc .header_fix #header {
    z-index: 999;/*uikit-modal z-index: 9999;*/
    }
@media screen and (max-width: 1640px) {
.pc #global_menu > ul > li > a {
    padding: 0 18px;
}
}
@media screen and (max-width: 1340px) {
.pc #global_menu > ul > li > a {
    padding: 0 10px;
}
}
/*
#index_news,#index_dis,#index_content2_1{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}*/

/*背景画像スマフォ不具合*/
/*.slick-list, .slick-track, .slick-slide{
  width: 100%!important;
}*/


.index_content_header .headline {
font-size:3.2rem!important;line-height: 4rem!important;
margin-bottom: 0;
}

.index_content_header2 .headline {
font-size:3.2rem!important;line-height: 4rem!important;
margin-bottom: 0;
}
@media screen and (min-width:970px) {.index_content_header2 .headline {font-size:3.2rem!important; }}

.index_box_list .headline {
font-size:1.8rem!important;
}

/****/

/*#index_content2{
background-image: url(/imgs/top_fuji.png);background-size: cover!important;
}*/

#index_content2 .box .headline{

text-shadow:4px 4px 4px #333333; color:#FFFFFF;

}
.index_content_header .desc p::first-line
 { font-size:0.8
  rem; color: #2d56ab; font-weight: bold;display: block;

}


#header_image img {
    filter: brightness(50%);
}



.index_content_header2 .link a , .info .link {
background-color: #2d56ab;
}

/****/

#index_content2_2{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.index_freespace_inner{padding-top:0;}
#index_freespace .index_content_header2{display:none;}
#index_content2_1,#index_content2_2{background-color:#e2e7f2;}
/*#index_dis_list li .desc p  {margin-bottom: 0;color: white !important;}*/



.index_content_header h2
 {
    font-weight: 400!important;
    }





dl.day {
margin: 0px;
padding: 0px;
/*width: 330px;*//*幅（任意ですがdtとddのwidth＋margin30pxの合計になるようにして下さい）*/
}
.day dt{
clear: both;
float: left;
width: 7rem;/*日付の幅（任意）*/
/*padding: 1px;*//*文字周りの余白（表記しなくてもいいです）*/
margin: 0rem 0 0;
}
.day dd{
/*width: 200px;*//*テキストの幅（任意）*/
margin: 0 0 0 7rem;/*日付とテキスト間の幅（30px分幅を取っています）*/
/*padding: 1px;*//*文字周りの余白（表記しなくてもいいです）*/
}

/* スマホでは地図の高さを300pxにする */
@media (max-width: 768px) {
.map-container iframe {
height: 300px;
}
}




.history-list {
  display: grid;
  grid-template-columns: 120px 1fr; /* 左側に日付の幅を固定 */
  gap: 20px 0;
  border-left: 2px solid #ccc; /* 縦のライン */
  padding-left: 20px;
  margin-left: 20px;
}

.history-list dt {
  grid-column: 1;
  font-weight: bold;
  position: relative;margin-bottom:0!important;
}

/* 日付の横に丸いポインタを表示 */
.history-list dt::before {
  content: "";
  position: absolute;
  left: -27px; /* ライン上に配置 */
  top: 10px;
  width: 12px;
  height: 12px;
  background: #2d56ab;
  border-radius: 50%;
}
.d_color{
	color:  #2d56ab;
}
.history-list dd {
  grid-column: 2;
  margin: 0;
  padding-bottom: 0px;margin-bottom:0!important;
}

/* スマホ対応: 縦並びにする */
@media (max-width: 600px) {
  .history-list {
    display: block;
  }
  .history-list dt {
    margin-bottom: 5px;
  }
}

.mi_line{
	  border-bottom: dotted 2px #ccc;
	  font-size: 1.6rem!important;
    line-height: 2rem !important;
        padding: 1rem 0 0.5rem !important;
}
.uk-background-primary{
      background-color: #2d56ab;
}
.uk-button-primary {
    background-color: #2d56ab;
height: 50px;
}
.uk-button-primary:after {
    font-family: 'design_plus';
    content: '\e910';
    font-size: 17px;
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.uk-button-primary.uk-active, .uk-button-primary:active {
    background-color: #2D8696;
  }
.uk-button-primary:hover {
    background-color: #2D8696;
}
.full {
  /*background: #26a69a;*/
  padding: 4px 8px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.kc_midashi,li{
/*color: #2d56ab;*/
font-size: 120%;
/*font-weight: 700;*/
}

/* リスト全体の設定 */
.greeting ol {
  list-style-type: decimal; /* 数字のスタイル */
  padding-left: 20px;
  margin-left:0!important;
}

/* 数字（マーカー）部分だけに色を指定 */
.greeting ol li::marker {
  color: #2d56ab; /* ここに好きな色を指定 */
  font-weight: bold; /* 太字などの装飾も可能 */
}
.greeting  ul li::marker {
  content: "● "; /* 好きな文字や絵文字を入れる */
  color: #2d56ab; /* 色も指定可能 */
}


    .m-v-m img:first-child {
      /*  position: absolute;
*/
      mix-blend-mode: multiply;
    }

    .m-v-s img:first-child {
      /*  position: absolute;
*/
      /*mix-blend-mode: saturation;*/
      filter: grayScale(1);
    }

.top-message__text h3 {
  color: #2d56ab;
}
.top-message__text {
  color: #222222;
  /*font-size: 1.6rem;*/
}
.post_col .mcolor {
    color: #2d56ab;
    font-weight: 600;
}

/*プライバシーポリシー*/
#menu-item-100{ /*menu-item-607*/
  margin-top: 5em;
}