﻿/* color */
.txt_color_nomal{color: #4d4d4d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #bf491e} /* メインカラー */
.txt_color2{color: #eabd39} /* サブカラー */
.txt_color3{color: #5FC9C1} /* アクセントカラー1 */
.txt_color4{color: #e8e8d9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #bf491e} /* メインカラー */
.bg_color2{background-color: #eabd39} /* サブカラー */
.bg_color3{background-color: #5FC9C1} /* アクセントカラー1 */
.bg_color4{background-color: #e8e8d9} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #bf491e}
.border_color2{border-color: #eabd39}
.border_color3{border-color: #5FC9C1}
.border_color4{border-color: #e8e8d9}

/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #4d4d4d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #bf491e} /* メインカラー */
.hvr_txt_color2:hover{color: #eabd39} /* サブカラー */
.hvr_txt_color3:hover{color: #5FC9C1} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e8e8d9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #bf491e} /* メインカラー */
.hvr_bg_color2:hover{background-color: #eabd39} /* サブカラー */
.hvr_bg_color3:hover{background-color: #5FC9C1} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e8e8d9} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #bf491e}
.hvr_border_color2:hover{border-color: #eabd39}
.hvr_border_color3:hover{border-color: #5FC9C1}
.hvr_border_color4:hover{border-color: #e8e8d9}

.linkStyle {
	color:#4d4d4d;
}
.linkStyle:hover {
	opacity: 07;
}
#main_img, #video{
    height: 57vw!important;
}
#video{
    z-index: -1;
    border: solid 20px #fff;
}
#video::after {
	background: rgb(26, 202, 211);
	background: -moz-linear-gradient(left, rgb(26, 202, 211) 0%, rgb(255, 163, 0) 100%);
	background: -webkit-linear-gradient(left, rgb(26, 202, 211) 0%,rgb(255, 163, 0) 100%);
	background: linear-gradient(to right, rgb(26, 202, 211) 0%,rgb(255, 163, 0) 100%);
content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 1;
}
h1 {
    padding: 40px 30px;
}
#intro h3 {
    line-height: 1.5;
}
#contents h3 {
	font-size: 60px;
    margin-bottom: 50px;
}
#contents div {
    width: 90%;
    margin-left: 5%;
}
#page_title {
    padding-top: 150px;
    padding-bottom: 0px;
}
#cms_2-c .cate_box {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
@media (max-width:768px){
h1 img {
    width: 170px;
}
#video{
    border: none;
}
#main_img, #video{
    height: 104vw!important;
}
#main_img h2 {
    font-size: 28px;
}	
#contents h3 {
	font-size: 50px;
}
footer #footer::after {
    opacity: 1;
}	
#footer_box h2 {
    padding: 0 20px;
}
#page_title {
    padding-top: 130px;
    padding-bottom: 100px;
}
}

@media (max-width:667px){
h1 {
    padding: 20px 15px;
}
h1 img {
    width: 125px;
}
#main_img, #video {
    height: 80vw!important;
}
#main_img {
    padding-top: 45vh;
}
main {
    padding-top:80px;
}
#main_img h2 {
    font-size: 20px;
}
#contents h3 {
	font-size: 30px;
}
}

@media all and (-ms-high-contrast:none){
	
}

/* 2022/09/16 修正-----------------------------------------------*/
header {
    z-index: 3;
}
#video {
    z-index: 2;
}
#video::after {
   z-index: -1;
}
#main_img::after,
#main_img h2 {
    display: none;
}
#main_nav ul {
    background: #bf491e;
}
@media (max-width:667px){
#header {
    background-color: #bf491e;
}
#video {
    z-index: 3;
    top:100px!important;
}
#video::after {
    height: 75%;
}
#menu_bt {
    top: 30px;
}
}
/* 2024/11/12 修正-----------------------------------------------*/
#main_nav ul li:last-of-type {
    display: none;
}
#main_nav ul li:nth-of-type(5) {
    margin-right: 0;
}
#menu_wrap nav ul li:nth-of-type(8) {
    display: none;
}
#menu_wrap nav ul {
    justify-content: flex-start;
}
footer #footer_bottom ul li:nth-of-type(2) {
    display: none;
}