.font_en {font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body{background-image:url(./Dup/img/bg1.png);}
header{background-image:url(./Dup/img/bg2.png);}
.head_box{position: relative;}

.pc_box .contact_bt::before,#page8 #contact_tel a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(45deg, #fabe00, #fabe00 5px, transparent 5px, transparent 10px, #0839a8 10px, #0839a8 15px, transparent 15px, transparent 20px);
}
.pc_box .contact_bt::after,#page8 #contact_tel a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(45deg, #fabe00, #fabe00 5px, transparent 5px, transparent 10px, #0839a8 10px, #0839a8 15px, transparent 15px, transparent 20px);
}

.pc_box #logo img {width: 80% !important;}

#main_menu ul li a{color: #404556;}
#main_menu ul li a::before{background-color: #404556;}

.pc_box .contact_bt{position:relative;}
.pc_box .button{border: none;}
.pc_box .button:hover{color: #404556;}
.pc_box .button:hover::after {box-shadow: inset 0 0 0 15em #f9f4ed;}

.pc_box .tel_bt{display: none;}

#main_img h2{
    font-size: 22px;
    text-align: left;
    color: #404556;
    font-weight: bold;
    line-height: 2.2;
    text-shadow: none;
}

#contents1 .txt2,h2.txt4, h3.txt5, h3.txt7{
    position:relative;
    margin-bottom: 60px;
    line-height: 2.0;
}
#contents1 .txt2::before,h2.txt4::before, h3.txt5::before, h3.txt7::before{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 40%;
    height: 4px;
    content: '';
    background: repeating-linear-gradient(45deg, #fabe00, #fabe00 5px, transparent 5px, transparent 10px, #0839a8 10px, #0839a8 15px, transparent 15px, transparent 20px);
}
#contents1 .txt2 + p,h2.txt4 + p, h3.txt5 + p, h3.txt7 + p{line-height: 1.8;}

.img6::before,.img7::before {
    content: "";
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    z-index: 1;
    transform: translate(-50%, -50%);
}
h3.txt5:first-letter, h3.txt7:first-letter {
    color: #FF8F22;
    font-size: 26px;
}

.cms_title::before{background-color: #30343a;}
#top_cms .cms_title p{color: #b2b2b2;}

#top_cms .more a{
    font-size: 14px;
    color: #ffffff;
    border-color: #0839a8;
    background-color: #0839a8;
    z-index: 1;
}
#top_cms .more a:hover{
    color: #ffffff;
    background-color: transparent;
    border-color: #fabe00;
}
#top_cms .more a:hover::after {
    box-shadow: inset 0 0 0 15em #fabe00;
}

.footer_wrap{background-color: #f4f4f4;}
.footer_cms{font-size: 12px;}
.foot_tel_bt .button{color: #ffffff;border-color: #0839a8;background-color: #0839a8;z-index: 1;}
.foot_tel_bt .button:hover{color: #ffffff;background-color: transparent;border-color: #fabe00;}
.foot_tel_bt .button:hover::after {box-shadow: inset 0 0 0 15em #fabe00;}
footer .logo img{max-width: 250px;}

#page_title .page_box h2{text-shadow: none;font-weight: bold;}
#page_title .page_box p{color: #b2b2b2;text-shadow: none;}
#page_title .page_box::before{background: repeating-linear-gradient(45deg, #fabe00, #fabe00 5px, transparent 5px, transparent 10px, #0839a8 10px, #0839a8 15px, transparent 15px, transparent 20px);height: 4px;}

#tel_txt .border_color2{border-color: #b2b2b2;}

.cate_list li .button2:hover,  #page10 ul li .button2:hover{
    box-shadow: none;
    color: #ffffff;
    background-color: #fabe00;
}

.cms_5-c .box_title1::before,#cms_5-c .box_title1::before{color: #FF8F22;}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before{color: #0839a8;}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
.pc_box #logo img {width: 120% !important;}
/*
.hamburger__icon{background-color: #ffffff!important;}
.hamburger.active .hamburger__icon {background-color: transparent!important;}
.hamburger__icon:after, .hamburger__icon:before {background-color: #ffffff!important;}
*/
.hamburger.active .hamburger__icon:before,.hamburger.active .hamburger__icon:after{background-color: #ffffff!important;}
.fat-nav.active,.fat-nav.active ul{background-color: #fabe00;}
.fat-nav li a{color: #ffffff;font-size: 14px;font-weight: bold;}
.fat-nav li a.border_color1{border-color: #ffffff;}
#main_img h2 {font-size: 16px;}
main + .link_box li {max-width: 25px;}
#page_title .title_img {height: 200px;}
}

@media screen and (max-width: 667px){
#main_img h2 {font-size: 12px;}
.txt1 {width: 90%;}
#page_title .title_img {height: 140px;}
}

@media all and (-ms-high-contrast:none){
#top_cms .more a {padding: 13px 0 7px;}
}


/* アニメーション関連 */
.txt_randomc span{
    animation: pyon 0.4s linear;
    position: relative;
}

@keyframes pyon {
    0% {top: 0;color:#FF8F22;}
    50% {top:-17px;color:#FF8F22;}
    100%{top: 0;color:#FF8F22;}
}