@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=Oswald:wght@200..700&display=swap');
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;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
.font_en{
      font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
#loading .gauge{background-color: #f7f7f7;}
/* header{    background-color: #e5e5e5!important;} */
#logo{background-color: #fff;}
.contents1_wrap .top_cms_before {
    content: '';
    position: absolute;
    width: 90%;
    height: 150%;
    z-index: -1;
    transform: rotate(10deg) translateY(-50%);
    -moz-transform: rotate(-10deg) translateY(-50%);
    -webkit-transform: rotate(10deg) translateY(-50%);
    top: 50%;
    bottom: 50%;
    left: 45%;
}
#contents1 .title {
    /*font-size: 50px;*/
    border: none;
}
#contents1 .title,#contents1 .title span{transform: none;}
.contents1_wrap{
        background-image: url(Files/img/img2.jpg);
    padding-top: 5%;
    padding-bottom: 5%;
    background-size: cover;
    background-position: center;
}
#contents1 .title:before {
    background-color: rgb(255 116 0);
}
/* #main_menu ul li a{color: #333;    }
header .contact_bt a, header .tel_bt a{color: #333!important;}
#main_menu ul li a::before{background-color: #333;}
header .contact_bt a{    background-color: #fa7600;} */
.main_copy{
        z-index: 99;
    max-width: 1000px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}
.dec01{
        z-index: 99;
    max-width: 1000px;
    width: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
header .contact_bt a{
        background-color: #ff7400;
}
#contents3 .txt5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}
.cms_title p,#contents1 p.oswald,#attach p.oswald{
        text-transform: uppercase;
    font-weight: bold;
    font-size: max(6.2rem, 10px);
    color: #333;
    line-height: 1.5;
}
#attach p.oswald{color: #fff;}
.top_cms_wrap .width_1280-max{max-width: none;}
#top_cms .box{background-color: transparent;box-shadow: none;}
#top_cms .box h2{
        padding-left: 30px;
    line-height: 2;
        color: #ff8003;
}
.cms_title::before{
    top: 0;
    transform: none;
}
#contents1 .title::first-letter, #contents2 .title::first-letter, #contents3 .title::first-letter{color: #ff7400;}
/*===========================================================*/
/* ノートpc */
/*===========================================================*/
@media screen and (max-width: 1530px) and (max-height: 735px) {
.dec01{width: 70%;}
}


/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
    #contents1{
        opacity: 1;
        transform: none;
    }
.dec01{
        bottom: 0;
        max-width: 768px;
        width: 95%;
}
#main_img img.object_fit_img{    min-height: auto;}
    .main_box {
        padding-top: 64px!important;
        width: 100% !important;
        margin-left: 0;
    }
.cms_title p, #contents1 p.oswald, #attach p.oswald {
    font-size: max(5.2rem, 10px);
}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
        .main_box {
        padding-top: 44px !important;
    }
#main_img{
}
    .dec01 {

    }
        #main_img img.object_fit_img {
    }
        .cms_title p, #contents1 p.oswald, #attach p.oswald {
        font-size: max(3.2rem, 10px);
    }
.cms_title p {
        line-height: 1;
    }
    .cms_title::before {
    top: -35%;
}
#top_cms .box h2,.cms_title{padding: 0;}
}