@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
body{
font-family: "Kosugi Maru","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
.linkStyle{
	color:#FFAF26;
}
.linkStyle:hover{
	color:#FFAF26;
	opacity: 0.7;
	transition: all 0.5s;
}

.txt_white {
    color: #666;
}
.txt_color_nomal {
    color: #666;
}
.bg_color1 {
    background-color: #fff28f;
}
.border_color1 {
    border-color: #fff28f;
}

.bg_color2 {
    background-color: #FFAF26;
}

.bg_color3 {
    background-color: #CEEFD1;
}
.border_color3 {
    border-color: #CEEFD1;
}
.border_color4 {
    border-color: #CEEFD1;
}

#video{ height: 70vh; }
#video video{
width: auto!important;
height: 100%;
top: 50%;
left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#page_title p{
color: #fda000;
}
.more a{
    color: #fff;
}
.cate_list li a:hover{
    background-color: #fff28f;
    opacity: 0.7;
    transition: all 0.5s;
}
#logo{
    width: 220px;
}
#logo2{
width: 65%;
}


.drawer-hamburger-icon{
     background-color: #fda000; 
}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    background-color: #fda000!important; 
}

#page_title{
	background-image: url(./Dup/img/back.png);
	background-size:70%;
}
#contents{
	background-image: url(./Dup/img/back.png);
	background-size:70%;
}
footer{
	background-image: url(./Dup/img/back.png);
	background-size:70%;
}
#cms_1-c .date{
color: #FFAF26;
}
#cms_2-b .cate_title{
    border-color: #FFAF26;
}
#cms_3-e .cate_title{
    background-color: #fff28f;
    padding: 10px;
    border-left: 10px solid #FFAF26;
}
#cms_3-e .box_img1{
height: auto!important;
}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    color: #FFAF26;
}
#cms_5-b .box_item{
    border-color: #FFAF26;
}
#page7 .box .box_item:nth-child(2) p{
    color:#333;
    font-weight: normal;
}
#page8 #tel_contact a{
    background-color: #fff;
    color: #FF9E03;
}
#page8 #tel_contact a:hover{
    opacity: 0.7;
    transition: all 0.5s;
}
#page8 #submit{
background-color: #fff;
    color: #FF9E03;
}
#page9 .box a{
    color: #666;
}

@media screen and (max-width: 768px){
#video{ height: 50vh; }
#contents{
	background-size:120%;
}
footer{
	background-size:120%;
}
#page_title{
	background-size:120%;
}
}
@media screen and (max-width: 667px){

#logo2{
	width: 75%;
	margin: auto;
	text-align: center;
}
#contents{
	background-size:240%;
}
footer{
	background-size:240%;
}
#video{ height: 60vh; }
#video video{
width: 100%!important;
height: auto;
}
#page_title{
	background-size:240%;
}
}
/*202./07/06*/
#page8 #tel_contact2 a {
    background-color: #fff;
    color: #FF9E03;
}