﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
html,body{
        /*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;*/
        font-size: 18px!important;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
h1.width_200-max{max-width: 300px;}
h2, h3, h4 {
	font-family: "游明朝","YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.triangle01{display: none;}
.fixbnr{
    right: inherit;
    left: 30px;
    position: fixed;
}
.catch {
    z-index: 4;
    bottom: 24%;
    right: 26%;
    width: 11%;
    max-width: 150px;
    filter: none; 
}
.catch02{
    z-index: 4;
    top: 50px;
    left: 0px;
    width: 20%;
    max-width: 350px;
    opacity: 0.3;
}
.dec01{
        top: 0;
    left: 0;
    z-index: 1;
    max-width: 300px;
    width: 40%;
}
.dec02{
    bottom: -20px;
    right: 20px;
    z-index: 1;
    max-width: 300px;
    width: 40%;
}
#main_img{    background-position: top center;}
#top_news{background-image: url(./Dup/img/bg1.jpg);}
#top_contents1 h3{
/*    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;*/
    text-align: left;
     top: 150px; 
    position: relative;
    font-size: 50px;
}
#top_contents1 .con1_img,#top_contents3 img{z-index: 1;position: relative;}
#top_contents3{background-image: url(./Dup/img/bg1.jpg);}
#top_contents3 .con3_txt_wrap{
    max-width: 800px;
    margin: 0 auto;
} 
#top_contents3 .con3_wrap3  .con_before{left: 50%;transform: translateX(-50%);}
#top_news .cms_title,#top_cms .cms_title,#page_title .title_wrap{
        -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto 50px;
}
.info_txt_wrap{background-color: transparent;}
.footer_h1{border-color: #fff;}
footer .footer_item{background-color: transparent;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_2-g .cate_img1{max-height: none;}
#page_title{position: relative;}
#page_title .title_img{
    padding: 50px;
    background-color: #fff;
    background-image: url(./Dup/img/bg1.jpg);
    height: 350px;
    display: flex;
}
#page_title .title_img span{background-color: #fff;}
#page_title .title_wrap{
    position: relative;
    width: auto;
    max-width: none;
    text-shadow: none;
        color: #616153;
    min-height: 350px;
    margin: auto;
    top: inherit;
    left: inherit;
    transform: none;
}
#page_title .title_wrap h2{font-size: 30px;}
#page_title .title_wrap p{opacity: 0.5;}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#main_img {
    height: 70vw;
}
.catch {
    bottom: 32%;
    right: 13%;
}
.catch02 {
    top: 420px;
}
#top_contents1 h3{
    writing-mode: inherit;
    text-align: center;
    top: inherit;
}
.fixbnr{
    width: auto;
}
.fixbnr a{padding: 10px;}
.loader_icon {
    width: 350px;
}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.catch {
    bottom: 29%;
    right: 12%;
    width: 13%;
}
.catch02 {
    width: 20%;
    top: 280px;
}
.mainwrap-r h1 {
    width: 180px;
}
#attach{    background-position: right center;}
#top_news .dec02{
    bottom: -160px;
    right: -60px;
}
#top_contents1 h3{font-size: 30px;}
#top_contents3 .con3_no{display: block;}
#page_title .title_wrap h2 {
    font-size: 24px;
}
#page_title .title_img {
    padding: 20px;
}
footer .footer_item{padding-bottom: 70px;}
.loader_icon {
    width: 200px;
}

}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}