/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
body{
        font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.font1,#pc_nav li a, #footer_nav li a,#intro .intro_photo h2,.top_title h2.right,.top_title h2.left,.cms_title h3,.overlay .overlay-nav .en,.hgs,#page_title .en,.num{font-family: 'Oswald', sans-serif;}
.linkStyle{color: #fff;border-bottom: 1px solid;}
.num{
    font-size: 50px;
    font-style: italic;
}
.catch{
    max-width: 1000px;
    width: 50%;
    bottom: 15%;
    right: 17%;
    opacity: 0;
	transition: all .8s;
}
.catch.start{
    opacity: 1;
    right: 20%;
}
#loading{background-color: #000;}
#loading_logo{z-index: 10;}
#loading.trans .ld1, #loading.trans .ld2, #loading.trans .ld3,#loading.trans .ld4 {
    opacity: 1;
}
.ld1{
        width: 34%;
    right: 15%;
    top: 15%;
    opacity: 0;
    transition-duration: 0.6s;
}
.ld2{
    width: 28%;
    left: 19%;
    bottom: 10%;
    opacity: 0;
    transition-duration: 0.6s;
    transition-delay: 0.8s;
}
.ld3{
    width: 29%;
    left: 8%;
    top: 10%;
    opacity: 0;
    transition-duration: 0.6s;
    transition-delay: 1.6s;
}
.ld4{
    width: 16%;
    right: 12%;
    bottom: 10%;
    opacity: 0;
    transition-duration: 0.6s;
    transition-delay: 2.4s;
}
#logo img,#logo2 img{width: 200px;}
#contents .con_title {
    font-size: 24px;
    margin-bottom: 30px;
    
}
#intro .rotate_txt span{line-height: 0.7;}
.modal_title_wrap{display: none;}
.cms_title p{margin-top: 10px;color: #aaa;}
.cms_2-g .box_wrap{box-shadow: none;}
.cms_2-g .box_txt1{color: #fff!important;}
.cms_5-c .box_title1,#cms_5-c .box_title1{border-color: #fff;}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before{color: #fff;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/





/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#logo2{padding-top: 10px;}
.ld1 {
    width: 44%;
    right: 9%;
}
.ld2 {
    width: 38%;
    left: 13%;
    bottom: 27%;
}
.ld3 {
    width: 33%;
    left: 8%;
    top: 10%;
}
.ld4 {
    width: 26%;
    right: 12%;
    bottom: 10%;
}



}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.catch{
        width: 80%;
    bottom: 50%;
    right: 47%;
    transform: translateX(50%);
}
.catch.start{
    right: 50%;
}
#loading_logo{max-width: 170px;}
#logo img, #logo2 img {
    width: 120px;
}
.ld1 {
    width: 54%;
    right: 9%;
    top: 29%;
}
.ld2 {
    width: 50%;
    left: 9%;
    bottom: 27%;
}
.ld3 {
    width: 53%;
    left: 8%;
    top: 10%;
}
.ld4 {
    width: 40%;
    right: 12%;
    bottom: 10%;
}


#page_title .en{letter-spacing: 2px;}
.cate_list li:nth-of-type(4n){margin-right: 0;}
#page_title .jp span{line-height: 1.5;}
.top_title h2 {
    font-size: 40px;
}
.top_title h2.right {
    right: 20px;
}
.top_title h2.left {
    left: 20px;
}
.top_title .left > span:before {
    left: 8px;
}
.top_title .right > span:before {
    right: 13px;
}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){
.overlay div.overlay-nav{background-color: #1c1c1c;}
}