@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&family=Shippori+Mincho:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600;700&display=swap');
body, .font_serif {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top_info .con_title{
	font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#Entry, #contents4 p, #top_cms .cms_title p, .more a, a[href^="tel:"], #top_info .con_title, #copyright, #page-top, .date, #page_title p, .pager, .cate_list::before, .cms_5-c .box_title1::before, .cms_5-c .box_txt1::before, #cms_5-c .box_title1::before, #cms_5-c .box_txt1::before, .con_no {
    font-family: 'Oswald', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* color */
.linkStyle{color: #222;}
body,.txt_color_nomal{color: #5a5a5a!important;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #222} /* メインカラー */
.txt_color2{color: #202020} /* サブカラー */
.txt_color3{color: #ffffff} /* アクセントカラー1 */
.txt_color4{color: #888888} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ededed} /* メインカラー */
.bg_color2{background-color: #f5e701} /* サブカラー */
.bg_color3{background-color: #ffffff} /* アクセントカラー1 */
.bg_color4{background-color: #888888} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #f5e701}
.border_color2{border-color: #f5e701}
.border_color3{border-color: #ffffff}
.border_color4{border-color: #888888}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #222} /* メインカラー */
.hvr_txt_color2:hover{color: #f5e701} /* サブカラー */
.hvr_txt_color3:hover{color: #ffffff} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #888888} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #222} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f5e701} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffffff} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #888888} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #222}
.hvr_border_color1:hover{border-color: #f5e701}
.hvr_border_color2:hover{border-color: #EA9FFC}
.hvr_border_color3:hover{border-color: #ffffff}
.hvr_border_color4:hover{border-color: #888888}

#loading_bg{background-color: #f5e701!important;z-index: 99999;}
#loading .gauge{background-color: #fff;}
#top_cms{background-color: #fff}


/* header ---------------------------------------------------------------------------------------------*/
#Entry{
	top: 30px;
    right: 135px;
    z-index: 999;
}
#Entry a{
	background-color: #f5e701;
    padding: 9px 36px;
    box-sizing: border-box;
    color: #363636;
    letter-spacing: 4px;
    font-size: 20px;
    font-weight: bold;
    display: block;
	transition: all .3s;
}
#Entry a:hover{
	background-color: #ffffff;
}
#header{
	background: none;
	transition: all .4s;
	height: 112px;
}
#header h1{
	margin-left: 10px;
	transform: translateY(-8px);
}
#header h1 img {
    height: auto!important;
    width: 20%!important;
    max-width: 280px;
	transition: all .3s;
}
#header.active{
	background-color: rgba(0,0,0,0.4);
}
#header.active h1 img{
	max-width: 207px;
}
header .menu_stick{
	top: 46px;
}

#sp_nav {
    background-color: rgba(255,255,255,0.7);
}
#sp_nav .grid_3:last-of-type img{
	transform: translate(-61%,-50%);
}
#sp_nav .bg_color1{
	background-color: #ffffff!important;
}
#sp_nav .grid_3:first-of-type img{
	transform: translate(-37%,-50%);
}
#sp_nav li.active a {
    border-bottom: 3px solid #f5e701;
    padding-bottom: 0px;
    margin-bottom: 10px;
}


/* index ---------------------------------------------------------------------------------------------*/
body, .txt_color_nomal {
	color: #303030!important;
}
#pc_nav{
	z-index: 3;
}
#main_img, #contents1, #top_cms, #contents2, #contents3{
	position: relative;
}
#main_img .main_txt {
    width: 60%;
    z-index: 3;
    transform: translate(-50%,-26%);
	transition: all .8s;
	opacity: 0;
}
#main_img.animStart .main_txt {
	transform: translate(-50%,-50%);
	opacity: 1;
}

#main_img::before{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
	z-index: 2;
}
#contents1::before {
    position: absolute;
    content: "";
    left: 0;
    top: 45px;
    width: 100%;
    height: 136px;
    background-image: url(./Dup/img/txt1.png);
    background-size: auto 100%;
    background-position-y: 0;
    background-position-x: 0;
    background-repeat: repeat-x;
    animation: anime7 30s linear infinite;
}
@keyframes anime7 {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1000px;
    }
}
#contents1 h2.con_title {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    font-weight: 700;
    border-bottom: 3px solid #f5e701;
}
#contents1 .con_box::before {
	display: none
}
.con_box::before{
	background-color: #f5e701!important;
    width: 3px;
}

/*#contents2, #contents3 {
    padding-top: 100px;
    padding-bottom: 100px;
}
#contents2, #contents3, #contents2 .con_box > .d_table, #contents3 .con_box > .d_table, #contents2 .con_box > .d_table::before, #contents3 .con_box > .d_table::before {
    min-height: inherit;
}
#contents2 .con_txt, #contents3 .con_txt {
    text-shadow: none;
}
#contents2 .con_box, #contents3 .con_box {
    min-height: inherit;
    background-image: none;
    background-color: rgba(255,255,255,0.8);
    padding-top: 66px;
    padding-bottom: 100px;
	padding-left: 64px;
	color: #222;
}
#contents2 .con_box > .d_table, #contents3 .con_box > .d_table {
    display: block;
}*/

