﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Nanum+Pen+Script&display=swap');
@font-face {
    font-family: 'irohamaru';
    font-style: Medium;
    font-weight: 900;
    src: url('../Dup/img/irohamaru.woff') format('woff'),
        url('../Dup/img/irohamaru.woff2')  format('woff2'), url('../Dup/img/irohamaru.ttf')  format('ttf'),url('../Dup/img/irohamaru.eot')  format('eot');
    font-display: swap;
}
.font1,.overlay .overlay-nav .en,#page_title .en,.cate_title,#contents .con_title,.cms_title h3,.modal_txt_wrap h4{font-family: 'irohamaru';}
body,.modal_title1 span,.hgs,#page_title .jp{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
/*#main_img{
    background-image: url(./Dup/img/main_img.jpg);
    background-size: cover;
}*/
.luxy_reset{transform: none!important;position: relative!important;}
#logo img{max-width: 150px;}
#intro .intro_photo h2,.liana,.top_title h2 > span,.num{font-family: 'Nanum Pen Script', cursive;color: #f48357;}
.num{font-size: 50px;}
.linkStyle{color: #333;border-bottom: 1px solid;}
.bg_black, .hvr_bg_black:hover {
    background-color: #969481;
}
.blur {
    background: rgba(255,252,232,0.8)!important;
}
.txt_white, .hvr_txt_white:hover,.modal_txt_wrap  {
    color: #616558;
}
#pc_nav li a{color: #fff;}
.bnr{
    right: 40px;
    bottom: 30px;
    max-width: 150px;
    z-index: 1;
}
.bnr a{display: block;transition: 0.5s;}
.bnr a:hover{transform: scale(1.03);}
header.scr_header {
    background-color: rgba(240,182,129,80%)!important;
}
.sns_links{right: 50px;left: inherit;}
.catch{bottom: 0;left: 0;}
#contents .con_title {
    font-size: 30px;
    color: #ff8f44;
    margin-bottom: 20px;
        background-image: url(Dup/img/item01.png),url(Dup/img/item02.png);
    background-position: top 0px left 0px,bottom right;
    background-repeat: no-repeat;
    padding: 30px;
}
.top_cms_box{background-color: #fff;} 
.more .more_item {
    border-radius: 50px;
    color: #fff;
}
.more .more_item:hover {
    color: transparent;
    border-color: #ff8f44;
}
.more .more_item:hover .icon-right.after:after{color: #ff8f44;}
.more .more_item:before {
    background-color: #969481!important;
}
.intro_img1 ,.intro_img2 ,.con_img,.top_cms_box,.modal-box .inner,.modal-box:before {border-radius: 20px;}
.modal_txt_wrap h4{color: #ffa566;}
.modal-box .modal-close{top: 10px;right: 10px;}
footer .tel_bt a,footer .contact_bt a{color: #fff;}
.intro_title{font-size: 24px;}
.overlay .overlay-nav .bottom a{background-color: #ffa566;}
#contents_wrap{background-color: #FFFCE8;}
#contents .con_box_item{padding-right: 30px;}
.dec1{
        z-index: 1;
    left: -60px;
    top: 0;
}
.box2 .dec1{left: inherit;right: -60px;}
.con_box_item {z-index: 1;}
/*.top_title .rotate_txt span.sliceTxt1{line-height: 0.3;}*/
#intro .rotate_txt span,.top_title .rotate_txt span{line-height: 0.5;}
#intro .intro_title{    color: #ff8f44;}
.cms_title h3{font-size: 30px;}
.cms_title{
    position: relative;
    padding-left: 70px;
    background-image: url(Dup/img/icon01.png);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: left center;
}
.top_cms_box:nth-of-type(2) .cms_title{background-image: url(Dup/img/icon02.png);}
.top_cms_box:nth-of-type(3) .cms_title{background-image: url(Dup/img/icon03.png);}
.top_cms_box:nth-of-type(4) .cms_title{background-image: url(Dup/img/icon04.png);}
.top_cms_box:nth-of-type(5) .cms_title{background-image: url(Dup/img/icon05.png);}
/*.cms_title:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
        background-image: url(Dup/img/icon03.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: left center;
}*/
.top_title h2 > span {padding-top: 120px;z-index: 1;}
.top_title .right > span:before {
    right: 20px;
}
.top_title h2 > span:before{background-color: #ffa566;}
.top_title .left > span:before ,.top_title .right > span:before{left: 23px;content: none;}
#footer_info{
    padding-bottom: 100px;
    padding-top: 100px;
}
#copyright{background-color: #ffbc6a;color: #fff;}
#copyright a{color: #fff;}
.menu-trigger, .close-trigger{top: 60%;}
.modal_title1:before{left: 50%;}
.scroll_d > span{background-color: rgba(46,46,46,0.5);}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

.g_type1 > div{justify-content: space-around;}
.g_type1 .modal_bt{cursor: pointer}
.g_type1 .modal_bg{top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 9998;}
.g_type1 .modal_box{max-height: 80%;overflow-y: auto;z-index: 9999;}
.g_type1 .close_bt{cursor: pointer}
.g_type1 .cate_box {position: relative;width: 22.99999%!important;margin: 0 1%;margin-bottom: 20px;overflow: hidden; }

@media all and (-ms-high-contrast:none){
.g_type1 .modal_box .box_txt2 a {padding: 8px 10px 2px;}
}

@media screen and (max-width: 768px){
.g_type1 .cate_box {width: 30.99999%!important;}
}
	
@media screen and (max-width: 667px){
.g_type1 .cate_box {width: 47.99999%!important;}
}


/*===========================================================*/
/* 下層 */
/*===========================================================*/
.cate_title {
    background-color: transparent;
    padding: 70px 0 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px!important;
    margin-bottom: 50px;
    color: #ffa566;
    position: relative;
    font-weight: bold;
        background-image: url(Dup/img/title01.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.cate_title::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: 50%;
    bottom: 0;
    background-color: #ffa566;
    transform: translatex(-50%);
}
.cate_list li a{color: #fff;}
.cate_list li a:hover{background-color: #ffca87;}
.pager li a {
    background-color: #ffa566!important;
    color: #fff;
}
.pager li a:hover{opacity: 0.5;}
.pager li a span i{color: #fff;}
#page10 .con_box{max-width: 800px;}
#page_title_img .scr,#main_img .scr{color: #ff9f5e;}
#page_title .en{
        background-color: #ff9f5e;
    color: #fff;
    padding: 10px 20px;
    font-size: 80px;
}
#page_title .jp{color: #333;}
#page9 .box_wrap p a{color: #fff;}
#contact_tel a{color: #fff;}
.cms_4-b .cate_box{margin: 0;}
#page10 .con_box ul{    border-color: #616558;}
#page_title .jp span{line-height: 1.5;}
/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.catch {
    bottom: 50%;
    left: 0;
    transform: translateY(50%);
}
#intro .intro_photo h2 {left: -30px;}
.top_title h2.right {
    right: 20px;
}
.top_title h2.left {
    left: 20px;
}
#loading #loading_text .progressbar-text {
    top: 65%;
}
#contents .con_title{font-size: 24px;}
#page_title .en {font-size: 50px;}
#logo2 img{max-width: 200px;}


}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#contents .con_title {
    font-size: 20px;
}
#loading .kvArea .img_box img {max-width: 70%;}
.bnr{right: 10px;max-width: 110px;}
#footer_info{padding-top: 0;padding-bottom: 60px;}
.modal-box .modal-close span {
    width: 20px;
    height: 20px;
}
.intro_title {
    font-size: 20px;
}
#contents .con_box_item{padding-right: 0;}
.dec1 {top: 50%;}
#page_title .en {
    font-size: 30px;
}
#page_title .jp {    top: 80px;}
.cms_title {
    padding-left: 55px;
    background-size: 50px;
}
.intro_img1{
    height: 600px!important;
    border-radius: 20px;
    overflow: hidden;
}
#logo img{max-width: 80px;}
#logo2 img {
    max-width: 150px;
}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){
.modal-box .inner {
    scrollbar-width: none;
}
}