/****************************************
  TOPへ戻るボタン（Go to top）
*****************************************/
@media screen and (min-width: 782px) {
    #page-top{
        position:fixed;
        right:100px;
        bottom:100px;
        display: none;
        z-index:9999;
    }
}
@media screen and (max-width: 781px) {
    #page-top{
        position:fixed;
        right:30px;
        bottom:50px;
        display: none;
        z-index:9999;
    }
}

#page-top a:hover{
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
    opacity: 0.8;
}
@media  print, screen{
    #page-top a{
        text-decoration:none;
        display:block;
        cursor:pointer;
        text-align:center;
        line-height:100%;
        width: 50px;
        height: 50px;
    }

    html,body{
        width: 100%;
    }
    html{
      overflow: auto;
    }
    body {
      overflow-x: hidden;
      margin: 0 auto 0;
      font-family: "Noto Sans JP", sans-serif;
    }
    .font_line_bl{
     color: #000 !important;
     padding-bottom: 0 !important;
     border-bottom:2px solid #000 !important;
     display: table;
     margin: 1em auto;
    }
    .h_under{
        font-size:1rem;
        text-align:center;
    }
    .h_under_line{
        width: 90%;
        border-bottom: 1px solid;
        margin: 0 auto 1%;   
    }
    /*リスト*/
    .ul, .ol{
        position: relative;
        margin-bottom: 1em;
        margin-left: 1em;
        text-indent: 0em;
		text-align: justify;
		-moz-text-align-last: justify;
    }
    div#contents_container_other_p ol{
    	list-style:decimal;
    }
    div#content ol{
    	list-style:decimal;
    }
    .decimal li{
    	list-style-type:decimal !important;
    }
    .disc li,
    ul.wp-block-list{
    	list-style-type:disc !important;
    }
    ul.is-style-non_list{
    margin-left:1em  !important;
    }
    .is-style-non_list > li{
    margin-left:0 ;
    list-style:none ;
    }

    .disc_childno li ul li{
    	list-style-type:none !important;
    }
    ul.kome{
        padding-left:0;
    }
    .kome li{
    	padding-left: 1em;
        text-indent: -1em;
    }
    ul.list_parentheses{
        padding-left:0;
    }
    .list_parentheses li{
        list-style-position:inside;
        counter-increment: cnt;
    }
    .list_parentheses li:before{
        display: marker;
        content: "(" counter(cnt) ") ";
    }
    .li_s li{
        margin-bottom: 1em;
    }
    .text_indent1{
    	padding-left: 1em;
        text-indent: -1em;
    }
    .sage1 li{
    	padding-left: 2em;
        text-indent: -2em;
    }
    .sage2 li{
    	padding-left: 3em;
        text-indent: -3em;
    }
    .sage3 li{
    	padding-left: 4em;
        text-indent: -4em;
    }
    .sage4 li{
    	padding-left: 5em;
        text-indent: -5em;
    }
    .sage5 li{
    	padding-left: 6em;
        text-indent: -6em;
    }
    .w_860{
        max-width:860px;
        margin:0 auto;
    }
    .link_b a{
     color:#000;   
    }
    .link_b a:hover {
      transition:  .3s;
      color:#ccc;
    }
    .btn a {
    border-color:#0063AC;
    }
    .btn:hover {
      transition:  .3s;
      color:#fff;
      background-color:#0063AC;
    }
    .arr_btn a{
      text-align: center;
      color: #F28E1E;
      width: 225px;
      font-weight: bold;
      background-color:initial;
      border: 2px solid #F28E1E;
      position: relative;
    }
    .arr_btn a::before { /* くの字の表示設定 */
      content: "";
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 20px;
      width: 8px;    /* くの字を山なりに見た時、左側の長さ */
      height: 8px;   /* くの字を山なりに見た時、右側の長さ */
      border-top: 2px solid #F28E1E;     /* くの字を山なりに見た時、左側の太さと色 */
      border-right: 2px solid #F28E1E;   /* くの字を山なりに見た時、右側の太さと色 */
      transform: rotate(45deg);    /* くの字の向き */
    }
        .arr_btn a:hover{
      color: #fff;
      background-color:#F28E1E;
      border-color:#F28E1E;
      transition:  .3s;
    }
    .arr_btn a:hover::before { /* くの字の表示設定 */
      content: "";
      border-color:#fff;
      transition:  .3s;
    }

    /*採用のチェック*/
    ul.check {
      list-style-type: none;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
    ul.check li {
      position: relative;
      font-size: 1.6rem !important;
      line-height:2.6rem;
    }
    ul.check li::after {
      content: '';
      display: block;
      position: absolute;
      top: .5em;
      left: -1em;
      width: 10px;
      height: 5px;
      border-left: 3px solid #F28E15;
      border-bottom: 3px solid #F28E15;
      transform: rotate(-45deg);
    }
    
    /****************************************
              General Setting
    *****************************************/
    :root{
        font-size: 62.5%;
    }
    body{	
    font-family: "Noto Sans JP", sans-serif;
    }
    .back_brown{
    background-color:#F7EFE6;
    }
    .font-s{
      font-size:1.2rem;
    }
    .font-m{
      font-size:1.6rem;
    }

.button a {
    background: #fff;
    border-radius: 9999px;
    position: relative;
    display: block;
    max-width: 100px;
    padding: 10px 25px;
    font-family: "Noto Sans JP", sans-serif;
    color: #0074C9;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size:1.3rem;
    border: 1px solid #0074C9;
}
.button a:hover {
    background: #0063AC;
    color: #FFF;
    border-color:#0063AC;
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #0074C9;
    border-right: 3px solid #0074C9;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}
    a img:hover{
/*     	display:block; */
        opacity: 0.6;
        transition:  .3s;
    }
}
@media screen and (max-width: 781px) {
        a img:hover{
            margin:0 auto;
    }
}
@media  print, screen{
    /******************************************************
            外枠
    ******************************************************/
    #container,
    .wrapper {
      margin: 0 auto;
      width:100%;
    }
    #contents_container {
      display:block;
      margin: 0 auto;
      width:100%;
    }
    #contents_container_other_p {
      display:block;
      margin: 0 auto;
    }
    #contents_wrap{
      display:block;
      margin: 0 auto;
      width:95%;
      max-width:1000px;
    }
    .title_about{
        background: url(../img/about/ABOUTUS_header.jpg) center top / cover no-repeat;
}
    .title_office{
        background: url(../img/about/Office_header.jpg) center top / cover no-repeat;
}
    .title_recruit{
        background: url(../img/recruit/RECRUIT_header.jpg) center top / cover no-repeat;
}
    .title_privacy{
        background: url(../img/contact_privacy/PRIVACY_POLICY_header.jpg) center top / cover no-repeat;
}
    .title_contact{
        background: url(../img/contact_privacy/CONTACT_header.jpg) center top / cover no-repeat;
}
    .title_service{
        background: url(../img/service/SERVICE-OUR_WORKS_header.jpg) center top / cover no-repeat;
}
    .title_entry{
        background: url(../img/recruit/ENTRYFORM_header.jpg) center top / cover no-repeat;
}

