header .link_box ul{
    justify-content: flex-start;
}
header .link_box li{
    width: 11%!important;
margin-right: 20px;
}
header .link_box li:last-child{
margin-right: 0px;
}
.bg_color1 {background-color: #bda074;}
.bg_color4 {background-color: #FFB600;}
.txt_color1 {color: #feb601;}
.txt_color2 {color: #94c7d0;}
.txt_color3 {color: #a27444;}
.txt_color4 {color: #94c7d0;}
.border_color1 {border-color: #94c7d0;}
.border_color2 {border-color: #feb601;}
.border_color3 {border-color: #94c7d0;}


/* =============================================
　　loading
============================================= */
#loading{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 999999;
	background-color: #fff;
}
#loading_line{
	position: absolute;
	top: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
#loading_line .line{
position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    background-color: #bda074;

}
#loading_line .line2{
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 2;
	background-color: #fff;
}
#loading_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	max-width: 250px;
	z-index: 3;
}
/* ----------　日英切り替え　---------- */
#main_menu ul li{margin-bottom: 30px;position: relative;}
#main_menu ul li:before{
content: "";
position: absolute;
top: 60%;
left: 0;
width: 20px;
height: 1px;
    background-color:#bda074;
transition: .5s;
}
#main_menu li > div,
#footer_menu li > div,
#sp_nav li > div{
height: 25px;
overflow: hidden;
}
#main_menu li > div > div,
#footer_menu li > div > div,
#sp_nav li > div > div{
-webkit-transition: margin 0.5s;
-moz-transition: margin 0.5s;
-ms-transition: margin 0.5s;
-o-transition: margin 0.5s;
transition: margin 0.5s;
margin: 0;
}

#main_menu ul li a:hover{padding-left: 30px;}
#main_menu ul li a:hover::before{width: 20px;}
#main_menu li span,
#footer_menu li span,
#sp_nav li span{line-height: 1;padding: 10px 0;}
#main_menu li > div > div:hover,
#footer_menu li > div > div:hover{margin-top:-49px;}
#sp_nav li > div > div:hover{margin-top:-40px;}
#main_menu ul li a::before{display: none;}
header .contact_bt .txt,
header .contact_bt .txt2{display: inline-block;}
header .contact_bt .txt{
height: 20px;
overflow: hidden;
}

/* ----------　all　---------- */
.linkStyle{
	color:#FFB600;
}
.linkStyle:hover{
	color:#FFB600;
	opacity: 0.7;
	transition: all 0.5s;
}
h1, h2, h3, h4, h5, h6,.cate_title,#main_menu ul li a{
font-family: 'Yusei Magic', sans-serif!important;
}
#fakeloader{
background-color: #FFB600;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    background-color: #fff!important;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after{
    background-color: #FFB600!important;
}
main {
    overflow: hidden;
}
header{
background-image: url(Dup/img/dec2.png);
    background-size: auto 90%;
    border-radius: 0 20% 20% 0 / 0 50% 50% 0;
    top: -50px;
    padding-top: 100px!important;
background-position: right -20px center;
    background-repeat: no-repeat;
}
header .head_box{
    padding-right: 30px;
    padding-left: 10px;
}
header h1{
    max-width: 250px!important;
}
.main_box{
    background-color: #f5f4f0;
    margin-left: 0;
width: 100%!important;
}
#contents1 h2,#contents2 h2,#contents2-2 h2,#contents3 h3,.cms_title h2,#page_title h2{
font-weight: bold;
}
#contents1,#contents2 .d_flex,#contents2-2 .d_flex, #contents3 .d_flex, .footer_back footer,#top_cms,.page_box,.all_page {
margin-left: 25%;
    width: 75%;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #bda074;
}
.button:hover{
    border-color: #bda074;
}
footer .button:hover::after {
    box-shadow: inset 0 0 0 15em #ffb600;
}
.button{
z-index: 9;
    position: relative;
}
.cms_title::before {
    background-color: #feb601;
}
.txt_shadow-b {
    text-shadow: none;
}
.button2:hover {
    box-shadow: none;
    background-color: #94c7d0;
    color: #fff;
    border-color: #94c7d0;
}
#main_menu ul li a {
    color: #ffffff;
    text-shadow: 1px 1px 0 #bda074, -1px 1px 0 #bda074, 1px -1px 0 #bda074, -1px -1px 0 #bda074;
}
header .tel_bt a{
    border-color: #bda074;
    color: #ffb600;
    background-color: rgba(255, 255 ,255 ,0.85);
}
header .tel_bt .button:hover::after {
    box-shadow: inset 0 0 0 15em #bda074;
}
.footer_cms,.foot_tel_bt a,#footer_menu li a,#copyright,#copyright a{
    color: #fff;
}
.fat-nav li a,#footer_menu li a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* ----------　TOP　---------- */
#video{ height: 100vh!important; }
#video video{
	width: auto!important;
	height: 100%;
    right: 0;
}
#contents2,#contents3,.footer_back{
position: relative;
}
#contents2 .d_flex ,#contents3 .d_flex,.footer_back footer{
  position: relative;
}
#contents2::before,.footer_back::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #bda074;
  transition: 0.5s;
}
#contents3::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #a3d1d9;
  transition: 0.5s;
}
#contents2 h2,#contents2 p,#contents3 h3,#contents3 p{
color: #fff;
}
.top_cms_wrap{
    background: -webkit-repeating-linear-gradient(-45deg,#faf9f6 0,#faf9f6 3px,#f5f4f0 3px,#f5f4f0 20px);
    background: -o-repeating-linear-gradient(-45deg,#faf9f6 0,#faf9f6 3px,#f5f4f0 3px,#f5f4f0 20px);
    background: repeating-linear-gradient(-45deg,#faf9f6 0,#faf9f6 3px,#f5f4f0 3px,#f5f4f0 20px);
}
.top_cms_box:first-child{
border-bottom: 1px solid #ffb600;
}
.fade::before {
  width: 100%!important;
}

/* ----------　下層ページ　---------- */
#page_title .page_box::before {
    background-color: #feb601;
}
#page_title p{
color: #94c7d0;
}
.banner {
    width: 80%;
    max-width: 300px;
    margin: auto;
}
#page8 #tel_txt a{
color: #feb601;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_2-b .cate .cate_title {
    padding-top: 10px!important;
}
#cms_3-b .cate_title {
    padding-top: 10px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#video {
	height: auto!important;
	width: 100%;
}
#video video {
	width: 100%!important;
	height: auto;
	position: relative;
}
header h1{
    max-width: 150px!important;
}
header {
    top: 0px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    border-radius: 0;
background-position: right center;
    background-size: auto;
}
#contents1,#contents2 .d_flex,#contents2-2 .d_flex, #contents3 .d_flex, .footer_back footer,#top_cms,.page_box,.all_page {
margin-left: 0%;
    width: 100%;
}
footer .link_box ul{
    justify-content: center;
}
footer .link_box li {
    max-width: 40px;
    width: 15%!important;
    margin-left: 20px;
    margin-right: 20px;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
background-size: 40%;
}
header h1 {
    max-width: 100px!important;
}
.main_box {
    padding-top: 55px;
}
#page8 #contact_tel {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
}
footer .link_box li {
    max-width: 30px;
    margin-left: 15px;
    margin-right: 15px;
}
#cms_2-b .box_wrap,#cms_3-b .box_wrap{
padding-right: 0px;
    padding-left: 0px;
}
#cms_2-b .cate_box,#cms_3-b .cate_box {
padding: 15px;
}
.all_page{
padding-right: 10px;
    padding-left: 10px;
}
}