#contents2 .con_title, #contents3 .con_title{
	color: #fff;
}
#contents2 .con_txt{
	padding-top: 0;
	color: #fff;
}
#contents3 .con_txt{
	padding-top: 0;
	margin: 0 20px 0 0;
	color: #fff;
}
#contents4 a .con_txt::before{
	width: 2px;
	background-color: #f5e701;
}
.con_txt .txt_color2 {
    color: #fff!important;
}
.more a{
	color: #222!important;
}
.more a::after {
    border-bottom: solid 1px #222;
    border-left: solid 1px #222;
}
.more a::before {
	border-top: solid 1px #222;
	border-right: solid 1px #222;
}
.more a:hover {
	background-color: #f5e701;
}
.txt_shadow_h{
	text-shadow: 0 0 5px rgba(0,0,0,0)!important;
}
.cms_title, .page_title_box{
	text-align: center;
}
.cms_title::before {
    display: none
}
.cms_title h2, .page_title_box h2 {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
}
.cms_title p, .page_title_box p{
	font-size: 38px;
    letter-spacing: 7px;
	border-bottom: 3px solid #f5e701;
}
.page_title_box p{
	display: inline-block
}
.tel_bt {
	color: #222!important;
    background-color: rgba(255,255,255,0.1);
    border: solid 1px #222!important;
}


/* footer ---------------------------------------------------------------------------------------------*/
#footer .con_img {
    background-color: #202020!important;
}
#footer p, #copyright{
	color: #fff!important;
}
.footer_logo{
	max-width: 300px;
}


/* 他ページ ---------------------------------------------------------------------------------------------*/
.page_title_box h2,.page_title_box p{
	color: #fff!important;
}
#under_page .info_box .d_flex:first-of-type {
    border-top: solid 1px #f5e701;
}
#page_title {
    background-color: #505050!important;
}
.cate_list li a {
    color: #222!important;
}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before {
    background-color: #4a4a4a!important;
}
.cate_list {
    border-bottom: solid 1px #4a4a4a!important;
}
#under_page .under_box .border_color4 {
    border-color: #ffffff;
}
#under_page .under_box span.txt_white{
	color: #ff0000!important;
}
#form_box dl input, #form_box dl textarea {
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #dedede!important;
}
#under_page .under_box.page8 .txt_white{
	color: rgba(0, 0, 0, 0.8)!important;
}
#under_page .mail .grid_3{
	background-color: #222!important;
	color: #fff!important;
}
#under_page .mail .grid_3.hvr_bg_color4:hover {
    background-color: #222!important;
	opacity: 0.7;
	border-color: #f8b1b1!important;
}
#under_page .under_box.page9 .txt_white {
    color: #222!important;
}
#under_page .under_box.page9 a:hover {
    color: #fff!important;
	border-color: #222;
}
.error_message,.end_message{
	color: red!important;
}
.pager li a{
	color: #222!important;
}

/* cms ---------------------------------------------------------------------------------------------*/
#cms_2-b .cate_title, #cms_6-b .cate_title {
    color: #383838;
    font-weight: bold;
    border-left: 10px solid #f5e701;
    box-sizing: border-box;
    background-color: #ffffb2;
	text-align: left;
    padding: 10px;
}
.cms_6-b .cate_box .box_txt1,#cms_6-b .cate_box .box_txt1{
	background-color: #333333;
}
#cms_6-a .cate_title{
	border-color: #f5e701;
    background-color: #4d4d4d;
}
.pager li:not(.prev):not(.next) a:hover{background-color: #f5e701!important;}
.pager li.prev a:hover, pager li.next a:hover{border:none!important;background-color: #f5e701!important;}


/* IE */
@media all and (-ms-high-contrast: none){
#pc_nav li:nth-child(2) a::before{top: 1px;}  
#contents2 .con_box .con_txt ,#contents3 .con_box .con_txt  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10%;
}
.tel_bt{padding-top: 10px!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#Entry{
	right: 125px;
}
#header h1 img {
    max-width: 207px;
    transform: translateY(22px);
}
#main_img .main_txt {
	width: 81%;
}
#contents1{
	padding-top: 156px;
}
#contents1::before{
	height: 97px;
}
#contents1 .con_box{
	padding-top: 43px;
}
#top_cms{
	padding-top: 30px
}
.more a {
    background-color: rgba(243, 242, 242, 0.56)!important;
}
#contents1 h2.con_title{
	padding-right: 10px;
	padding-left: 10px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#Entry{top: 19px;right: 82px;}
#Entry a{font-size: 13px;padding: 6px 18px;letter-spacing: 3px;}
#sp_nav{background-color: rgba(24,24,24,0.44);}
#header{height: 69px}
#header h1{margin-left: 0;}
#header h1 img {
    max-width: 127px;
    transform: translateY(7px);
    width: 37%!important;
}
#header.active h1 img{max-width: 127px;}
header .menu_stick {top: 25px;right: 21px;}

#main_img .main_txt {width: 94%;}
#main_img::before{background: rgba(0,0,0,0.25);}
#contents1 {padding-top: 105px;}
#contents1::before {height: 55px;top: 31px;}
#contents1 .con_box{padding-top: 33px}
	
.cms_title h2, .page_title_box h2{font-size: 18px}
.cms_title p, .page_title_box p{font-size: 32px}
}