/*----------------------------------------
            スマホ
   ---------------------------------------- */

@media screen and (max-width: 781px) {
.pc{display:none !important;}
.sp{display:block !important;}
    /******************************************************
            ヘッダー（ロゴ）
    ******************************************************/
    .head_wrap {
        display: block;
        position: fixed;
        width:100%;
        background-color: #f8f8f8;
        z-index:1001;
    }
    .thumb-item_wrap {
        margin-top:70px !important;
    }
    #h_logo{
      display:block;
      height:40px;
      margin:10px auto 20px;
      text-align:left;
      line-height: 50px;
      }
    #h_logo img{
      width:200px;
      }
    #h_logo .logo {
  width: 200px;
  height: 30px;
  margin: 0 auto;
  }

    /******************************************************
            上部メニュー
    ******************************************************/
    #global-nav {
        display:none;
        background-color: #0063AC;
    }
    .top-menu ul {
        margin:0;
        padding:0;
        list-style:none;
        display: block;
    }
    .top-menu li {
        position:relative;
        width:100%;
        list-style:none;
        border-left: 1px solid #949494;
      }
    .top-menu li.button {
        background:#8DC21F;
        margin-left:0;
        border:none;
        border-left: 1px solid #949494;
        padding:0;
        text-align:left;
      }
    .top-menu li a{
        display:block;
        height:30px;
        line-height:30px;
        padding:10px 15px;
        color:#fff;
        font-size:0.9em;
        text-decoration:none;
        border-bottom:1px solid #fff;
      }
    ul.sub-menu li a{
        display: block;
        height: 30px;
        line-height: 30px;
        padding-left:0px; 
        position: relative;
    }
    .top-menu ul.sub-menu li a{
        padding-left:30px; 
    }
    #global-nav  li a:after{
      content: "";
      position: absolute;
      top: 25px;
      right: 10%;
      width: 7px;
      height: 7px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      margin-top: -5px;
    }
    #global-nav  li.toggle a:after{
      content:none;
      }
    #global-nav  li.toggle a{
      pointer-events: none;
      }
    .toggle:after{
        position: absolute;
        top: 15px;
        right: 10%;
        margin-top: -14px;
        margin: -10px 0 0 15px;
        content: '+';
        font-size: 30px;
        color:#fff;
        -moz-transition:0.25s;
        -o-transition:0.25s;
        -webkit-transition:0.25s;
        transition:0.25s;
        }
    .toggle.active:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #global-nav  li.toggle ul li {
        display: none;
    }
    #global-nav  li.toggle ul li a:after{
      content: "";
      position: absolute;
      top: 25px;
      right: 10%;
      width: 7px;
      height: 7px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      margin-top: -5px;
    }
    #global-nav  li.toggle ul li a{
      pointer-events: auto;
      }
    #global-nav li.menu-item a span {   /*親要素の下の英字*/
        display:none;
          }
    #navbtn{
        position:absolute;
        top: 10px;
        right: 20px;
        cursor: pointer
    }
     /* ハンバーガーアイコンの枠 */
    #h-menu {
      position:relative;
    	width:36px;
    	height:38px;
    	margin:6px;
    	cursor:	pointer;
    	display:block;
    	border:	1px solid #ccc;
    	border-radius:	4px;
    	text-align:	center;
    	background-color:#0063AC;
    }
    /*	ハンバーガーアイコンの作成　*/
    #h-icon {
    	position:relative;
    	display:block;
    	width:23px;
    	height:17px;
    	top:10px;
    	left:7px;
    	background-color:#fff;	/* アイコンの線の色 */
    }
    /* ハンバーガーアイコンの白線部分作成 */
    #h-icon:before, #h-icon:after {
    	position:absolute;
    	left:0;
    	content:"";
    	width:100%;
    	border-top:4px solid #0063AC; 
    }
    #h-icon:before {
    	top:3px;
    }
    #h-icon:after {
    	bottom:3px;
    }
    .inst{
    display:flex;
    justify-content: center;
    align-items: end;
    background-color: #5F9EA0;
    border-radius: 30%;
    border:1px solid #5F9EA0;
    width: 50px;
    height: 50px;
    }
    .inst .fa{
        color:#fff;
        font-size:40px;
    }
    .inst:hover{
    border:1px solid #5F9EA0;
    background-color: #fff;
        transition:  .3s;
    }
    .inst:hover .fa{
        color:#5F9EA0;
        transition:  .3s;
    }

 /******************************************************
        サイドメニュー
******************************************************/
    .sidebar {
        padding:10px;
        border:1px solid #CDD6DD;
}
    .sidebar-wrapper {
  margin-bottom: 2rem;
}
.sidebar-title {
  font-size: 1.1rem;
  box-sizing: border-box;
  margin: 0 0 1.2rem;
  padding: .5rem;
  color: #000;
  border-bottom: 4px solid #03162f;
}
          /*デフォルトウィジェット*/
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.calendar_wrap,
.tagcloud {
  list-style: none;
}
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages li,
.widget_meta li,
.widget_archive li,
.widget_nav_menu li {
  position: relative;
  margin-bottom: .5rem;
}
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a,
.widget_nav_menu a {
  text-decoration: none;
  color: #333;
}
.sidebar-wrapper a:hover {
  opacity: .6;
}

