@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400&family=Stardos+Stencil&display=swap');
.top_cms_box.cms1 h3.liana, .liana, .hgs, #footer_info .con_no, .cms_title h3{font-family: 'Stardos Stencil', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
#pc_nav li a, #footer_nav li a, .overlay .overlay-nav .en, .intro_title_sub, .more .more_item, #footer_info .contact_bt a, #main_img .scr.hgs {font-family: 'Jost', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}




/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #101010;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #333333;}
.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_white,.hvr_txt_white:hover {color: #333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #101010;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #000000;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #101010;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #0a0a0a;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #dddfe2;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #999999;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #101010;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #dddfe2;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}


/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #dddfe2;}
.border_color2,.hvr_border_color2:hover{border-color: #333;}
.border_color3,.hvr_border_color3:hover{border-color: #101010;}
.border_color4,.hvr_border_color4:hover{border-color: #dddfe2;}



/* design ---------------------------------------------------------------------------------------------*/
/* ---------- all---------- */
.lb-data .lb-close{background-size: contain;}
.lightboxOverlay{opacity: 0.6!important;}

#loading{background-color: #101010}
#pc_nav li a{color: #fff;font-size: 16px;}
#main_img .scr, #page_title_img .scr{color: #fff;font-weight: 100;}

html{font-size: 14px;}
body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;letter-spacing: 0;}
.blur {background: #ffffff;backdrop-filter: none;-webkit-backdrop-filter: none;}
.overlay{background-color: rgba(0,0,0,0.70);backdrop-filter: none;-webkit-backdrop-filter: none;}
.overlay div.overlay-nav{padding-top: 35px;}
.overlay .overlay-nav ul.bottom a{background-color: #7a7a7a;}
.overlay .overlay-nav ul.bottom a:hover{background-color: #dddfe2;color: #000;}
.overlay .overlay-nav > ul li a:hover {color: #fff;}
.overlay .overlay-nav .bottom a:hover{opacity: 1}

.more .more_item:before{background-color: #101010!important;left: auto;right: 100%;width: 25%;}
.more .more_item:hover:before {right: 0;width: 100%;left: auto;}
.more .more_item:hover:after{display: none;}
.border_white, .hvr_border_white:hover {border-color: #333;}
.more .more_item{top: 25px;}
.icon-right:after{top: 23px;}

#footer_info, #footer_info a{color: #fff}
#footer_info .con_no {
    top: 20px;
    left: 20px;
    font-size: 17px;
    padding-left: 100px;
	color: #1c2d76;
}
#footer_info .con_no::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: currentColor;
}
#footer_info .contact_bt a{border-color: #fff!important;font-weight: 400;}
#footer_info .tel_bt a:hover{background-color: #999ca1;}
.footer_info_left, .footer_info_right{padding: 50px;}
.footer_info_right{padding-bottom: 30px;}
.footer_info_right .s_box{width: 40%;min-width: 220px;}
footer .info_btn_wrap p{text-align: center;}
#footer_nav li a:hover::after{background: #101010;}
#page-top a{position: relative;z-index: 10;}
.scroll_d > span{background-color: #d5d6d7;z-index: 10;}
footer .scroll_d > span{background-color: #919191;}


/* ヘッダー ---------------------------------------------------------------------------------------------*/
header.scr_header {background-color: #101010!important;}
#header{padding-top: 16px;padding-left: 27px;}
#header #logo img{transition: all 1s}
header #logo img{max-width: 250px;}
header.is-show #logo img{max-width: 175px;}
.menu-trigger, .close-trigger{top: 62%;}
.fix_sns {
    bottom: 0;
    left: auto;
    z-index: 10;
    position: fixed;
    right: 0;
    background-color: rgba(16,16,16,0.38);
    padding: 14px 27px;
    max-width: 280px;
    padding-right: 60px;
}

/* top ---------------------------------------------------------------------------------------------*/
.main_txt{
    width: 37%;
    bottom: 27px;
    left: 27px;
}
#main_img .sns_links {
    left: auto;
    right: 69px;
    bottom: 27px;
}
.con_box.box2, .con_box.box3{display: none;}
.intro_title_sub {
    padding-left: 48px;
    margin-bottom: 20px;
    text-align: left;
}
.intro_title_sub::before{
	display: inline-block;
	content: "";
	width: 36px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.intro_title, #contents .con_title {font-size: 35px;text-align: left;}
#contents .con_title {margin-bottom: 30px;}
.intro_txt, .con_txt, .modal_txt{line-height: 1.9;}
#contents .more .more_item {margin-left: 0;}

.top_cms_box.cms1{position: relative;margin-bottom: 0}
.top_cms_box.cms1::before{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background: #dddfe2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.top_cms_box.cms1 .border_color4{border-color: #686868;}
.top_cms_box.cms1 h3.font_50{font-size: 62px;text-align: left;color: #222;}
.top_cms_box.cms1 .more .more_item{margin-left: 0;}
.top_cms_box.cms1 .cms_title{padding-right: 30px;text-align: left;}
.top_cms_box.cms1 .cms_title h3::before{display: none!important}
.top_cms_box.cms1 .cms1_right{border-left: 1px solid #111;padding-left: 80px;}

.top_title .rotate_txt span:nth-child(-n+4){color: #fff}
.modal_title1:before{left: 7px;}
.modal_title2{text-align: left;font-size: 24px;}

#top_cms_wrap{padding-top: 130px}
.top_cms_box:not(.cms1){
	border: none;
    padding: 0 20px;
}
.top_cms_box.cms3{
	margin-bottom: 160px
}
.cms_title h3 {
    text-align: center;
    font-size: 31px;
    position: relative;
    padding-bottom: 13px;
    letter-spacing: 1px;
}
.cms_title h3::before{
	display: inline-block;
	content: "";
	width: 36px;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}


/* 他 ---------------------------------------------------------------------------------------------*/
#page_title .en{color: #fff;top: -116px;}
#page_title .en:before{height: 106%}
#page8 .left, #page8 .right {
    padding: 40px 10px;
    background-color: #f7f7f7;
    margin: 1%;
    width: 40%!important;
    box-sizing: border-box;
}
#page8 .con_box.tel .cate_title{margin-bottom: 61px;}
#page8 .con_box .right .cate_title{margin-bottom: 16px!important;}
#page8 .con_box.tel a {
    display: block;
    max-width: 330px;
    margin: 0 auto 11px;
	transition: opacity .6s
}
#page8 .con_box.tel a:hover{opacity: 0.5}
.width_1100-max{width: 100%;max-width: 1100px;margin: auto}
#tel_txt{margin-top: 60px;max-width: 1000px;}


/* cms ---------------------------------------------------------------------------------------------*/
.pager li a {background-color: #e5e5e5!important;}
.page_container{padding-top: 40px}
.cate_list {
    padding: 20px;
    position: relative;
    margin-top: 50px;
    background-color: #f7f7f7;
}
.cate_list::before {
    display: inline-block;
    content: "CATEGORY";
    position: absolute;
    top: -66px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 25px;
    letter-spacing: 4px;
    font-family: 'Stardos Stencil', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
.cate_list a{border: 1px solid;background-color: #fff}
.cate_list a:hover{background-color: #101010;color: #fff;}
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: center;
    padding-bottom: 13px;
    letter-spacing: 1px;
    margin-bottom: 50px;
    position: relative;
}
.cate_title::before {
    display: inline-block;
    content: "";
    width: 36px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#cms_6-a .cate_txt1{max-width: 1000px;margin:auto;margin-bottom: 29px;}
#cms_6-a .cate_img1{margin: auto;}
#cms_6-a .box_wrap{border: none;background-color: #f7f7f7;margin: auto;max-width: 1000px;}
#cms_6-a .cate_box{border: none;margin-bottom: 20px}
#cms_6-a .cate_box:last-of-type{margin-bottom: 0}
#cms_6-a .box_txt1{padding-left: 8px;border-left: 1px solid;}
#cms_6-a .box_txt2{padding-left: 8px;}

.btn_container a {
    border: 1px solid #464646;
    padding: 8px 30px;
    background-color: #484848;
    color: #fff;
}
.cms_4-b .cms_wrap, #cms_4-b .box_wrap {
    max-width: 1100px;
    margin: auto;
    justify-content: center;
}
.cms_4-b .cate_box a{color: #333;transition: all .5s}
.cms_4-b .cate_box a:hover{opacity: 0.7}

.modal_reset{
	transform: none!important;
    position: relative!important;
}
.v_type3 .box_item{
	padding: 0;
}
.v_type3.top .box_item{
	padding: 1px;
}
.v_type3 .box_item img{
	transition: transform .6s
}
.v_type3 .box_item:hover img{
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
}
.v_type3 .box_title2, .v_type3 .box_txt1{
    border-top: 1px solid #edede6;
}
.v_type3 .modal-box{
	max-width: 800px;
    margin: auto;
}
.v_type3 .modal-box .inner{max-height: 600px;padding: 50px;padding-bottom: 55px;box-sizing: border-box;}
.v_type3 .modal-box:before{height: 50px;}
.v_type3 .modal-wrap {overflow: auto;padding-top: 100px;padding-bottom: 50px;}
.v_type3 .modal-box .inner{max-height: 100%!important;overflow: auto;}


/* IE */
@media all and (-ms-high-contrast: none){
.more .more_item{padding-bottom: 11px!important;padding-top: 9px!important;}
.btn_container a{padding: 9px 30px 4px!important}
.icon-right::after{top: 21px!important;}
}

/* ---------- 1174px ---------- */
@media screen and (max-width: 1174px){
#page8 .left, #page8 .right{width: 48%!important;}
#page8 .con_box.tel .cate_title{font-size: 19px;}
#page8 .right p.font_16{font-size: 14px;}
#page8 .con_box.tel a{width: 80%}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.font_2dw_tb {font-size: 14px;}
#header{padding-left: 12px}
header #logo img {max-width: 176px;}
header.is-show #logo img {max-width: 157px;}
.main_txt{width: 53%;}

.top_cms_box.cms1{padding-bottom: 75px;}
.top_cms_box.cms1::before{width: 100%;}
.top_cms_box.cms1 .cms1_right {border-left: none;padding-left: 0;}
.top_cms_box.cms1 .more .more_item{margin: auto}
.top_cms_box.cms1 .cms_title{text-align: center;padding: 0}
.top_cms_box.cms1 h3.font_50{text-align: center;}

.intro_title, #contents .con_title{font-size: 27px;}
.intro_txt, .con_txt, .modal_txt {line-height: 1.8;}
	
.top_title .rotate_txt span:nth-child(-n+4) {color: #333}
.top_title .rotate_txt span:nth-child(-n+2) {color: #fff}

.page_container{padding-top: 50px}
.cms_4-b .cate_box{width: 23%!important}
#cms_4-b .cate_box{width: 31%!important;}

#page8 .con_box.tel a{width: 92%}
footer .scr{color: #fff;}
.scroll_d > span{background-color: #7c7c7c;}
	
.v_type3 .modal-box .inner{padding: 10%;}
.v_type3 .modal-box:before{height: 5%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
html{font-size: 13px}
.main_txt {
    width: 75%;
    bottom: 106px;
    left: 19px;
}
#main_img .sns_links {
    right: auto;
    bottom: 20px;
    left: 20px;
}

.top_cms_box.cms1 h3.font_50{font-size: 50px;text-align: left;padding-left: 12px;margin-bottom: -21px;}
.top_cms_box.cms1 .more{margin-top: 17px;}
	
.top_title .rotate_txt span:nth-child(-n+2) {color: #333}
.top_title .rotate_txt span:nth-child(-n+3) {color: #fff}
#contents .con_title{margin-top: 22px;}

#top_cms_wrap {padding-top: 120px;padding-bottom: 49px;}
.top_cms_box.cms3 {margin-bottom: 138px;}

.con_box{padding: 3%;}
.cate_list::before{font-size: 20px;top: -38px;}
.cate_list li:nth-of-type(4n){margin-right: 0}
.cms_title h3{font-size: 28px}
.cate_title{margin-bottom: 15px;font-size: 20px;}
#cms_6-a .box_wrap{padding: 15px}	
#cms_6-a .box_txt1{font-size: 16px;}	
#cms_6-a .cate_txt1, #cms_6-a .box_txt2{line-height: 1.7;}	
.cms_4-b .cate_box, #cms_4-b .cate_box{width: 50%!important}
#cms_4-b .cate_box{padding-top: 27px;}
.btn_container a{font-size: 12px;}

.v_type3 .cate_box{padding: 2px}
.v_type3 .modal-box .inner{padding-bottom: 40px}
.v_type3 .modal-box:before{height: 30px;}
	
#page_title .en{top: -47px;}
#page8 .left, #page8 .right{width: 100%!important;padding: 29px 10px;}
#page8 .left{order: 2;}
#page8 .right{margin-bottom: 50px;order: 1;}
#page8 .con_box.tel .cate_title{margin-bottom: 32px;font-size: 18px;}
#tel_txt{margin-top: 40px}
#footer_info .con_no::before{width: 42px;}
#footer_info .con_no{font-size: 13px;padding-left: 53px;}
footer .scr{color: #333;}
.footer_info_right .s_box{min-width: 165px;}
	
.fix_sns {
    padding: 9px 14px;
    padding-left: 24px;
    max-width: 237px;
    right: auto;
    left: 0;
}
#copyright{padding-bottom: 60px;}
}