﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
body{font-family:'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.contact_bt a,#page_top a span,.more .hvr_more_span,.top_cms_wrap span,.tel_bt a,#page_title p,#page10 .contents_wrap span,.cms_5-c .box_title1::before,.cms_5-c .box_txt1::before{font-family: 'DM Sans', sans-serif;}



/*-------------------all page-----------------------------------------------------*/
#loader img{width:400px;}
#logo a{background-color: #fffaaa;}
.footer_nav{background-color:transparent;}
.footer_nav li a{color:#333;}
#logo2{width:300px;}
.linsStyle{color:#250A70;}
/*#pc_nav li a:not(.contact_bt a){text-shadow: 0 0 3px #888888;}*/
#pc_nav li a:not(.contact_bt a){color:#333;}
.headtrans #pc_nav li a:not(.contact_bt a){text-shadow:none;}
#page_top a span{color: #FFA400;}
#page_top .scroll_u .scroll_bar{background-color:#FFA400;}

/*-------------------top page-------------------------------------------------*/
#main_img .main_bg{background: rgba(214,214,214,0.5)!important;}
#main_img .main_txt_wrap{text-shadow: 0 0 3px #888888;}
#intro{padding-top:0;}
#contents1 .con1_bg,#contents3 .con1_box{background: rgba(49,49,49,0.5)!important;}
#top_cms .cms_box > div{background-color:white;}
.more .hvr_more_span{font-weight:bold;}
#top_cms .more a:hover{color:#333;}
#top_cms .cms_title span{background-color:#ffa400;}


/*----------------------under page-----------------------------------------------*/
.page_title_bg{background-color:transparent;}
#page_title .page_title_gradient {background: transparent!important;}
#page_title h2,#page_title p{color:#333;}
#page09 .privacy_box p{border-left:0;}
#page09 .privacy_box a{padding-bottom:2px;}
#page10 .fa-chevron-right:before{display:none;}
#page10 .contents_wrap a{padding-left:20px;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo a{
  width:200px;
  padding-left:20px;
  padding-right:20px;
}
#logo a img{width:100%!important;}
.more a{color: #250A70;}
#sp_nav .nav_bg {background: rgba(7, 10, 112,0.8)!important;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#loader img {width: 200px;}
#header{padding-left:0;}
.main_txt{text-align:center;}
#logo a {
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
}
#contents2 .con2_box{padding-top:50px;}
#contents2 .con2_title{
  text-align:center;
  margin-bottom:20px;
}
#top_cms .cms_box{margin-bottom:50px;}
#top_cms .cms_box > div{
  padding-bottom:30px;
  margin-bottom:0;
}
#top_cms .cms_sub_title{top:-120px;}
#cms_5-c .box_txt1{font-size:1rem;}
#page10 .contents_wrap a{
  text-align:center;
  padding-left:0;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#pc_nav a, .cate_list a, #footer .tel_bt a, #footer .contact_bt a{padding-top:11px;}
#cms_6-b .cate .cate_title{padding:4px 5px 3px!important;}
#page09 .privacy_box a{padding-bottom:5px!important;}
.pager li a{line-height:58px;}
}


/*------2021/03/23修正-----------------------*/
#pc_nav .contact_bt a{background-color:#ffa400;}
#footer .tel_bt a{
  color:#333;
  border:1px solid #333;
}