/*カテゴリウィジェット*/
.widget_categories ul {
padding-left:0;
}

.widget_categories li {
  display: block;
  margin-bottom: .5rem;
  border-bottom:1px solid #CDD6DD;
  color: #3E3A39;
  padding: .9rem 0 .9rem 0;
}
.widget_categories li a {
  position: relative;
  padding-left: 1rem;
}
.widget_categories .children {
  margin-bottom: .5rem;
  padding: 0;
  padding-left: 1rem;
  background-color: #415671;
}
.widget_categories .children li {
  margin-bottom: 0;
}
.widget_categories .children li a {
  font-size: .9rem;
  background-color: transparent;
}
.widget_categories .children li a::before {
  position: absolute;
  top: 50%;
  left: .6rem;
  content: '∟';
  transform: translateY(-50%);
  color: #fff;
}

/*カテゴリウィジェットとアーカイブウィジェットのドロップダウン表示*/
.widget_categories .screen-reader-text {
  display: none;
}
.widget_archive .screen-reader-text {
  position: relative;
  display: block;
  height: 0;
  text-indent: -9999999px;
}
.widget_categories form {
  position: relative;
}
.widget_categories form::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  content: '▼';
  transform: translateY(-50%);
  pointer-events: none;
}
.widget_categories .postform,
.widget_archive select {
  font-size: .95rem;
  width: 100%;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #e0e3ef;
  border-radius: 0;
  background-color: #f4f5f9;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.widget_archive label::after {
  position: absolute;
  top: .5rem;
  right: 1rem;
  content: '▼';
  text-indent: 0;
  pointer-events: none;
}

/*タグウィジェット*/
.tagcloud a {
  font-size: .9rem !important;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: .5rem;
  padding: .2rem .5rem;
  text-decoration: none;
  color: #03162f;
  border: 1px solid #000;
  background-color: #fff;
}

/*メニューウィジェット*/
.widget_nav_menu li a {
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.3rem;
  color: #333;
}

/*最近の投稿*/
.widget_recent_entries li {
  padding-bottom: .5rem;
  border-bottom: 1px solid #ddd;
}
.widget_recent_entries li a {
  display: block;
  margin-bottom: .3rem;
  padding-left: 1rem;
}
.widget_recent_entries .post-date {
  font-size: .8rem;
  display: block;
}

/*カレンダーウィジェット*/
.calendar_wrap {
  padding: 1rem;
  border: 1px solid #ddd;
}
.calendar_wrap table {
  width: 100%;
}
.calendar_wrap tbody {
  text-align: center;
}
.calendar_wrap caption {
  font-weight: bold;
  margin-bottom: 1rem;
}
.calendar_wrap td {
  padding: .3rem 0;
}
.calendar_wrap tfoot td {
  padding-top: .7rem;
}
.calendar_wrap tfoot td:last-child {
  text-align: right;
}

/******************************************************
      ブログ部分
******************************************************/
   
    
    .newstitle{
 font-size:2rem;
 font-weight:900;
 display:block;   
 padding-bottom:10px;
}
.newstitle::after{
  position: absolute;
  content: '';
  display:block;
  width:60px;
  margin-top: 10px ;
  border-bottom:2px solid #CDD6DD;
}
.news_single{
margin-top:20px;
}
#info_single .date{
color:#707F89;
font-weight:900;
width:50%;
}
#info_single .title{
width:100%;
padding-bottom:2%;
}
#info_single td{
vertical-align:middle;
}
#info_single a{
color:#3E3A39;
}
#info_single tr{
border-bottom:1px solid #CDD6DD;
display: flex;
flex-wrap: wrap;
margin-top:2%;
align-items: center;
    }
#info_single table{
margin-bottom:50px;
}

    /******************************************************
            フッターお問合せ
    ******************************************************/
div#footer_global-nav div {
    margin-right: 2em;
    }
    #footer .con_btn{
      width: 153px;
      height: 43px;
      border-radius: 40px;
      background-color:#5F9EA0 ;
      border:1px solid  #5F9EA0;
      text-align:center;
    }
  .foot_section li.con_btn a{
        margin:0 auto;
        color:#fff !important;
        line-height: 45px;
    }
    #footer .con_btn:hover{
        background-color: #fff;
         border:1px solid  #5F9EA0;
        transition:  .3s;
      }
   #footer  .con_btn:hover a{
        color:#5F9EA0 !important;
        transition:  .3s;
      }
    #footer .con_btn a:hover{
        color:#5F9EA0 !important;
        transition:  .3s;
      }
    
}
 @media screen and (max-width: 781px) {   
 
 .mb_contents{
  margin-bottom:30px !important;
  }
            
    /******************************************************
            中身
    ******************************************************/
    /*TOP・更新*/
    #content{
      display: block;
      width:95%;
      max-width: 1000px;
      height: auto;
      min-height:870px;
      margin:0 auto;
    }
    .p_title_img{
      width: 100%;
      margin-top: 70px;
    }
    .p_title_block{
      width: 100%;
      background-color: #EEAA57;
      padding:3rem 0;
      text-align: center;
      color: #fff !important;
      font-size: 2.2rem;
      margin-top: 70px;
    }
    #contents_container {
      margin-top: 70px;
    }
    #contents_container_other_p{
      margin-top: 20px;
      width:90%;
    }
    
    .contents_wrap{
      display:block;
      margin: 0 auto;
      width:95%;
      max-width:1000px;
    }
    .contents_wrap_icon{
      margin: 30px auto;
      width:100%;
      text-align:center;
    }
    .wp-block-columns.is-not-stacked-on-mobile.contents_wrap_icon{
      flex-wrap : wrap !important;
    }

    .contents_wrap_icon>div{
      flex-basis: 45% !important;
      width:45%;
    }

    /******************************************************
            中身（TOP以外）
    ******************************************************/
    /*******************タイトル***********************/
    #page_title{
        width: 100%;
        margin-top: 70px;
        color:#ffffff;
        text-align:left;
        letter-spacing: 2px;
        border:none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 2rem 0;
  text-shadow: 0.5px 0.5px 0.5px #000, -0.5px -0.5px 0.5px #ccc,
  -0.5px 0.5px 0.5px #ccc,  0.5px -0.5px 0.5px #ccc,
  0.5px 0 0.5px #ccc, -0.5px  0 0.5px #ccc,
  0 0.5px 0.5px #ccc,  0 -0.5px 0.5px #ccc;
      }
    #page_title h1{
        display: block;
        margin-left: 5%;
        font-size:3rem;
    }
    #page_title h2.small_title{
        display: block;
        margin-left: 5%;
        font-size:1.5rem;
    }
    /******************************************************
            フッター
    ******************************************************/
  #footer{
    position: static;
    margin:0 auto 0;
    width:100%;
    font-size: 1.4rem;
    color:#fff;
    text-align:center;
    background-color: #0063AC;
    }
  #footer .wp-block-spacer{
      display:none;
    }
  #area-ft h4{
      display:none;
  } 
  #area-ft2{
    display:block;
    margin: 0px -500%;
    padding: 10px 500%  50px;
    text-align:center;
  }
  /* フッター： フッターメニュー */

  .footer_croft{
    margin: 0 -500% 0px;
    padding: 40px 500%  10px;
  }
  #footer .foot_section {
    display: none;
  }
/************************************
 レスポンシブページネーション
************************************/
	.pagination{
	  list-style-type: none;
	  padding-left: 0;
	  margin: 30px 0;
	}
	
	.pagination,
	.pagination li a {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  align-items: center;
	}
	
	.pagination a {
	  font-weight: 300;
	  padding-top: 1px;
	  text-decoration:none;
	  border: 1px solid #ddd;
	  border-left-width: 0;
	  min-width:36px;
	  min-height:36px;
	  color: #333;
	}
	
	.pagination li:not([class*="current"]) a:hover {
	  background-color: #eee;
	}
	
	.pagination li:first-of-type a {
	  border-left-width: 1px;
	}
	
	.pagination li.first span,
	.pagination li.last span,
	.pagination li.previous span,
	.pagination li.next span {
	  /* screen readers only */
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}
	
	.pagination li.first a::before,
	.pagination li.last a::after,
	.pagination li.previous a::before,
	.pagination li.next a::after {
	  display: inline-block;
	  font-family: Fontawesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  transform: translate(0, 0);
	}
	
	.pagination li.first a::before { content: "\f100"; }
	.pagination li.last a::after { content: "\f101"; }
	
	.pagination li.previous a::before { content: "\f104"; }
	.pagination li.next a::after { content: "\f105"; }
	
	.pagination li.current a {
	 background-color: #ddd;
	 cursor: default;
	 pointer-events: none;
	}
	
	.pagination > li:first-child > a {
	  border-bottom-left-radius: 4px;
	  border-top-left-radius: 4px;
	}
	
	.pagination > li:last-child > a {
	  border-bottom-right-radius: 4px;
	  border-top-right-radius: 4px;
	}
	
	
}

@media print {
      .head_wrap {
        position: absolute !important;
    }
}
/*----------------------------------------
            PC、タブレット
   ---------------------------------------- */
@media  print, screen and (min-width: 782px) {
.sp{display:none !important; }
.pc{display:block;}
    
    /******************************************************
            ヘッダー（ロゴ）
    ******************************************************/
    div#header {
      width: 100%;
      display: flex;
    }
    #h_logo{
      width: 40%;
      }
    #h_logo img{
      margin-left:3em;
      }
    #h_logo .logo {
  }
  .head_wrap {
    display: block;
    position: fixed;
    padding: 0 500%;
    margin: 0 -500%;
    background-color: #F8F8F8;
    z-index:1001;
    width: 100%;
    height:50px;
}
  .head_inner {
    display: flex;
    background-color: #F8F8F8;
    z-index:1001;
    width: 100%;
/*     max-width: 1350px; */
    height:50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

    .top-menu ul {
        display:flex;
        justify-content: flex-end;
        align-items: center;
        padding:0;
    }
    /******************************************************
            上部メニュー
    ******************************************************/
    /*メニューアイコン*/
    .icon_home{
      width: 26px;
      height: 26px;
      background-image: url(../img/share/head_icon01.png);
      background-size: contain;
      background-repeat: no-repeat;
      margin:0 auto;
    }
    .icon_doc{
      width: 26px;
      height: 26px;
      background-image: url(../img/share/head_icon02.png);
      background-size: contain;
      background-repeat: no-repeat;
      margin:0 auto;
    }
    .icon_rec{
      width: 26px;
      height: 26px;
      background-image: url(../img/share/head_icon03.png);
      background-size: contain;
      background-repeat: no-repeat;
      margin:0 auto;
    }
    .icon_acc{
      width: 26px;
      height: 26px;
      background-image: url(../img/share/head_icon04.png);
      background-size: contain;
      background-repeat: no-repeat;
      margin:0 auto;
    }
    .icon_pri{
      width: 26px;
      height: 26px;
      background-image: url(../img/share/head_icon05.png);
      background-size: contain;
      background-repeat: no-repeat;
      margin:0 auto;
    }
    .con_btn{
      width: 100px;
      height: 48px;
      background-color:#0063AC ;
      border:1px solid  #0063AC;
    }

    #global-nav {
      display:block !important;
      width: 100%;
      margin: 0 auto;
    }
    .top-menu li {
        position: relative;
        list-style:none;
        display: flex;
        align-items: center;
      }
    .top-menu li a{
        font-size:1.4rem;
        display: block;
        color:#000;
        text-decoration:none;
        text-align:center;
        line-height:17px;
        margin:10px 1.5rem;
      }
    .top-menu ul.menu>li a{
      }
    .top-menu li.con_btn a{
        margin:0 auto;
        color:#fff;
      }
    .top-menu li.button a{
        font-size:13px;
        color:#fff;
      }
    li.button a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10%;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        margin-top: -5px;
    }

    .top-menu li a:hover{
        transition:  .3s;
        color:#0063AC;
      }
    .con_btn:hover{
        background-color: #fff;
         border:1px solid  #0063AC;
        transition:  .3s;
      }
    .con_btn:hover a{
        color:#0063AC !important;
        transition:  .3s;
      }
    .con_btn a:hover{
        color:#0063AC !important;
        transition:  .3s;
      }
    #global-nav ul.menu>li>ul.sub-menu{   /*子要素リスト*/
        list-style:none;
        position:absolute;
        z-index:9999;
        top:100%;
        left:50%;
        margin:0;
        padding:0;
        display: flex;
        flex-direction: column;
      }
      .top-menu li:hover ul li{
          overflow: visible !important;
          height: 60px !important;
        }
    .top-menu li ul li{
        width:200px;
        overflow: hidden;
        transition: .2s;
        height: 0;
        border:none;
        margin-left:-100px;
      }
    .top-menu li ul li:last-child{
        border-right:none;
      }
    .top-menu li ul li a{
        width:180px;
        height:40px;
        padding:10px;
        text-align:center;
        margin:0 auto;
        background-color:#fff;
        display: grid;
    	place-items: center center;
      }
    .top-menu li ul li a:hover{
        background-color:#736357;
        color:#fff;
      }
    #navbtn{
        display:none;
    }
    .inst{
     background-color: #5F9EA0;
    border-radius: 30%;
    border:1px solid #5F9EA0;
    width: 50px;
    height: 50px;
    justify-content: center;
    }
    .inst .fa{
        color:#fff;
        font-size:40px;
    }
    .inst:hover{
    border:1px solid #5F9EA0;
    background-color: #fff;
        transition:  .3s;
    }
    .inst:hover .fa{
        color:#5F9EA0;
        transition:  .3s;
    }
}
@media  print, screen and (min-width: 782px) {   
 .mb_contents{
  margin-bottom:90px !important;
  }

    /******************************************************
            サイドメニュー
    ******************************************************/
    .sidebar {
        width:30%;
        max-width:280px;
        height: fit-content;
        padding:10px;
        border:1px solid #CDD6DD;
}
    .sidebar-wrapper {
  margin-bottom: 2rem;
}
.sidebar-title {
  font-size: 1.1rem;
  box-sizing: border-box;
  margin: 0 0 1.4rem;
  padding: .5rem;
  color: #000;
  border-bottom: 4px solid #03162f;
}
          /*デフォルトウィジェット*/
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.calendar_wrap,
.tagcloud {
  list-style: none;
}
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages li,
.widget_meta li,
.widget_archive li,
.widget_nav_menu li {
  position: relative;
  margin-bottom: .5rem;
}
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a,
.widget_nav_menu a {
  text-decoration: none;
  color: #333;
}
.sidebar-wrapper a:hover {
  opacity: .6;
}

/*カテゴリウィジェット*/
.widget_categories ul {
padding-left:0;
}

.widget_categories li {
  display: block;
  margin-bottom: .5rem;
  border-bottom:1px solid #CDD6DD;
  color: #3E3A39;
  padding: .9rem 0 .9rem 0;
}
.widget_categories li a {
  position: relative;
  padding-left: 1rem;
}
.widget_categories .children {
  margin-bottom: .5rem;
  padding: 0;
  padding-left: 1rem;
  background-color: #415671;
}
.widget_categories .children li {
  margin-bottom: 0;
}
.widget_categories .children li a {
  font-size: .9rem;
  background-color: transparent;
}
.widget_categories .children li a::before {
  position: absolute;
  top: 50%;
  left: .6rem;
  content: '∟';
  transform: translateY(-50%);
  color: #fff;
}

/*カテゴリウィジェットとアーカイブウィジェットのドロップダウン表示*/
.widget_categories .screen-reader-text {
  display: none;
}
.widget_archive .screen-reader-text {
  position: relative;
  display: block;
  height: 0;
  text-indent: -9999999px;
}
.widget_categories form {
  position: relative;
}
.widget_categories form::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  content: '▼';
  transform: translateY(-50%);
  pointer-events: none;
}
.widget_categories .postform,
.widget_archive select {
  font-size: .95rem;
  width: 100%;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #e0e3ef;
  border-radius: 0;
  background-color: #f4f5f9;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.widget_archive label::after {
  position: absolute;
  top: .5rem;
  right: 1rem;
  content: '▼';
  text-indent: 0;
  pointer-events: none;
}

/*タグウィジェット*/
.tagcloud a {
  font-size: .9rem !important;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: .5rem;
  padding: .2rem .5rem;
  text-decoration: none;
  color: #03162f;
  border: 1px solid #000;
  background-color: #fff;
}

/*メニューウィジェット*/
.widget_nav_menu li a {
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.3rem;
  color: #333;
}

/*最近の投稿*/
.widget_recent_entries li {
  padding-bottom: .5rem;
  border-bottom: 1px solid #ddd;
}
.widget_recent_entries li a {
  display: block;
  margin-bottom: .3rem;
  padding-left: 1rem;
}
.widget_recent_entries .post-date {
  font-size: .8rem;
  display: block;
}

/*カレンダーウィジェット*/
.calendar_wrap {
  padding: 1rem;
  border: 1px solid #ddd;
}
.calendar_wrap table {
  width: 100%;
}
.calendar_wrap tbody {
  text-align: center;
}
.calendar_wrap caption {
  font-weight: bold;
  margin-bottom: 1rem;
}
.calendar_wrap td {
  padding: .3rem 0;
}
.calendar_wrap tfoot td {
  padding-top: .7rem;
}
.calendar_wrap tfoot td:last-child {
  text-align: right;
}

/******************************************************
      ブログ部分
******************************************************/

  #info_single{
      width:60%;
    }
.newstitle{
 font-size:30px;
 font-weight:900;
 display:block;   
 padding-bottom:10px;
}
.newstitle::after{
  position: absolute;
  content: '';
  display:block;
  width:60px;
  margin-top: 10px ;
  border-bottom:2px solid #CDD6DD;
}
.news_single{
margin-top:20px;
}
#info_single .date{
color:#707F89;
font-weight:900;
}
#info_single td{
vertical-align:middle;
}
#info_single a{
color:#3E3A39;
}
#info_single tr{
  border-bottom:1px solid #CDD6DD;
}


    /******************************************************
            中身
    ******************************************************/
    /*TOP・更新*/
    #content{
      height: auto;
      margin:0 auto;
      display: flex;
      max-width: 1000px;
      justify-content: space-between;
    }
    .p_title_img{
      width: 100%;
      margin-top: 140px;
    }
    .p_title_block{
      width: 100%;
      background-color: #EEAA57;
      padding:3rem;
      text-align: center;
      color: #fff !important;
      font-size: 2.2rem;
      margin-top: 158px;
    }

    #contents_container {
      margin-top: 50px;
    }
    #contents_container_other_p {
      margin-top: 50px;
      width:95%;
      max-width:1000px;
    }
    #contents_container.con_top {
      margin-top: 0px;
    }
    .contents_wrap{
      margin: 0 auto;
      width:95%;
      max-width:1000px;
    }
    .contents_wrap_icon{
      margin: 30px auto;
      width:95%;
      max-width:1000px;
    }
    /******************************************************
            中身（TOP以外）
    ******************************************************/
    /*******************タイトル***********************/
    #page_title{
        height:350px;
        width: 100%;
        margin-top: 50px;
        color:#ffffff;
        text-align:left;
        letter-spacing: 2px;
        border:none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    #page_title h1{
        display: block;
        margin-top: 20px;
        margin-left: 5%;
        font-size:3.8rem;
    }
    #page_title h2.small_title{
        display: block;
        margin-left: 5%;
        font-size:1.5rem;
    }
    /******************************************************
            フッター
    ******************************************************/
    #footer{
      position: static;
      margin:0 auto 0;
      width:100%;
    background-color: #0063AC;
      }
    #footer a{
        color:#fff;
    }
    #footer p {
    font-size:1.4rem;
    }
    #footer h4 {
    font-size:1.4rem;
    font-weight:bold;
    padding-bottom:1.4rem;
    }

    #area-ft{
      margin: 0px -500% 0px;
      padding: 20px 500%  10px;
      background-color: #0063AC;
    } 
    .area-ft2_flex_wrap{
        display: block;
        width:50%;
        color:#fff;
    }
    .area-ft2_flex_wrap div:nth-child(n+2){
        margin-left:65px;
    }

    #area-ft2{
      display:block;
      margin: 0px -500%;
      padding: 10px 500%  30px;
      background-color: #0063AC;
      font-size: 14px;
      color:#fff;
    }
    #area-ft2 p{
    display:block;
    width: 90%;
    max-width: 1350px;
    margin: 0 auto;
    }

    /* フッター： フッターメニュー */
    
    div#fotter_global-nav {
        display: block;
        margin: 0 auto;
    }
    div#fotter_global-nav div {
    }
    div#fotter_global-nav h4 {
        font-size:1.4rem;
        font-weight:bold;
        padding-bottom:1.8rem;
    }
    div#fotter_global-nav ul {
        padding-left:0;
    }
    div#fotter_global-nav ul li ul {
        padding-left:1em;
    }
    .footer-menu li {
    font-size:1.4rem;
    margin:0 0.5% 1.4rem;
    display: flex;
    }
    .footer-menu li ul li {
    font-weight: normal;
    }
    .footer_croft{
    display:flex;
    max-width: 1350px;
    margin: 0 auto;
     }

    #footer .foot_section {
      display: block;
      width:90%;
      *zoom:1;
      margin:75px 5% 20px;
      font-size:1.1rem;
      color:#fff;
    }
    #footer .foot_section dl:last-child {
        margin-right:0px;
    }
    #footer .foot_section dt {
      color:#fff;
      border-bottom:1px solid #fff;
      margin-bottom:10px;
      padding:0 0 5px 0px;
     }
     .foot_section li a{
      display: flex;
      color:#fff;
      text-decoration:none;
      line-height:25px;
      align-items: center;
    }
  .foot_section li.con_btn a{
      margin:0 auto;
      color:#fff;
    }

    #area-ft2 dl {
      display:block;
      width:33%;
      margin-bottom:40px;
      color:#fff;
      font-size:1.1rem;
    }
    #area-ft2 dl:nth-of-type(3) {
        margin-right:0px;
    }
    #area-ft2 dt {
      text-align:left;
      padding:0 0 5px 0px;
      font-size:1.1rem;
     }
	#area-ft2  dt.under{
		margin-top:25px;
      }
    #area-ft2 dd{
      font-size:1.1rem;
      text-align:left;
    }
    .area-ft2_flex_wrap::after{
      content:"";
      display: block;
      width:33%;
    }
    /*フッター　プライバシーポリシー部分*/
    #menu-footer03 li.privacy {
        margin-top:28px;   
    }
/************************************
 レスポンシブページネーション
************************************/
	.pagination{
	  list-style-type: none;
	  padding-left: 0;
	  margin: 30px 0;
	}
	
	.pagination,
	.pagination li a {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  align-items: center;
	}
	
	.pagination a {
	  font-weight: 300;
	  padding-top: 1px;
	  text-decoration:none;
	  border: 1px solid #ddd;
	  border-left-width: 0;
	  min-width:36px;
	  min-height:36px;
	  color: #333;
	}
	
	.pagination li:not([class*="current"]) a:hover {
	  background-color: #eee;
	}
	
	.pagination li:first-of-type a {
	  border-left-width: 1px;
	}
	
	.pagination li.first span,
	.pagination li.last span,
	.pagination li.previous span,
	.pagination li.next span {
	  /* screen readers only */
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}
	
	.pagination li.first a::before,
	.pagination li.last a::after,
	.pagination li.previous a::before,
	.pagination li.next a::after {
	  display: inline-block;
	  font-family: Fontawesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  transform: translate(0, 0);
	}
	
	.pagination li.first a::before { content: "\f100"; }
	.pagination li.last a::after { content: "\f101"; }
	
	.pagination li.previous a::before { content: "\f104"; }
	.pagination li.next a::after { content: "\f105"; }
	
	.pagination li.current a {
	 background-color: #ddd;
	 cursor: default;
	 pointer-events: none;
	}
	
	.pagination > li:first-child > a {
	  border-bottom-left-radius: 4px;
	  border-top-left-radius: 4px;
	}
	
	.pagination > li:last-child > a {
	  border-bottom-right-radius: 4px;
	  border-top-right-radius: 4px;
	}
}

@media print{
	#page-top a{display:none;}
}